/*
Theme Name: Base
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.slick-dots,
.top-bar .btn-tools,
.nav-menu,
.main-gallery .slick-dots,
.quality-list,
.product-list,
.rating,
.post-list,
.instagram-list,
.social,
.btn-list,
.color-list,
.breadcrumbs-list,
.tab-nav,
.check-tab,
.footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
dl:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.post-password-form:after,
#search_block:after,
.search-form p:after,
#search_block p:after,
.navigation-single:after,
.commentlist .comment-author:after,
.container:after,
.footer-block:after,
.footer-nav:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	max-height: 1000000px;
}

body {
	color: #131212;
	background: #fff;
	font: 16px/1.2 "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

.gm-style img {
	max-width: none;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
	margin: 0 0 1.2em;
}

blockquote {
	border-left: 4px solid rgba(0,0,0,.1);
	padding-left: .5em;
	margin-left: 1.2em;
}

th,
td {
	border: 1px solid rgba(0,0,0,.1);
	padding: .5em;
	text-align: left;
	vertical-align: top;
}

th {
	text-align: center;
	vertical-align: middle;
}

ul,
ol {
	padding-left: 3em;
}

ul ul,
ul ol,
ol ul,
ol ol {
	padding-left: 3em;
	margin: 0;
}

ul {
	list-style-type: disc;
}

dl dt {
	float: left;
	clear: left;
	padding-right: .3em;
	font-weight: bold;
}

dl dd {
	overflow: hidden;
}

pre {
	max-width: 100%;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
input[type="date"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	border: none;
	padding: .4em .7em;
	border: 1px solid #131212;
	outline: none;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
textarea:focus {
	border-color: #131212;
}

select {
	-webkit-border-radius: 0;
}

textarea {
	resize: vertical;
	vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
	padding: 15px;
	font-size: 15px;
	line-height: 1em;
	display: inline-block;
	text-align: center;
	outline: none;
	background-color: #24ba9c;
	color: #fff;
	font-weight: bold;
	border: none;
	-webkit-transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
	transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover {
	text-decoration: none;
	background-color: #51ceb5;
}

button i,
input[type="button"] i,
input[type="reset"] i,
input[type="submit"] i,
.btn i {
	margin-left: 5px;
}

button.btn-small,
input[type="button"].btn-small,
input[type="reset"].btn-small,
input[type="submit"].btn-small,
.btn.btn-small {
	font-size: 11px;
	padding: 10px;
}

button.btn-small .fa,
input[type="button"].btn-small .fa,
input[type="reset"].btn-small .fa,
input[type="submit"].btn-small .fa,
.btn.btn-small .fa {
	margin: 0 5px 0 0;
	font-size: 16px;
}

button.btn-green,
input[type="button"].btn-green,
input[type="reset"].btn-green,
input[type="submit"].btn-green,
.btn.btn-green {
	background-color: #24ba9c;
}

button.btn-green:hover,
input[type="button"].btn-green:hover,
input[type="reset"].btn-green:hover,
input[type="submit"].btn-green:hover,
.btn.btn-green:hover {
	background-color: #51ceb5;
}

button.btn-green:hover .fa,
input[type="button"].btn-green:hover .fa,
input[type="reset"].btn-green:hover .fa,
input[type="submit"].btn-green:hover .fa,
.btn.btn-green:hover .fa {
	color: #fff;
}

button.btn-brown,
input[type="button"].btn-brown,
input[type="reset"].btn-brown,
input[type="submit"].btn-brown,
.btn.btn-brown {
	background-color: #3d3d3d;
	color: #fff;
}

button.btn-brown:hover,
input[type="button"].btn-brown:hover,
input[type="reset"].btn-brown:hover,
input[type="submit"].btn-brown:hover,
.btn.btn-brown:hover {
	background-color: #4a4a4a;
}

button.btn-brown .fa,
input[type="button"].btn-brown .fa,
input[type="reset"].btn-brown .fa,
input[type="submit"].btn-brown .fa,
.btn.btn-brown .fa {
	color: #fff;
}

button.btn-red,
input[type="button"].btn-red,
input[type="reset"].btn-red,
input[type="submit"].btn-red,
.btn.btn-red {
	color: #fff;
	background-color: #e44a4a;
}

button.btn-red:hover,
input[type="button"].btn-red:hover,
input[type="reset"].btn-red:hover,
input[type="submit"].btn-red:hover,
.btn.btn-red:hover {
	background-color: #e37373;
}

button.btn-xlarge,
input[type="button"].btn-xlarge,
input[type="reset"].btn-xlarge,
input[type="submit"].btn-xlarge,
.btn.btn-xlarge {
	font-size: 40px;
	font-weight: 900;
}

button.btn-xlarge i,
input[type="button"].btn-xlarge i,
input[type="reset"].btn-xlarge i,
input[type="submit"].btn-xlarge i,
.btn.btn-xlarge i {
	margin-left: 15px;
	font-weight: bold;
}

button.btn-xlarge i.fa-angle-right,
input[type="button"].btn-xlarge i.fa-angle-right,
input[type="reset"].btn-xlarge i.fa-angle-right,
input[type="submit"].btn-xlarge i.fa-angle-right,
.btn.btn-xlarge i.fa-angle-right {
	font-size: 45px;
}

button.btn-black,
input[type="button"].btn-black,
input[type="reset"].btn-black,
input[type="submit"].btn-black,
.btn.btn-black {
	background-color: #2d2d2d;
}

button.btn-black:hover,
input[type="button"].btn-black:hover,
input[type="reset"].btn-black:hover,
input[type="submit"].btn-black:hover,
.btn.btn-black:hover {
	background-color: #4a4a4a;
}

.btn-xsmall {
	background: #24ba9c;
	border-radius: 3px;
	font-size: 10px;
	padding: 3px 10px;
	color: #fff;
	text-align: center;
}

.btn-xsmall:hover {
	text-decoration: none;
	background: #e44a4a;
}

.btn-cart {
	background-color: #3a3a3a;
	padding: 30px 10px;
	font-size: 20px;
	min-width: 210px;
}

.btn-cart:hover {
	background: #4a4a4a;
}

.btn-shop {
	color: #272727;
	font-size: 14px;
	padding: 10px;
	font-weight: 500;
}

.btn-shop:hover {
	color: #fff;
}

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	outline: none;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	font-size: 0;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	padding: 0 6px;
	vertical-align: bottom;
}

.slick-dots button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	font-size: 0;
	padding: 0;
	text-indent: -9999px;
	border: none;
	-webkit-transition: none;
	transition: none;
	background: rgba(255, 255, 255, .5);
}

.slick-dots .slick-active button {
	background: #fff;
}

.paginator-slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
}

.box-slider .head .paginator-slider .slick-arrow:last-child {
	margin: 0;
}

.slick-arrow {
	width: 32px;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 0;
	position: relative;
	font-size: 0;
	margin-right: 20px;
}

.slick-arrow:hover {
	background: none;
	text-decoration: none;
}

.slick-arrow:hover:before {
	color: #28937e;
}

.slick-arrow:before {
	font-family: FontAwesome;
	content: "\f138";
	font-size: 34px;
	line-height: 1;
	color: #2d2d2d;
}

.slick-arrow.btn-prev:before {
	content: "\f137";
}

/* radio */

.jcf-radio {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #131212;
	border-radius: 9px;
	margin: -3px 3px 0 0;
	height: 16px;
	width: 16px;
}

.jcf-radio span {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	background: #131212;
	border-radius: 100%;
}

.jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}

.jcf-radio.jcf-checked span {
	display: block;
}

/* checkbox */

.jcf-checkbox {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #131212;
	margin: 0 5px 0 0;
	height: 20px;
	width: 20px;
}

.jcf-checkbox span {
	position: absolute;
	display: none;
	height: 6px;
	width: 12px;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -6px;
	border: 3px solid #000;
	border-width: 0 0 3px 3px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

:root .jcf-checkbox span {
	margin: -4px 0 0 -6px;
}

.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}

.jcf-checkbox.jcf-checked span {
	display: block;
}

/* file */

.jcf-file {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid #24ba9c;
	height: 42px;
	color: #707070;
	border-radius: 5px;
	min-width: 290px;
}

.jcf-file .jcf-real-element {
	position: absolute;
	font-size: 200px;
	height: 200px;
	margin: 0;
	right: 0;
	top: 0;
}

.jcf-file .jcf-fake-input {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
	padding: 0 8px;
	font-size: 14px;
	line-height: 42px;
	height: 42px;
}

.jcf-file .jcf-upload-button {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	margin: 13px 7px 10px 15px;
	padding: 0;
	line-height: 42px;
	width: 15px;
	text-indent: -9999px;
	height: 17px;
	background: url(assets/images/ico_upload.png) no-repeat;
}

/* select */

.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #131212;
	background: #fff;
	margin: 0 0 12px;
	min-width: 150px;
	height: 30px;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
	font-size: 14px;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 13px;
	line-height: 26px;
	margin: 0 35px 0 8px;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 20px;
	bottom: 0;
	right: 0;
	top: 0;
}

.jcf-select .jcf-select-opener:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #131212 transparent transparent transparent;
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -2px -4px 0 0;
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select.jcf-compact-multiple {
	max-width: 220px;
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
	display: inline-block;
	padding-top: 2px;
	content: "...";
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #131212;
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
	background: none;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
	background: #e6e6e6;
	color: #000;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
	display: inline-block;
	content: "";
	height: 4px;
	width: 8px;
	margin: -7px 5px 0 -3px;
	border: 3px solid #777;
	border-width: 0 0 3px 3px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

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

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	color: #656565;
	min-height: 14px;
	height: 1%;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color: #000;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/* number input */

.jcf-number {
	display: inline-block;
	position: relative;
	height: 32px;
}

.jcf-number input {
	-moz-appearance: textfield;
}

.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.jcf-number input {
	box-sizing: border-box;
	border: 1px solid #777;
	padding: 3px 27px 3px 7px;
	margin: 0;
	height: 100%;
}

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
	position: absolute;
	width: 20px;
	height: 50%;
	right: 1px;
	top: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.jcf-number .jcf-btn-dec {
	top: auto;
	bottom: 1px;
}

.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
	font-family: FontAwesome;
	content: "\f106";
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	text-align: center;
}

.jcf-number .jcf-btn-dec:before {
	content: "\f107";
}

.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before,
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before {
	opacity: .3;
}

.jcf-number.jcf-disabled input {
	background: #ddd;
}

/* common styles */

.widget {
	margin-bottom: 1.2em;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: inherit;
	width: 100%;
}

/* Calendar */

#wp-calendar {
	width: 100%;
	background: #fff;
	margin-bottom: 15px;
	clear: both;
	padding: 0;
}

#wp-calendar caption {
	padding: 10px;
}

#wp-calendar th,
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td {
	background: transparent;
}

/* Typography */

.entry ul ul,
.entry ul ol {
	margin: 0;
}

.entry ul > li {
	list-style-type: disc;
}

.entry ul > ul > li {
	list-style-type: circle;
}

.entry ol ol,
.entry ol ul {
	margin: 0;
}

.entry ol > li {
	list-style-type: decimal;
}

.entry ol > ol > li {
	list-style-type: lower-alpha;
}

.comment-form p {
	overflow: hidden;
	padding: 0 0 10px;
	margin: 0;
}

.comment-form label {
	display: block;
	padding: 0 0 5px;
}

.comment-form textarea,
.comment-form input:not([type="submit"]) {
	margin: 0 4px 0 0;
	width: 300px;
}

.comment-form textarea {
	width: 100%;
	margin: 0;
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"] {
	width: 300px;
}

#text_area {
	width: 100%;
}

.search-form input {
	float: left;
}

.search-form input[type="search"] {
	width: 180px;
}

.post-password-form input {
	float: left;
}

.post-password-form input[type="password"] {
	width: 180px;
}

.comment-form button,
.comment-form input[type="submit"],
.post-password-form button,
.post-password-form input[type="submit"],
.search-form button,
.search-form input[type="submit"],
#search_block button,
#search_block input[type="submit"] {
	height: 40px;
	padding: 0 10px;
}

.search-form,
.post-password-form,
#search_block {
	margin-bottom: 15px;
}

.search-form input,
.post-password-form input,
#search_block input {
	float: left;
	height: 40px;
}

.search-form input[type="search"],
.search-form input[type="text"],
.post-password-form input[type="search"],
.post-password-form input[type="text"],
#search_block input[type="search"],
#search_block input[type="text"] {
	width: 180px;
}

.search-form input[type="password"],
.post-password-form input[type="password"],
#search_block input[type="password"] {
	width: 180px;
}

.search-form input[type="submit"],
.search-form button,
.post-password-form input[type="submit"],
.post-password-form button,
#search_block input[type="submit"],
#search_block button {
	height: 40px;
}

.commentlist {
	margin: 0 0 1.2em;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 1.2em;
}

.widget_calendar #prev {
	padding-left: 5px;
	text-align: left;
}

.widget_calendar #next {
	padding-right: 5px;
	text-align: right;
}

.navigation,
.navigation-comments,
.pagination {
	position: relative;
	vertical-align: middle;
	padding: 10px 0 20px 0;
	width: 100%;
	overflow: hidden;
	text-transform: uppercase;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text,
.pagination .screen-reader-text {
	position: absolute;
	left: -99999px;
}

.navigation .current,
.navigation-comments .current,
.pagination .current {
	color: #ccc;
}

.navigation .page-numbers,
.navigation-comments .page-numbers,
.pagination .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 15px;
	font-size: 12px;
}

.navigation .page-numbers.current:hover,
.navigation-comments .page-numbers.current:hover,
.pagination .page-numbers.current:hover {
	background: none;
	color: #ccc;
}

.navigation .page-numbers:hover,
.navigation-comments .page-numbers:hover,
.pagination .page-numbers:hover {
	background: #e44a4a;
	color: #fff;
}

.navigation .next,
.navigation .prev,
.navigation .al,
.navigation .ar,
.navigation-comments .next,
.navigation-comments .prev,
.navigation-comments .al,
.navigation-comments .ar,
.pagination .next,
.pagination .prev,
.pagination .al,
.pagination .ar {
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
	background: #24ba9c;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	-webkit-transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
	transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
}

.navigation .next.disabled,
.navigation .prev.disabled,
.navigation .al.disabled,
.navigation .ar.disabled,
.navigation-comments .next.disabled,
.navigation-comments .prev.disabled,
.navigation-comments .al.disabled,
.navigation-comments .ar.disabled,
.pagination .next.disabled,
.pagination .prev.disabled,
.pagination .al.disabled,
.pagination .ar.disabled {
	background: #b3b3b3;
	border-color: #b3b3b3;
	pointer-events: none;
}

.navigation .next a,
.navigation .prev a,
.navigation .al a,
.navigation .ar a,
.navigation-comments .next a,
.navigation-comments .prev a,
.navigation-comments .al a,
.navigation-comments .ar a,
.pagination .next a,
.pagination .prev a,
.pagination .al a,
.pagination .ar a {
	display: inline-block;
	vertical-align: top;
	padding: 10px 15px;
	color: #fff;
	-webkit-transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
	transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
}

.navigation .next a:hover,
.navigation .prev a:hover,
.navigation .al a:hover,
.navigation .ar a:hover,
.navigation-comments .next a:hover,
.navigation-comments .prev a:hover,
.navigation-comments .al a:hover,
.navigation-comments .ar a:hover,
.pagination .next a:hover,
.pagination .prev a:hover,
.pagination .al a:hover,
.pagination .ar a:hover {
	background: #e44a4a;
	color: #fff;
}

.navigation a,
.navigation-comments a,
.pagination a {
	color: inherit;
}

.navigation-single {
	margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
	float: left;
	vertical-align: middle;
	max-width: 50%;
	background: #24ba9c;
	color: #fff;
	text-decoration: none;
}

.navigation-single .next a,
.navigation-single .prev a {
	color: inherit;
	text-decoration: none;
	padding: 7px 10px;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	-webkit-transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
	transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
}

.navigation-single .next a:hover,
.navigation-single .prev a:hover {
	background: #e44a4a;
	color: #fff;
}

.navigation-single .next {
	float: right;
}

/* Begin Images */

img.border {
	padding: 5px;
	border: 1px solid #ccc;
}

.wp-caption {
	clear: both;
	border: 1px solid #999;
	max-width: 96%;
	font-size: 12px;
	line-height: 1.2; /* Image does not overflow the content area */
	padding: 5px 3px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 0 20px 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	width: auto;
	max-width: 98.5%;
}

.wp-caption p {
	margin: .4em 0 0;
}

div.aligncenter,
figure.aligncenter {
	margin: 0 auto 1.2em;
	text-align: center;
}

img.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.aligncenter {
	margin: 5px auto 20px auto;
}

.alignleft {
	float: left;
	margin: 0 1.2em 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 1.2em;
}

.alignnone {
	margin: 0;
}

img.wp-smiley {
	padding: 0;
	border: none;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* can use for responsive iframe*/

.fluid-iframe {
	display: block;
	position: relative;
	padding-bottom: 60%;
}

.fluid-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.mejs-container {
	margin-bottom: 1.2em;
}

.wp-caption .wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

.al,
.navigation .next {
	float: left;
}

.ar,
.navigation .prev {
	float: right;
}

.posts-list .entry p {
	margin: 0;
}

.posts-list .post {
	margin: 0 0 60px;
}

.title {
	margin-bottom: 1.2em;
	text-transform: uppercase;
}

.title h1 {
	margin: 0;
}

.post .title {
	margin-bottom: 10px;
}

.post .postmetadata {
	margin-bottom: 10px;
}

.textwidget p {
	padding: 0 0 10px 0;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

code br {
	display: none;
}

pre,
code {
	font-family: mono-space, monospace;
	border: 1px solid #eee;
	padding: 20px;
	display: block;
	margin: 0 0 20px 0;
	overflow: auto;
	white-space: pre;
	font-size: 12px;
	line-height: 20px;
	background: #fff;
}

code {
	padding: 1px 20px 0 20px;
	background: #fff;
	border-top: 0;
	border-bottom: 0;
}

/* Various Tags & Classes */

acronym,
abbr,
span.caps {
	cursor: help;
}

acronym,
abbr {
	border-bottom: 1px dashed #dfcfba;
}

blockquote {
	margin: 0 0 1.2em;
}

blockquote cite {
	display: block;
	padding-top: 5px;
}

sup {
	position: relative;
	top: -5px;
}

sub {
	position: relative;
	top: 5px;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

.clear {
	clear: both;
	line-height: 0;
}

.page-link {
	padding: 0 0 15px;
}

/* Respond */

.comments {
	clear: both;
}

#respond {
	margin: 20px 0 20px 0;
	overflow: hidden;
}

.commentlist #respond {
	margin: 0 0 20px 0;
}

#respond .comment-reply-title small {
	font-size: 12px;
	font-weight: normal;
}

/* Comments*/

#comments,
#reply-title {
	margin: 0 0 15px 0;
	line-height: 1.6em;
}

.commentlist {
	margin-left: -2em;
	padding: 0;
	text-align: justify;
	line-height: 1.6em;
}

.commentlist .comment {
	padding: 0 0 0 2em;
}

.commentlist .comment,
.commentlist + .comment {
	padding-top: 1.2em;
}

.commentlist .commentlist {
	padding: 0;
}

.commentlist .comment-author {
	margin-bottom: .5em;
}

.commentlist .comment-metadata {
	margin-bottom: .5em;
}

.commentlist .comment-author img {
	float: left;
	margin: 0 1.2em 4px 0;
}

.comment .comment-respond {
	margin-left: 20px;
}

.comment-body {
	margin: 0 0 20px;
}

.comment-body .reply {
	padding-bottom: 15px;
}

.parent.comment .comment {
	margin-left: 30px;
}

.comment-author.vcard {
	margin-bottom: 10px;
}

.breadcrumb {
	padding-bottom: 20px;
}

.post .title h3 {
	margin-bottom: 1em;
}

.divider {
	height: 80px;
}

.wpcf7-not-valid-tip {
	display: block;
	padding-top: 5px;
}

.wpcf7-response-output {
	text-align: center;
}

.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
	color: #d93c3c;
}

.error input:not([type="submit"]) {
	border-color: red !important;
}

/* Galleries */

.widget .gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.gallery-item {
	max-width: 50%;
	margin: 0;
	padding: 0 10px 1.5em;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	box-shadow: none;
	background: none;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	filter: opacity(60%);
}

.gallery-item img {
	-webkit-transition: filter .3s ease-in;
	transition: filter .3s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
	font-family: inherit;
	font-weight: bold;
	margin: 0 0 .5em;
	color: inherit;
}

h1,
.h1 {
	font-size: 30px;
}

h2,
.h2 {
	font-size: 32px;
}

h3,
.h3 {
	font-size: 28px;
}

h4,
.h4 {
	font-size: 24px;
}

h5,
.h5 {
	font-size: 18px;
}

h6,
.h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1em;
}

a {
	color: #24ba9c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body,
html {
	height: 100%;
}

body {
	background-color: #e9e9e9;
}

iframe {
	border: none;
}

.bg-stretch {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.ico-question {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2d2d2d;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

.ico-question.red {
	background: #e44a4a;
}

#wrapper {
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#main {
	width: 100%;
}

.wrapper-holder {
	width: 100%;
	position: relative;
	z-index: 100;
	padding-top: 100px;
}

.container {
	max-width: 1210px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
#header {
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 300;
}

#header .header-holder {
	position: relative;
	z-index: 10;
}

#header .header-holder .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

body.fixed-header #header {
	box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .2);
}

.logo {
	display: block;
	padding: 20px 0 0;
}

.logo.logo-mobile {
	display: none;
}

.top-bar {
	background: #131212;
	min-height: 38px;
}

.top-bar .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}

.top-bar .btn-tools {
	font-size: 0;
	margin: 0 0 0 auto;
}

.top-bar .btn-tools li {
	display: inline-block;
	vertical-align: top;
}

.top-bar .btn-tools .btn {
	min-width: 125px;
	height: 38px;
	font-weight: bold;
}

.bar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 0 auto;
}

.bar-nav .nav-holder {
	height: 100%;
	overflow-y: auto;
	padding: 50px 0;
}

.active-menu .bar-nav {
	display: block;
}

.nav-menu > li {
	display: inline-block;
}

.nav-menu > li > a {
	text-transform: uppercase;
	color: #414141;
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	display: block;
	padding: 35px 25px 10px;
}

.nav-menu > li > a:hover {
	color: #24ba9c;
	text-decoration: none;
}

.nav-menu > li > a.has-drop-down-a:hover {
	background: #3d3d3d;
	color: #fff;
}

.nav-menu > li .drop-menu {
	display: none;
}

.nav-menu > li:hover .has-drop-down-a {
	background: #3d3d3d;
	color: #fff;
}

.nav-menu > li:hover .drop-menu {
	display: block;
}

.drop-menu {
	background: #2d2d2d;
	position: absolute;
	top: 100%;
	right: 0;
	width: 915px;
}

.drop-menu .drop-holder {
	padding: 80px 20px 20px;
}

.drop-menu .top-head {
	margin-bottom: 17px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.drop-menu .top-head .head {
	background: #24ba9c;
	padding: 5px 7px 2px;
	min-width: 515px;
	color: #fff;
	border-bottom: 4px solid #fff;
}

.drop-menu .top-head .head h5 {
	margin: 0;
	font-size: 19px;
	line-height: 1.2;
}

.drop-menu .link-view a {
	color: #fff;
}

.bottom-tools {
	background: #131212;
	padding: 7px 10px;
	font-size: 10px;
	display: inline-block;
	color: #999;
}

.bottom-tools .hold {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.bottom-tools p {
	margin: 0 5px 0 0;
}

.bottom-tools p a {
	text-decoration: underline;
}

.bottom-tools p a:hover {
	text-decoration: none;
}

.bottom-tools .ico-question {
	width: 15px;
	height: 15px;
	font-size: 11px;
	line-height: 15px;
}

.items-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px 15px;
}

.items-list .li {
	width: 20%;
	padding: 0 10px;
}

.items-list .items {
	border: 1px solid #484848;
	border-radius: 10px;
	min-height: 150px;
	padding: 15px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	overflow: hidden;
}

.items-list .items .images {
	margin: 0 -4px 16px 0;
}

.items-list .items.items-gears .images {
	margin: 0 15px -8px 0;
}

.items-list .items:hover {
	background: #484848;
}

.items-list .items .ttl-items {
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	left: 10px;
	text-transform: uppercase;
}

.link-view {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
}

.link-view i {
	margin-left: 5px;
}

.link-view a:hover {
	text-decoration: none;
	color: #24ba9c;
}

/* button mobile */

.button-container {
	cursor: pointer;
	z-index: 121;
	display: none;
	position: relative;
	width: 35px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -12px;
}

.active-menu .button-container {
	position: fixed;
	top: 30px;
	margin-top: 0;
}

.button-container.active .top {
	-webkit-transform: translateY(10px) translateX(0) rotate(45deg);
	-ms-transform: translateY(10px) translateX(0) rotate(45deg);
	transform: translateY(10px) translateX(0) rotate(45deg);
}

.button-container.active .middle {
	opacity: 0;
	background: #fff;
}

.button-container.active .bottom {
	-webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-10px) translateX(0) rotate(-45deg);
	transform: translateY(-10px) translateX(0) rotate(-45deg);
}

.button-container span {
	background: #fff;
	border: none;
	height: 4px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
	cursor: pointer;
}

.button-container span:nth-of-type(2) {
	top: 10px;
}

.button-container span:nth-of-type(3) {
	top: 20px;
}

/* end button mobile */

.block-search {
	padding: 20px 15px 0 0;
}

.block-search .btn-search {
	color: #414141;
	margin: 5px 0 0;
	display: block;
}

.block-search .btn-search:hover {
	color: #24ba9c;
}

.search-show {
	background-color: #3d3d3d;
	padding: 10px;
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
}

.search-show .form .btn,
.search-show .form .text {
	height: 35px;
	padding: 5px 10px;
}

.search-show.open {
	display: block;
}

.promo {
	position: relative;
}

.promo .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.promo-inner {
	width: 100%;
	position: relative;
	color: #fff;
}

.promo-inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	z-index: 10;
}

.promo-inner .promo-content {
	padding: 100px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 400px;
	position: relative;
	z-index: 20;
}

.promo-inner h1 {
	font-size: 46px;
}

.intro {
	text-align: center;
	position: relative;
}

.intro .images {
	margin: 0 0 30px -85px;
	position: relative;
	z-index: 10;
}

.intro .line-block {
	padding: 0 0 10px;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 1.8px;
	display: inline-block;
}

.intro .line-block p {
	padding: 15px;
	margin: 0;
}

.intro .links {
	display: block;
	text-align: center;
	font-weight: bold;
}

.intro .links a {
	color: #232323;
}

.intro .decor {
	position: absolute;
	right: -137px;
	top: -13px;
}

.intro .bottom-holder {
	position: relative;
	z-index: 10;
}

.intro .text-welcome {
	position: relative;
	z-index: 10;
}

.main-gallery {
	opacity: 0;
}

.main-gallery.slick-initialized {
	opacity: 1;
}

.main-gallery .slick-slide,
.main-gallery .slides {
	height: 600px;
	/*z-index: 100 !important;*/
}

.main-gallery .slick-dots {
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	text-align: center;
	font-size: 0;
	vertical-align: bottom;
}

.main-gallery .slick-dots > li {
	display: inline-block;
	padding: 0 15px;
}

.main-gallery .slick-dots > li button {
	width: 204px;
	height: 4px;
	background-color: #2d2d2d;
	padding: 0;
	border: none;
	text-indent: -9999px;
	border-radius: inherit;
}

.main-gallery .slick-dots > li.slick-active button {
	background-color: #fff;
	height: 8px;
}

.section-quality {
	position: relative;
	padding: 125px 0 135px;
	text-align: center;
	color: #fff;
}

.section-quality h2 {
	font-size: 45px;
	line-height: 1.2;
	margin: 0 0 10px;
	letter-spacing: 1.8px;
}

.section-quality .link-more {
	color: #fff;
	border-color: #fff;
}

.section-quality .link-more:hover {
	color: #3b3b3b;
	border-color: #3b3b3b;
}

.heading {
	color: #3b3b3b;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 3.2em;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
}

.quality-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1050px;
	margin: 0 auto 65px;
}

.quality-list > li {
	width: 33.3%;
	padding: 0 15px;
}

.quality-list .ico {
	margin-bottom: 25px;
	min-height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.quality-list h5 {
	letter-spacing: 1px;
	margin: 0;
}

.link-more {
	border-bottom: 2px solid #24ba9c;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 300;
	text-transform: uppercase;
	display: inline-block;
}

.link-more:hover {
	text-decoration: none;
}

.l-bottom {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

.l-bottom i {
	display: block;
	font-size: 28px;
	margin-top: 5px;
	font-weight: bold;
}

.l-bottom.link-bottom-white a {
	color: #313131;
}

.l-bottom.link-bottom-white a:hover {
	text-decoration: none;
}

.section-popular {
	padding: 15px 0;
}

.section-popular .container {
	max-width: 1230px;
}

.main-title {
	text-align: center;
	margin-bottom: .5em;
	letter-spacing: 1px;
}

.block-popular {
	background: #f7f7f7;
	padding: 100px 50px 20px;
}

.product-block {
	max-width: 840px;
	margin: 0 auto;
}

.product-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #e7e6e6;
	padding-top: 60px;
}

.product-list:first-child {
	border-top: 0;
}

.product-list > li {
	width: 33.3%;
	padding: 55px 15px;
	position: relative;
}

.product-list > li:first-child:before {
	display: none;
}

.product-list > li:before {
	content: "";
	width: 4px;
	height: 195px;
	position: absolute;
	background: #e7e6e6;
	left: 0;
	top: 50%;
	margin-top: -140px;
}

.product-list > li:hover .box-popular {
	display: block;
}

.bottom-check {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.bottom-check .check {
	display: block;
	font-weight: 600;
}

.bottom-check .check a {
	border-bottom: 2px solid #24ba9c;
	display: inline-block;
}

.bottom-check .check a:hover {
	text-decoration: none;
	color: #51ceb5;
	border-color: #51ceb5;
}

.item-product {
	text-align: center;
	display: block;
}

.item-product .images img {
	margin-bottom: 35px;
}

.item-product .images h3 {
	font-size: 29px;
	line-height: 1.2;
	font-weight: 600;
	text-transform: uppercase;
}

.item-product .images a {
	display: block;
}

.box-popular {
	width: 365px;
	height: 490px;
	position: absolute;
	top: -20px;
	left: -40px;
	display: none;
	box-shadow: 15px 23px 13px rgba(0, 0, 0, .16);
}

.box-popular .popular-mark {
	width: 100%;
	background: #e44a4a;
	text-align: center;
	padding: 11px;
	color: #fff;
	display: block;
	font-size: 25px;
	position: absolute;
	top: 0;
	left: 0;
}

.box-popular .bg-stretch {
	z-index: 10;
}

.box-popular .bg-stretch:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(45, 45, 45, .8);
}

.box-popular .hold {
	padding: 90px 30px 30px;
	height: 100%;
}

.box-popular .frame {
	height: 100%;
	position: relative;
	z-index: 10;
	text-align: left;
	color: #fff;
}

.box-popular .ttl-name {
	color: #fff;
	margin-bottom: 10px;
	font-size: 21px;
}

.box-popular .ttl-name h3 {
	font-size: 54px;
	line-height: 1;
	margin: 0 0 10px;
	font-weight: 900;
	letter-spacing: 2px;
}

.box-popular .contents {
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1.2;
	position: relative;
	height: 100%;
}

.box-popular .contents p {
	font-weight: 900;
}

.box-popular .btn-holder {
	min-height: 100px;
	margin-bottom: 10px;
}

.box-popular .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.box-popular .ttl-price {
	display: block;
	font-size: 43px;
	line-height: 1.2;
	font-weight: 900;
	margin-bottom: 18px;
}

.box-popular .btn-more {
	font-weight: 900;
	color: #fff;
	font-size: 22px;
}

.box-popular .btn-small {
	font-size: 14px;
	padding: 7px 27px;
}

.box-popular .img {
	position: absolute;
	bottom: 10px;
	left: 100px;
	z-index: 10;
}

.item-all {
	max-width: 185px;
	height: 305px;
	display: block;
	margin: 0 auto;
	position: relative;
	background-color: #24ba9c;
	background-image: url(assets/images/watermap.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	color: #fff;
	-webkit-transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
	transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
}

.item-all:hover {
	text-decoration: none;
	background-color: #51ceb5;
}

.item-all .holder {
	padding: 20px 20px 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	height: 100%;
}

.item-all .link-all {
	font-size: 27px;
	line-height: 1.2;
	font-weight: bold;
}

.section-testimonials {
	background: #e44a4a;
	padding: 25px 0 40px;
}

.section-testimonials h3 {
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
}

.testimonials-slider {
	max-width: 710px;
	margin: 0 auto;
}

.testimonials-slider .blockquote {
	color: #fff;
}

.blockquote {
	border: none;
	padding: 0;
	margin: 0;
	font-size: 26px;
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
}

.blockquote div {
	padding: 25px 95px 7px;
}

.blockquote:before,
.blockquote:after {
	font-size: 107px;
	line-height: 1;
	font-weight: 900;
	font-style: italic;
	width: 75px;
	height: 75px;
	position: absolute;
	top: 0;
}

.blockquote:after {
	content: "”";
	right: 0;
	top: 40px;
}

.blockquote:before {
	content: "“";
	left: 0;
}

.blockquote p {
	margin: 0;
}

.blockquote strong {
	font-weight: 900;
}

.blockquote .author {
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 700;
}

.rating {
	font-size: 0;
}

.rating > li {
	display: inline-block;
	padding: 0 2px;
	vertical-align: top;
	font-size: 16px;
}

.section-visual {
	position: relative;
	padding: 50px 0;
	min-height: 875px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-visual .container {
	width: 100%;
}

.section-visual .btn-xlarge {
	min-width: 345px;
}

.visual-info {
	max-width: 900px;
	margin: 0 auto;
}

.line-block {
	font-size: 40px;
	line-height: 1.2;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	padding: 0 0 20px;
}

.line-block p {
	background: #2d2d2d;
	padding: 10px 40px;
	display: inline-block;
	margin: 0 0 20px;
}

.line-block.line-block-red p {
	background: #e44a4a;
}

.line-block.line-add span {
	background: #2d2d2d;
	padding-left: 15px;
}

.line-block.line-add span:first-child {
	padding-left: 0;
}

.text-green {
	color: #24ba9c;
	font-style: normal;
}

.section-latest {
	width: 100%;
	padding: 90px 0 95px;
	background: #f7f7f7;
}

.heads {
	margin-bottom: 1.7em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.heads .link-share {
	margin: 0 0 0 35px;
}

.two-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.two-column .col-content {
	width: 63%;
	padding: 0 15px;
}

.two-column .col-content .frame {
	padding: 30px 20px;
}

.two-column .col-aside {
	width: 37%;
	padding: 0 15px;
}

.two-column .col-aside .heads {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.two-column .holder {
	background: #fff;
}

.two-column .ttl {
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0;
	letter-spacing: 1px;
}

.video-block img {
	width: 100%;
}

.video-block .fluid-width-video-wrapper {
	padding-top: 66.5% !important;
}

.video-block.video-single {
	max-width: 905px;
	margin: 0 auto;
}

.video-block.video-single .fluid-width-video-wrapper {
	padding-top: 56.5% !important;
}

.box-latest {
	font-size: 14px;
	font-weight: 600;
}

.box-latest .text {
	margin-bottom: 40px;
}

.box-latest .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 1.2em;
}

.box-latest .top h5 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .6px;
	margin: 0;
}

.box-latest .top .dates {
	margin-left: 15px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	padding: 3px 0 0;
}

.bottom-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.bottom-link .youtube {
	margin: 0 0 0 auto;
}

.bottom-link .btn {
	margin: 0 40px 0 0;
}

.bottom-link .btn-watch {
	min-width: 225px;
}

.visual-post {
	background: #0d0d0d;
	background: -webkit-linear-gradient(left, #0d0d0d 0%, #3b524e 50%, #2d2d2d 100%);
	background: linear-gradient(to right, #0d0d0d 0%, #3b524e 50%, #2d2d2d 100%);
	position: relative;
	padding: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	font-size: 16px;
	cursor: pointer;
	text-transform: uppercase;
	min-height: 115px;
}

.visual-post .dates {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 5px;
}

.visual-post .bg-stretch {
	z-index: 10;
}

.visual-post .post-head {
	position: relative;
	z-index: 20;
	line-height: 1.2;
	letter-spacing: .5px;
	padding: 0 40px 0 0;
}

.visual-post .post-head p {
	margin: 0;
}

.visual-post .arrow-down {
	color: #fff;
	font-size: 46px;
	position: absolute;
	top: 50%;
	right: 0;
	width: 32px;
	height: 32px;
	margin-top: -10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.visual-post .arrow-down:hover {
	text-decoration: none;
}

.visual-post .visual-link {
	color: #fff;
	font-size: 16px;
}

.visual-post .visual-link:hover {
	text-decoration: none;
}

.link-share {
	display: inline-block;
	letter-spacing: .5px;
}

.link-share a {
	text-decoration: underline;
	color: #2d2d2d;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.link-share a:hover {
	color: #4a4a4a;
}

.link-share.green a {
	color: #24ba9c;
}

.link-share.green a:hover {
	color: #51ceb5;
}

.dates {
	color: #ccc;
	display: block;
}

.post-list {
	font-size: 14px;
	line-height: 1.26;
	font-weight: 600;
}

.post-list > li {
	margin-bottom: 10px;
}

.post-list .active .arrow-down i {
	display: none;
}

.post-list .holder {
	padding: 15px 20px 20px;
}

.post-list .bottom-link .btn {
	margin-left: -20px;
	margin-right: 25px;
	padding: 17px 20px;
}

.post-list.post-list-link .visual-post {
	padding: 15px 15px 8px;
	min-height: inherit;
}

.post-list.post-list-link .post-head {
	padding: 0;
}

.post-list.post-list-link .dates {
	margin-bottom: 18px;
}

.section-subscribe {
	padding-bottom: 90px;
	background: #f7f7f7;
}

.block-subscribe {
	max-width: 1130px;
	margin: 0 auto;
	position: relative;
}

.block-subscribe .frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 55px 60px 40px 50px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}

.block-subscribe .bg-stretch {
	z-index: 1;
}

.block-subscribe .titles {
	max-width: 280px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
	margin-top: -10px;
}

.block-subscribe .titles h2 {
	font-size: 45px;
	line-height: 1.2;
	font-weight: bold;
	margin: 0;
}

.block-subscribe .titles p {
	margin: 0;
}

.form .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

.form .inp {
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 0 5px 10px;
}

.form .text {
	background: #fff;
	padding: 15px;
	border: none;
	width: 350px;
	height: 48px;
	margin-right: 105px;
}

.form .btn {
	width: 135px;
	height: 48px;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 15px;
}

.form.form-submit {
	max-width: 485px;
}

.form.form-submit .text {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 135px;
}

.form.form-submit .text::-webkit-input-placeholder {
	color: #c0c0c0;
}

.form.form-submit .text:-ms-input-placeholder {
	color: #c0c0c0;
}

.form.form-submit .text::placeholder {
	color: #c0c0c0;
}

.form.form-submit .checkbox-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.5;
}

.form.form-submit .checkbox-label .jcf-checkbox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	margin: 0 10px 0 0;
}

.form.form-submit .inp {
	max-width: 350px;
}

.form.form-search .text {
	width: 235px;
	font-size: 14px;
}

.form.form-search .text::-webkit-input-placeholder {
	color: #c0c0c0;
}

.form.form-search .text:-ms-input-placeholder {
	color: #c0c0c0;
}

.form.form-search .text::placeholder {
	color: #c0c0c0;
}

.form.form-search .btn {
	width: 105px;
	font-size: 15px;
	text-transform: none;
}

.section-social {
	background: #24ba9c;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.section-social .container {
	padding: 112px 15px;
}

.section-social .bg-stretch {
	z-index: 5;
}

.section-social:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	left: 0;
	z-index: 10;
	background: rgba(36, 186, 156, .9);
}

.instagram-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.instagram-list li {
	width: 10%;
	height: 50%;
}

.instagram-list img {
	display: block;
	width: 100%;
}

.instagram-list .photo {
	width: 100%;
	height: 100%;
	position: relative;
}

.social-block {
	position: relative;
	z-index: 10;
	color: #fff;
	font-size: 24px;
	line-height: 1.6;
	letter-spacing: 1px;
}

.social-block .social a {
	color: #fff;
	font-size: 46px;
}

.social-block .social a:hover {
	color: #3d3d3d;
}

.social-block .social a.fa-facebook {
	font-size: 37px;
}

.social-block h2 {
	font-size: 45px;
	line-height: 1.2;
	font-weight: bold;
	margin: 0;
	letter-spacing: 1px;
}

.social-block p {
	margin: 0;
}

.social {
	text-align: center;
}

.social li {
	display: inline-block;
	vertical-align: bottom;
	padding: 0 15px;
}

.section-mobile-quality {
	padding: 22px 0;
	margin: 10px 10px 0;
	display: none;
}

.section-mobile-quality h2 {
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: .5px;
}

.section-mobile-quality .item-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 280px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
}

.section-mobile-quality .item-block h5 {
	margin: 0;
	font-size: 21px;
}

.section-mobile-quality .item-block .description {
	width: 60%;
}

.section-mobile-quality .item-block .images {
	width: 40%;
	text-align: center;
}

.section-mobile-quality .item-block .images img {
	margin: 0 auto;
}

.section-mobile-quality .item-block .link-more {
	border: none;
	color: #292929;
	font-size: 12px;
	font-weight: 600;
	text-transform: none;
	text-decoration: underline;
}

.section-mobile-quality .item-block .images {
	padding-left: 20px;
}

.section-mobile-quality .slick-dots {
	margin-top: 15px;
}

.section-mobile-quality .slick-dots button {
	width: 8px;
	height: 8px;
}

.media-block {
	position: relative;
}

.media-block.media-block-mobile {
	display: none;
}

.media-block-mobile {
	position: relative;
	color: #fff;
	min-height: 190px;
	max-width: 340px;
}

.media-block-mobile .bg-stretch {
	z-index: 10;
}

.media-block-mobile .holders {
	position: relative;
	z-index: 20;
	padding: 25px 15px;
}

.media-block-mobile .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.media-block-mobile h3 {
	font-size: 22px;
	line-height: 1.2em;
	margin: 0 0 30px;
	letter-spacing: 1px;
}

.media-block-mobile .btn {
	font-size: 22px;
	padding: 11px 23px;
}

.media-block-mobile .btn i {
	font-weight: bold;
	font-size: 26px;
	margin-left: 10px;
}

.media-block-mobile .youtube {
	padding-left: 15px;
}

.item-slider .slick-active button {
	background: #2c2c2c;
}

/* inner page*/

.main-container {
	margin: 0 -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 70px 0;
}

#content {
	width: 63%;
	padding: 30px 20px;
	line-height: 1.6;
	background: #f7f7f7;
}

.page-template-blog #content,
.page-template-tpl-media #content {
	padding: 0;
	background: none;
}
.page-template-blog .posts-list .post,
.page-template-tpl-media .posts-list .post {
	background: #f7f7f7;
	padding: 30px 20px;
	margin: 0 0 30px;
}

.page-template-blog .posts-list .post p,
.page-template-tpl-media .posts-list .post p {
	margin: 0 0 1em;
}
.page-template-blog .main-container,
.page-template-tpl-media .main-container {
	margin: 0;
}
#sidebar {
	width: 37%;
	padding: 0 15px;
}

#sidebar .widget {
	padding: 15px;
	margin-bottom: 10px;
	line-height: 1.35;
	background: #f7f7f7;
}

#sidebar .widget-blog-media {
	padding-bottom: 10px;
}

.widget-blog-media {
	background: #f7f7f7;
	padding: 10px;
	margin-bottom: 10px;
	line-height: 1.35;
}

.widget-blog-media ul {
	padding:0;
}

.widget-blog-media .head {
	margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.widget-blog-media .link-share a {
	text-transform: none;
}

#sidebar .widget .jcf-select {
	min-width: 200px;
}

#sidebar .widget h3 {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.2;
}

.promo-store {
	background: #24ba9c;
	padding: 75px 0 60px;
}

.promo-store .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.promo-store .product-content {
	width: 50%;
	padding: 0 15px 0 0;
	position: relative;
}

.promo-store .slider-product {
	display: none;
}

.product-rotate {
	position: relative;
	margin-bottom: 50px;
}
.promo-store .slider-product.slick-initialized {
	display: block;
}

.promo-store .slick-arrow:hover:before {
	color: #fff;
}

.promo-store .paginator-slider {
	margin-left: 15px;
}

.box-cart {
	background: #fff;
	padding: 77px 40px 25px;
	width: 47%;
	margin: 0 0 0 auto;
	font-size: 20px;
	line-height: 1.2;
	color: #383838;
	position: relative;
}

.box-cart h2 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 10px;
	color: #000;
}

.box-cart .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.box-cart .bottom .price {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	padding: 0 10px;
	color: #000;
}

.box-cart .req {
	margin: 0;
	font-size: 14px;
}

.box-cart .btn-stock {
	position: absolute;
	top: 0;
	right: 30px;
	background: #e56f6f;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	padding: 15px 29px;
}

.box-cart .btn-stock:hover {
	background: #e44a4a;
}

.box-cart .btn-stock i {
	font-size: 28px;
	margin: -1px 0 0 0;
	display: inline-block;
	vertical-align: middle;
}

.cart-block .holder {
	background: #f5f6f6;
	padding: 30px 30px 20px;
	border-top: 2px solid #e1e6e7;
	margin-bottom: 35px;
}

.cart-block .bottom {
	margin-bottom: 20px;
}

.btn-list li {
	display: inline-block;
}

.btn-list .btn {
	color: #fff;
	text-transform: uppercase;
	background: #646464;
	font-size: 14px;
	cursor: default;
}

.color-list {
	font-size: 14px;
	line-height: 1.2;
	margin: 0 -15px;
	color: #4b4b4b;
	font-weight: bold;
}

.color-list li {
	padding: 0 15px;
	text-align: center;
	display: inline-block;
}

.color-list li.active .check-box {
	background: #ebebeb;
}

.color-list li.active .hold {
	background: none;
}

.color-list li.active .check-mark {
	background-position: 0 -20px;
}

.color-list p {
	margin: 0;
}

.check-box {
	width: 80px;
	height: 80px;
	padding: 7px;
	background: transparent;
	margin-bottom: 2px;
	cursor: pointer;
	border-radius: 10px;
}

.check-box .hold {
	padding: 2px;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #dddedd 100%);
	background: linear-gradient(to bottom, #fff 0%, #dddedd 100%);
}

.check-box .frame {
	width: 100%;
	height: 100%;
	background: #252525;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.check-box.white .frame {
	background: #fff;
}

.check-box.red .frame {
	background: #e56f6f;
}

.check-box span {
	display: block;
	font-size: 11px;
	color: #e56f6f;
	font-weight: normal;
}

.check-box .check-mark {
	width: 20px;
	height: 20px;
	display: block;
	background: url(assets/images/check-mark.png) no-repeat;
}

.number-rage {
	width: 90px;
}

.number-rage .ttl {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
}

.number-rage .jcf-number {
	border-bottom: 2px solid #000;
	height: auto;
}

.number-rage .jcf-number input {
	outline: none;
	width: 100%;
	padding: 5px 10px 2px;
	text-align: center;
	border: none;
	font-size: 41px;
}

.number-rage .jcf-btn-dec,
.number-rage .jcf-btn-inc {
	background: none;
}

.breadcrumbs-list {
	font-size: 16px;
	line-height: 1.2;
	padding: 20px 0;
	margin: 0 -10px 40px;
}

.breadcrumbs-list li {
	display: inline-block;
	padding: 5px;
	color: #fff;
}

.breadcrumbs-list li:before {
	font-family: "FontAwesome";
	content: "\f105";
	font-size: 16px;
	line-height: 1;
	color: #2d2d2d;
	margin: 0 10px 0 0;
}

.breadcrumbs-list li:first-child {
	padding: 0;
}

.breadcrumbs-list li:first-child:before {
	display: none;
}

.breadcrumbs-list li a {
	color: #000;
	font-weight: 500;
}

.section-media {
	padding: 80px 0 70px;
	background: #353535;
	text-align: center;
	color: #fff;
	font-size: 13px;
}

.section-media h3 {
	font-weight: 500;
	margin-bottom: 7px;
}

.section-main {
	width: 100%;
}

.section-main .container {
	padding-top: 85px;
	padding-bottom: 30px;
}

.tab-block {
	margin-bottom: 30px;
}

.tab-block .holder {
	background: #f7f7f7;
	padding: 20px;
}

.tab-block .holder .frame {
	background: #fff;
	padding: 30px 50px;
	font-size: 20px;
}

.tab-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -6px;
}

.tab-nav > li {
	padding: 0 6px;
}

.tab-nav > li a.active {
	background: #f7f7f7;
	color: #555;
}

.tab-nav .btn {
	background: #676767;
	padding: 21px;
	font-size: 18px;
	letter-spacing: .5px;
}

.tab {position: relative;}

.tab .link-share {
	position: absolute;
	top: -45px;
	right: 0;

}

.tab .link-share a {
	text-transform: none;
}

.block-advice {
	background: #fafafa;
	padding: 20px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}

.block-advice h2 {
	font-size: 33px;
}

.block-advice .advice-holder {
	background: #f0f0f0;
	padding: 50px 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.block-advice .advice-holder .bg-stretch {
	z-index: 10;
}

.block-advice .advice-holder .bg-stretch:before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(240, 240, 240, .5);
}

.block-advice.block-advice-two {
	text-align: left;
}

.block-advice.block-advice-two h3 {
	font-size: 32px;
	line-height: 1.2;
	margin: 0;
}

.block-advice.block-advice-two .advice-holder {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.block-advice .advice-frame {
	position: relative;
	z-index: 10;
}

.box-slider {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

.box-slider .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.box-slider .head h5,
.box-slider .head h4 {
	font-size: 21px;
	letter-spacing: .5px;
	line-height: 1.2;
	margin: 0;
	color: #555;
}

.box-slider .head h5 {
	font-size: 18px;
}

.box-slider .slick-list {
	overflow: inherit;
}

.box-slider .slick-arrow {
	margin-right: 10px;
}

.box-slider .slick-arrow:before {
	font-size: 30px;
}

.products .images {
	margin-bottom: 10px;
}

.products .description {
	padding: 0 20px 0 0;
	text-transform: uppercase;
}

.products .description h5 {
	font-size: 17px;
}

.comment-form-cookies-consent .jcf-checkbox {
	float:left;
}

.slider-advice .products-list {
	width: 190px;
	margin-right: 20px;
}

.two-column-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.two-column-inner .col-content {
	width: 68%;
	padding: 0 20px;
}

.two-column-inner .col-aside {
	width: 32%;
	padding: 0 20px;
}

.two-column-inner .col-aside .widget {
	padding: 10px 15px;
	height: inherit !important;
	background: #f7f7f7;
	margin-bottom: 10px;
}

.two-column-inner .col-aside .widget .head {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.two-column-inner .col-aside .widget .head .link-share a {
	text-transform: none;
}

.two-column-inner .col-aside .widget-text {
	background: #24ba9c;
	padding: 10px;
	color: #fff;
	min-height: 110px;
}

.two-column-inner .col-aside .widget-text h6 {
	font-size: 12px;
	text-transform: uppercase;
	color: #44dfc0;
}

.check-tab {
	border-radius: 8px;
	background: #353535;
	border: 1px solid #fff;
	display: inline-block;
	overflow: hidden;
}

.check-tab li {
	width: 90px;
	display: inline-block;
}

.check-tab li a {
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	border-radius: 8px;
	margin: -1px;
}

.check-tab li a:hover {
	text-decoration: none;
}

.check-tab li a.active {
	background: #6ee2cb;
	background: -webkit-linear-gradient(top, #6ee2cb 0%, #24ba9c 100%);
	background: linear-gradient(to bottom, #6ee2cb 0%, #24ba9c 100%);
	border: 2px solid #24ba9c;
}

/* end inner page*/

#footer {
	width: 100%;
	display: table-footer-group;
	height: 1%;
	overflow: hidden;
	position: relative;
	background: #2d2d2d;
	color: #7f7f7f;
}

#footer .container {
	padding: 70px 15px;
}

.footer-holder {
	margin-bottom: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer-holder .form {
	max-width: 340px;
}

.footer-holder .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-holder .link-support {
	margin-left: 45px;
}

.footer-block {
	margin-bottom: 120px;
}

.footer-block .left-col {
	float: left;
	width: 57%;
	padding: 0 15px 0 0;
}

.footer-block .right-col {
	float: right;
	text-align: right;
	width: 43%;
	padding: 0 0 0 15px;
}

.footer-content {
	color: #898989;
	font-size: 14px;
	line-height: 17px;
	max-width: 415px;
	margin: 0 0 0 auto;
	padding: 40px 0 0;
	font-weight: 500;
}

.footer-content p {
	margin: 0;
}

.footer-logo {
	display: block;
	max-width: 268px;
	margin: 0 0 0 auto;
}

.footer-logo.footer-logo-mobile {
	display: none;
	margin: 0 auto 15px;
}

.copyright {
	display: block;
	text-transform: uppercase;
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	text-align: right;
}

.footer-nav {
	position: relative;
	font-size: 15px;
	line-height: 18px;
}

.footer-nav:before {
	position: absolute;
	content: "";
	width: 2px;
	bottom: 20px;
	top: 40px;
	left: 67.5%;
	height: 75%;
	background: #3d3d3d;
}

.footer-nav-col {
	float: left;
	width: 62.7%;
}

.footer-nav-col:last-child {
	float: right;
	width: 26.3%;
}

.footer-nav h4 {
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 26px;
}

.footer-nav li {
	margin: 0 0 4px;
	list-style: none;
}

.footer-nav a {
	color: #898989;
}

.footer-nav a:hover,
.footer-nav a:active {
	color: #fff;
}

.footer-nav .columns {
	-webkit-columns: 15px 2;
	columns: 15px 2;
}

.footer-nav .columns li {
	display: inline-block;
	vertical-align: top;
}

.fixed-block {
	position: fixed;
	z-index: 200;
	top: 470px;
	right: -78px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.btn-join {
	background: #efa300;
	padding: 10px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
}

.btn-join:before {
	content: "";
	width: 16px;
	height: 10px;
	background: url(assets/images/ico-crown.png) no-repeat;
	display: inline-block;
	margin: 0 5px 0 0;
}

.btn-join:hover {
	text-decoration: none;
	background: #24ba9c;
}

.btn-top {
	width: 55px;
	height: 80px;
	padding: 10px;
	color: #fff;
	position: fixed;
	bottom: 20px;
	right: 50px;
	z-index: 100;
	opacity: 0;
	text-indent: -9999px;
	background: #1f1f1f url(assets/images/ico-arrow-top.png) no-repeat 50% 40%;
	-webkit-transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
	transition: color .3s linear, background .3s linear, opacity .3s linear, border-color .3s linear;
}

.btn-top:hover {
	background-color: #4a4a4a;
}

.btn-top.show {
	opacity: 1;
}

.link-support {
	font-size: 15px;
}

.link-support a {
	color: #fff;
}

.link-support i {
	color: #fff;
	font-size: 18px;
	margin: 0 8px 0 0;
}

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

.ttl-mobile {
	display: none;
	color: #fff;
	font-size: 21px;
	margin-bottom: 26px;
}

.box-cart .btn-mobile {
	display: none;
}

.admin-bar #header {
	top: 32px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.jcf-file .jcf-upload-button {
		background: url(assets/images/ico_upload@2x.png) no-repeat;
		background-size: 15px 17px;
	}

	.item-all {
		background-image: url(assets/images/watermap@2x.png);
		background-position: 100% 50%;
		background-repeat: no-repeat;
		background-size: 160px 178px;
	}

	.check-box .check-mark {
		background: url(assets/images/check-mark@2x.png) no-repeat;
		background-size: 20px 40px;
	}

	.btn-join:before {
		background: url(assets/images/ico-crown@2x.png) no-repeat;
		background-size: 16px 10px;
	}

	.btn-top {
		background: #1f1f1f url(assets/images/ico-arrow-top@2x.png) no-repeat 50% 40%;
		background-size: 20px 25px;
	}
}

@media (min-width: 768px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}
}

@media (min-width: 1024px) {
	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.333%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media (min-width: 1200px) {
	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media (max-width: 1439px) {
	.visual-post .post-head br {
		display: none;
	}

	.two-column-inner {
		margin: 0 -10px;
	}

	.two-column-inner .col-content {
		padding: 0 10px;
	}

	.two-column-inner .col-aside {
		padding: 0 10px;
	}

	.check-tab li {
		width: 70px;
	}

	.check-tab li a {
		font-size: 14px;
	}
}

@media (max-width: 1399px) {
	.btn-top {
		right: 10px;
	}
}

@media (max-width: 1279px) {
	.instagram-list li {
		width: 20%;
	}
}

@media (max-width: 1139px) {
	.section-visual .bg-stretch {
		background-position: 68% 50%;
	}

	.line-block {
		font-size: 36px;
	}

	.promo-store .product-content {
		width: 40%;
	}

	.promo-store .paginator-slider {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0;
	}

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

@media (max-width: 1023px) {
	button.btn-xlarge,
	input[type="button"].btn-xlarge,
	input[type="reset"].btn-xlarge,
	input[type="submit"].btn-xlarge,
	.btn.btn-xlarge {
		font-size: 30px;
	}

	button.btn-xlarge i.fa-angle-right,
	input[type="button"].btn-xlarge i.fa-angle-right,
	input[type="reset"].btn-xlarge i.fa-angle-right,
	input[type="submit"].btn-xlarge i.fa-angle-right,
	.btn.btn-xlarge i.fa-angle-right {
		font-size: 32px;
	}

	.btn-cart {
		min-width: inherit;
		padding: 20px 10px;
		font-size: 16px;
	}

	.navigation,
	.navigation-comments,
	.pagination {
		font-size: 14px;
	}

	img.alignleft,
	img.alignright {
		max-width: 50%;
	}

	.divider {
		height: 40px;
	}

	.wrapper-holder {
		padding-top: 80px;
	}

	#header {
		background: #24ba9c;
		position: absolute;
	}

	#header .header-holder {
		padding: 20px 0;
	}

	#header .header-holder .container {
		display: block;
		padding: 0 25px;
	}

	body.home #header {
		background: none;
	}

	body.home .wrapper-holder {
		padding-top: 0 !important;
	}

	body.fixed-header #header {
		box-shadow: none;
	}

	.logo {
		padding: 0;
	}

	.logo.logo-desktop {
		display: none;
	}

	.logo.logo-mobile {
		display: block;
	}

	.top-bar {
		display: none;
	}

	.admin-bar #header {
		top: 0;
	}

	.bar-nav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: #2d2d2d;
		padding: 80px 15px;
		text-align: center;
		overflow-y: auto;
	}

	.nav-menu > li {
		display: block;
	}

	.nav-menu > li > a {
		padding: 7px 0;
		color: #fff;
		font-size: 18px;
	}

	.nav-menu > li > a.has-drop-down-a:hover {
		color: #24ba9c;
		background: none;
	}

	.nav-menu > li:hover .drop-menu {
		display: none;
	}

	.button-container {
		display: block;
	}

	.block-search {
		padding: 0;
	}

	.block-search .btn-search {
		display: none;
	}

	.search-show {
		display: block;
		background: #2d2d2d;
		position: relative;
		padding: 30px 0 0;
	}

	.search-show .form {
		max-width: 280px;
		margin: 0 auto;
	}

	.promo-inner h1 {
		font-size: 32px;
	}

	.intro {
		padding: 150px 15px;
	}

	.intro .images {
		margin: 0 0 30px;
	}

	.main-gallery .slick-slide,
	.main-gallery .slides {
		height: auto;
	}

	.main-gallery .slick-dots > li {
		padding: 0 5px;
	}

	.main-gallery .slick-dots > li button {
		width: 50px;
	}

	.section-quality {
		padding: 50px 0;
	}

	.section-quality h2 {
		font-size: 32px;
	}

	.heading {
		color: #fff;
		font-size: 14px;
	}

	.quality-list {
		margin: 0;
	}

	.l-bottom {
		display: none;
	}

	.main-title {
		font-size: 24px;
	}

	.block-popular {
		padding: 50px 15px 20px;
		background: #fff;
	}

	.box-popular .ttl-name h3 {
		font-size: 38px;
	}

	.section-testimonials {
		padding: 15px 0;
	}

	.section-visual {
		min-height: 475px;
	}

	.section-visual .btn-xlarge {
		min-width: auto;
	}

	.line-block {
		font-size: 30px;
	}

	.section-latest {
		padding: 20px 0;
	}

	.heads {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.two-column {
		margin: 0;
	}

	.two-column .col-content {
		width: 100%;
		padding: 25px 10px 15px;
		background: #fff;
		margin-bottom: 10px;
	}

	.two-column .col-aside {
		width: 100%;
		padding: 25px 10px 0;
		background: #fff;
	}

	.video-block.video-single {
		max-width: 550px;
	}

	.visual-post {
		min-height: inherit;
	}

	.visual-post .arrow-down {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.post-list .holder {
		padding: 15px 0;
	}

	.post-list .bottom-link .btn {
		margin-left: 0;
	}

	.post-list br {
		display: none;
	}

	.post-list.post-list-link .visual-post {
		padding: 15px;
	}

	.section-subscribe {
		padding-bottom: 20px;
	}

	.block-subscribe .frame {
		padding: 25px 20px 10px;
		display: block;
	}

	.block-subscribe .titles {
		margin: 0 0 50px;
		max-width: 100%;
		width: 100%;
	}

	.form .inp {
		padding: 10px 0 0 10px;
	}

	.form.form-submit {
		max-width: none;
	}

	.form.form-submit .text {
		width: 100%;
	}

	.form.form-submit .inp {
		max-width: none;
		padding-right: 135px;
	}

	.section-social .container {
		padding: 50px 15px;
	}

	.instagram-list li {
		width: 25%;
	}

	.social-block {
		font-size: 15px;
	}

	.social-block .social a {
		font-size: 32px;
	}

	.social-block h2 {
		font-size: 32px;
	}

	.main-container {
		padding: 30px 0;
	}

	#content {
		width: 100%;
	}

	#sidebar {
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}

	.promo-store {
		padding: 0 0 30px;
	}

	.promo-store .product-content {
		width: 100%;
		padding: 0 30px;
	}

	.promo-store .slider-product {
		padding: 0 30px;
	}

	.promo-store .slider-product img {
		margin: 0 auto;
	}

	.promo-store .slick-arrow {
		position: absolute;
		top: 50%;
		margin: -10px 0 0;
	}

	.promo-store .slick-arrow.btn-prev {
		left: 0;
	}

	.promo-store .slick-arrow.btn-next {
		right: 0;
	}

	.promo-store .paginator-slider {
		padding: 0;
	}

	.box-cart {
		width: 100%;
		padding: 90px 25px 25px;
		font-size: 18px;
	}

	.box-cart h2 {
		font-size: 36px;
	}

	.cart-block {
		padding: 15px 0 0;
	}

	.cart-block .holder {
		padding: 15px;
	}

	.color-list {
		margin: 0;
	}

	.color-list li {
		padding: 5px;
	}

	.breadcrumbs-list {
		margin-bottom: 0;
	}

	.section-media {
		padding: 50px 35px 30px;
		border-top: 1px solid #fff;
	}

	.section-media .head {
		font-weight: 500;
		padding: 0 0 10px;
	}

	.section-main .container {
		padding-bottom: 0;
		padding-top: 30px;
	}

	.tab-block {
		margin: 0 -15px 30px;
	}

	.tab-block .holder .frame {
		padding: 30px 15px;
		font-size: 18px;
	}

	.tab-nav {
		margin: 0 14px;
	}

	.tab-nav > li {
		padding: 0 7px;
	}

	.tab-nav .btn {
		font-size: 16px;
		padding: 15px 10px;
		letter-spacing: 0;
	}

	.block-advice .advice-holder {
		padding: 70px 15px;
	}

	.block-advice .advice-frame {
		width: 50%;
		padding: 0 15px;
	}

	.box-slider {
		margin: 0 -15px 30px;
	}

	.two-column-inner .col-content {
		width: 100%;
	}

	.two-column-inner .col-aside {
		width: 100%;
		margin-bottom: 30px;
	}

	#footer .container {
		padding: 40px 15px;
	}

	.footer-block {
		padding: 0;
	}

	.footer-block .left-col,
	.footer-block .right-col {
		float: none;
		padding: 0;
		width: auto;
		text-align: left;
	}

	.footer-block {
		margin-bottom: 50px;
	}

	.footer-content {
		display: none;
	}

	.footer-logo.footer-logo-desktop {
		display: none;
	}

	.footer-logo.footer-logo-mobile {
		display: block;
	}

	.copyright-block {
		text-align: center;
		max-width: 200px;
		margin: 0 auto;
	}

	.copyright {
		text-align: center;
		font-size: 12px;
	}

	.footer-nav {
		margin: 0 0 20px;
	}

	.fixed-block {
		display: none;
	}

	.btn-top {
		display: none;
	}

	.ttl-mobile {
		display: block;
	}

	.ttl-desktop {
		display: none;
	}
}

@media screen and (max-width: 782px) {
	html[lang] {
		margin-top: 0 !important;
	}

	.admin-bar #header {
		top: 0;
	}

	#wpadminbar {
		display: none !important;
	}
}

@media (max-width: 767px) {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.btn {
		padding: 10px 15px;
	}

	button.btn-xlarge,
	input[type="button"].btn-xlarge,
	input[type="reset"].btn-xlarge,
	input[type="submit"].btn-xlarge,
	.btn.btn-xlarge {
		font-size: 20px;
	}

	button.btn-xlarge i.fa-angle-right,
	input[type="button"].btn-xlarge i.fa-angle-right,
	input[type="reset"].btn-xlarge i.fa-angle-right,
	input[type="submit"].btn-xlarge i.fa-angle-right,
	.btn.btn-xlarge i.fa-angle-right {
		font-size: 20px;
		margin-left: 5px;
	}

	.btn-cart {
		min-width: inherit;
		padding: 15px 15px;
		font-size: 12px;
	}

	.slick-arrow {
		width: 26px;
		height: 26px;
	}

	.slick-arrow:before {
		font-size: 24px;
	}

	.navigation .page-numbers,
	.navigation-comments .page-numbers,
	.pagination .page-numbers {
		padding: 10px 8px;
	}

	.navigation .page-numbers,
	.navigation-comments .page-numbers,
	.pagination .page-numbers {
		padding: 8px;
	}

	.navigation .next a,
	.navigation .prev a,
	.navigation .al a,
	.navigation .ar a,
	.navigation-comments .next a,
	.navigation-comments .prev a,
	.navigation-comments .al a,
	.navigation-comments .ar a,
	.pagination .next a,
	.pagination .prev a,
	.pagination .al a,
	.pagination .ar a {
		padding: 10px;
	}

	.navigation-single .next a,
	.navigation-single .prev a {
		padding: .2em;
	}

	.posts-list .post {
		margin: 0 0 20px;
	}

	.commentlist {
		margin-left: 0;
	}

	.commentlist .comment {
		padding: 0;
	}

	.divider {
		display: none;
	}

	#main .container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.promo-inner .promo-content {
		min-height: 100%;
	}

	.intro {
		padding: 140px 30px 65px;
	}

	.intro .images {
		margin: 0 0 5px;
	}

	.intro .line-block {
		font-size: 19px;
	}

	.intro .line-block p {
		padding: 10px;
	}

	.intro .links {
		font-size: 12px;
	}

	.intro .links a {
		text-decoration: underline;
	}

	.main-gallery .slick-dots {
		display: none !important;
	}

	.section-quality h2 {
		font-size: 15px;
	}

	.heading {
		margin-bottom: 1.5em;
	}

	.heading p {
		display: none;
	}

	.main-title {
		font-size: 15px;
	}

	.block-popular {
		padding: 30px 15px 15px;
	}

	.product-list {
		border-width: 3px;
		padding: 0;
	}

	.product-list > li {
		width: 50%;
		padding: 50px 15px;
	}

	.product-list > li.last {
		display: none;
	}

	.product-list > li:before {
		width: 3px;
	}

	.product-list > li.shop-all {
		width: 100%;
		padding: 0;
	}

	.product-list > li.shop-all:before {
		display: none;
	}

	.product-list > li.shop-all:before {
		display: none;
	}

	.bottom-check {
		font-size: 12px;
	}

	.item-product .images h3 {
		font-size: 15px;
	}

	.box-popular {
		width: 100%;
		height: 100%;
		top: 0;
		left: -15px;
	}

	.box-popular .popular-mark {
		font-size: 12px;
	}

	.box-popular .hold {
		padding: 50px 10px 30px;
	}

	.box-popular .ttl-name {
		font-size: 12px;
	}

	.box-popular .ttl-name h3 {
		font-size: 23px;
	}

	.box-popular .btn-holder {
		min-height: auto;
	}

	.box-popular .ttl-price {
		font-size: 22px;
	}

	.box-popular .btn-more {
		font-size: 13px;
	}

	.box-popular .img img {
		width: 50%;
	}

	.item-all {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin-top: 20px;
		background-image: url(assets/images/watermap-mobile.png);
		background-position: 90% 0;
	}

	.item-all .holder {
		padding: 25px 15px;
		margin-bottom: 25px;
	}

	.item-all .link-all {
		font-size: 16px;
	}

	.item-all .link-all br {
		display: none;
	}

	.section-testimonials .container {
		max-width: 480px;
	}

	.section-testimonials {
		border-bottom: 1px solid #fff;
		padding: 20px 0 15px 35px;
	}

	.section-testimonials h3 {
		text-align: left;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.blockquote {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.blockquote div {
		padding: 0;
	}

	.blockquote:before,
	.blockquote:after {
		display: none;
	}

	.blockquote:after {
		bottom: -30px;
		top: inherit;
	}

	.blockquote .author {
		font-size: 12px;
	}

	.rating > li {
		font-size: 12px;
	}

	.section-visual {
		min-height: 335px;
	}

	.line-block {
		font-size: 20px;
		padding: 0 20px;
	}

	.line-block p {
		padding: 10px;
	}

	.block-subscribe .bg-stretch {
		display: none;
	}

	.form .inp {
		font-size: 12px;
		font-weight: bold;
		padding-top: 15px;
	}

	.form .text {
		height: 40px;
		margin-right: 105px;
		width: 100%;
	}

	.form .btn {
		height: 40px;
		font-size: 12px;
		width: 105px;
	}

	.form.form-submit .text {
		font-size: 16px;
		margin-right: 105px;
	}

	.form.form-submit .inp {
		padding-right: 30px;
	}

	.form.form-submit .input-row {
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	}

	.section-social .container {
		padding: 30px 15px;
	}

	.section-social .bg-stretch {
		display: none;
	}

	.social-block .social a {
		font-size: 24px;
	}

	.social-block .social a.fa-facebook {
		font-size: 24px;
	}

	.social-block h2 {
		font-size: 22px;
	}

	.social-block p {
		color: #3c3c3c;
		font-size: 12px;
	}

	.social li {
		padding: 0 10px 5px;
	}

	.box-cart {
		font-size: 16px;
		padding: 20px 15px;
	}

	.box-cart h2 {
		font-size: 32px;
		padding: 0;
	}

	.box-cart .bottom .price {
		font-size: 20px;
	}

	.box-cart .req {
		font-size: 11px;
	}

	.box-cart .btn-stock {
		position: relative;
		right: 0;
		display: block;
		margin-bottom: 15px;
		font-size: 16px;
		text-transform: uppercase;
	}

	.box-cart .btn-stock i {
		font-size: 18px;
		margin: -3px 5px 0 0;
	}

	.post .title h3 {
		font-size: 24px;
		line-height: 1.2;
	}

	.breadcrumbs-list {
		font-size: 14px;
	}

	.tab-block .holder .frame {
		font-size: 16px;
	}

	.tab-nav > li {
		padding: 0 5px;
	}

	.tab-nav .btn {
		font-size: 14px;
	}

	.block-advice {
		padding: 10px;
	}

	.block-advice h2 {
		font-size: 23px;
	}

	.block-advice.block-advice-two h3 {
		font-size: 24px;
	}

	.block-advice .advice-frame.first {
		display: none;
	}

	.block-advice .advice-frame {
		width: 100%;
		padding: 0;
	}

	.box-slider .slick-arrow:before {
		font-size: 22px;
	}

	.two-column-inner .col-aside {
		display: none;
	}

	.footer-logo.footer-logo-mobile {
		max-width: 100px;
	}

	.footer-nav:before {
		display: none;
	}

	.footer-nav-col,
	.footer-nav-col:last-child {
		float: none;
		width: auto;
		margin: 0 0 35px;
	}

	.footer-nav h4 {
		margin: 0 0 15px;
	}

	.footer-nav li {
		margin: 0 0 10px;
	}

	.footer-nav .columns {
		-webkit-columns: auto;
		columns: auto;
	}

	.footer-nav .columns li {
		display: block;
		margin: 0 0 10px;
	}

	.box-cart .btn-desktop {
		display: none;
	}

	.box-cart .btn-mobile {
		display: block;
	}
}

@media (max-width: 666px) {
	.section-quality {
		padding: 30px 0;
		display: none;
	}

	.heading {
		margin-bottom: .5em;
	}

	.quality-list {
		display: none;
	}

	.quality-list > li {
		width: 100%;
		padding: 10px 0;
	}

	.product-list > li:before {
		height: 130px;
		top: 50%;
		margin-top: -95px;
	}

	.item-product .images {
		max-width: 110px;
		margin: 0 auto;
	}

	.box-popular .btn-more {
		display: block;
	}

	.line-block p {
		padding: 10px;
		max-width: 300px;
	}

	.line-block.line-add p {
		background: none;
		padding: 0;
		margin: 0;
	}

	.line-block.line-add span:first-child {
		padding: 10px;
	}

	.line-block.line-add span {
		display: block;
		margin: 0 0 7px;
		padding: 10px;
	}

	.two-column .ttl {
		font-size: 19px;
	}

	.bottom-link {
		display: block;
	}

	.visual-post {
		font-size: 13px;
	}

	.visual-post .dates {
		font-size: 12px;
	}

	.visual-post .arrow-down {
		font-size: 38px;
	}

	.block-subscribe .titles {
		font-size: 13px;
	}

	.block-subscribe .titles h2 {
		font-size: 42px;
	}

	.section-mobile-quality {
		display: block;
	}

	.media-block.media-block-desktop {
		display: none;
	}

	.media-block.media-block-mobile {
		display: block;
		max-width: 100%;
	}

	.promo-store .slider-product img {
		max-width: 160px;
	}

	.footer-holder .form {
		max-width: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.footer-holder .link-support {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin: 0 0 20px;
		text-align: center;
	}
}

@media (max-width: 479px) {
	#wp-calendar {
		width: 100%;
	}

	.comment-form textarea,
	.comment-form input:not([type="submit"]) {
		width: 100%;
	}

	.parent.comment .comment {
		margin-left: 5%;
	}

	.box-popular {
		width: 200px;
	}

	.form.form-submit .inp {
		padding-right: 0;
	}
}

@media (max-width: 374px) {
	.block-subscribe .titles h2 {
		font-size: 36px;
	}

	.form.form-search .text {
		width: 100%;
	}

	.color-list li {
		padding: 5px 0;
	}

	.check-box {
		width: 70px;
		height: 70px;
	}

	.tab-nav {
		display: block;
	}

	.tab-nav > li a {
		display: block;
	}
}

@media (max-width: 319px) {
	.navigation,
	.navigation-comments,
	.pagination {
		font-size: 12px;
	}
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) and (min-resolution: 144dpi), (min-resolution: 144dpi) and (max-width: 767px) and (min-resolution: 144dpi) {
	.item-all {
		background-image: url(assets/images/watermap-mobile@2x.png);
		background-position: 90% 0;
		background-repeat: no-repeat;
		background-size: 178px 56px;
	}
}