/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Acerola.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 10-07-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - ABOUT */
/* 04 - BLOG */
/* 05 - SHOP */
/* 06 - ELEMENTS */
/* 07 - SHOP DETAIL */
/* 08 - PORTFOLIO */
/* 09 - PORTFOLIO DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	height: 100%;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #222;
	background-color: #fff;
	font-weight: 300;
	font-style: normal;
	backface-visibility: hidden;
}

a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0px none;
}

a:hover {
	outline: none;
}

a:active {
	outline: none;
	text-decoration: none;
}

a:focus {
	outline: none;
	outline-offset: 0px;
	text-decoration: none;
	color: inherit;
}

.clear {
	clear: both;
	overflow: hidden;
	height: 0px;
	font-size: 0px;
}

.clear_l {
	clear: both;
}

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

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
	box-shadow: none;
}

::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

:-moz-placeholder {
	color: #999;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #999;
	opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0px;
	padding: 0px;
}

article,
section,
footer,
header,
figure,
aside,
hgroup,
nav {
	display: block;
}

header,
nav,
article,
footer,
section,
aside,
figure,
figcaption {
	display: block
}

button {
	outline: none;
	border: none;
	box-shadow: none;
	background: none;
}

input,
textarea {
	-webkit-appearance: none;
	border-radius: 0px;
}

/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/

.bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bg img {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
}

.bg video {
	position: absolute;
}

.bg-bg {
	background-position: 50% 0px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-bg-bag {
	background-attachment: scroll;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
	position: relative;
}

.bg-bg-chrome {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	position: fixed;
}

.bg-bg-chrome.act {
	position: absolute;
}

.clip {
	clip: rect(auto, auto, auto, auto);
	height: 100%;
	position: absolute;
	width: 100%;
}

.full-width {
	position: relative;
	float: left;
	width: 100%;
}

.full-height {
	height: 100vmin;
	position: relative;
	float: left;
	width: 100%;
}

.vertical-center {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}

.vertical-align {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	width: 100%;
	left: 0px;
}

.center_img {
	position: absolute;
}

.swiper-container {
	margin: 0 auto;
	height: 100%;
	width: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.swiper-slide {
	position: relative;
	float: left;
}

h1 {
	font-size: 48px;
	font-weight: 300;
	line-height: 50px;
	text-transform: uppercase;
	letter-spacing: 5px;
}

h2 {
	font-size: 36px;
	line-height: 42px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 5px;
}

h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	text-transform: uppercase;
}

h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	text-transform: uppercase;
}

h5 {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	text-transform: uppercase;
}

h6 {
	font-size: 13px;
	line-height: 16px;
	font-weight: 300;
	text-transform: uppercase;
}

p {
	line-height: 26px;
	color: #666;
	font-weight: 200;
	font-size: 17px;
}

ul {
	position: relative;
	float: left;
}

ul li {
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
}

ol li {
	font-size: 16px;
	line-height: 32px;
	font-weight: 300;
	list-style-position: outside;
}

.marker-list li {
	list-style: square;
	list-style-position: inside;
}

ul li a:hover {
	text-decoration: none;
}

input {
	font-size: 14px;
	border: none;
	background: none;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

textarea {
	font-size: 13px;
	line-height: 26px;
	border: none;
	border-bottom: 1px solid #ccc;
	color: #aaa;
	text-transform: uppercase;
	padding-left: 5px;
	padding-bottom: 10px;
	background: none;
}

iframe {
	border: none;
}

q {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	font-style: italic;
	font-weight: 300;
}

i {
	font-size: 18px;
}

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

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

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

.bg-white {
	background: #fff;
}

.bg-grey-light {
	background: #FAFAFA;
}

.bg-dark {
	background: #000;
}

.bold {
	font-weight: 700;
}

.medium {
	font-weight: 600;
}

.ex-bold {
	font-weight: 800;
}

.fl {
	position: relative;
	float: left;
}

.fr {
	position: relative;
	float: right;
}

/*---header---*/

header {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 130px;
	width: 100%;
	text-align: center;
	z-index: 5060;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

header.fix {
	background: #fff;
	height: 75px;
}

nav {
	position: absolute;
	right: 50%;
	top: 0px;
	padding-top: 90px;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

nav>ul>li {
	position: relative;
	float: left;
	margin: 0px 21px;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	text-transform: uppercase;
}

nav ul li a {
	color: #1a1a1a;
	letter-spacing: 3px;
	font-weight: 700;
}

nav ul li a:hover {
	color: #999;
}

nav>ul>li.active>a {
	color: #000;
	font-weight: 500;
}

nav>ul>li.active>span {
	color: #000;
	transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
}

nav>ul>li>a>span {
	padding-left: 10px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

nav>ul>li>a>.fa {
	display: none;
}

nav ul>li ul {
	opacity: 0;
	position: absolute;
	top: 27px;
	background: #fff;
	visibility: hidden;
	left: 0;
	display: block;
	min-width: 230px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	border: 1px solid #f5f5f5;
}

.menu ul>li>ul>li span {
	position: absolute;
	right: 12px;
	top: 7px;
	line-height: 15px;
	color: #1f1f1f;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}

.dropmenu:before {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-bottom: 0;
	border-right: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	left: 10px;
	top: -5px;
}

.menu ul>li:hover .dropmenu {
	opacity: 1;
	visibility: visible;
}

.menu ul>li>ul>li>ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 100%;
	max-width: 150px;
	background: #fff;
	top: 0px;
}

.menu ul>li>ul>li {
	position: relative;
}

.menu ul>li>ul>li:last-child {
	border-bottom: 0px none;
}

.menu ul>li>ul>li:hover ul {
	opacity: 1;
	visibility: visible;
}

.menu ul li>ul li a {
	display: block;
	clear: both;
	padding: 8px 7px;
	position: relative;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	font-weight: 500;
	color: #1f1f1f;
	letter-spacing: 3px;
}

.menu ul>li>ul>li>a:hover {
	background: #f5f5f5;
	color: #000;
}

.logo {
	position: absolute;
	display: block;
	z-index: 5;
	margin-top: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

.logoAdminLogin {
	position: absolute;
	display: block;
	z-index: 5;
	margin-top: 20px;
	left: 10%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

.logo a {
	color: #000;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.logoAdminLogin a {
	color: #000;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.animsition-overlay-slide {
	background: #fff;
	z-index: 6000;
}

header.fix .logo {
	float: left;
	position: relative;
	left: 0px;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
}

header.fix nav {
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	right: 0px;
	position: relative;
	float: right;
	padding-top: 30px;
}

.second-heading {
	position: relative;
	width: 100%;
	padding: 0px 0px 40px;
	text-align: center;
	height: 200px;
}

.second-heading-txt {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}

.second-heading-txt h2 {
	color: #fff;
	padding-bottom: 15px;
	font-weight: 700;
}

.second-heading-txt .separ {
	position: relative;
	float: none;
	display: inline-block;
	width: 60px;
	height: 3px;
	background: #fff;
}

/*---burger menu---*/

.nav-menu-icon {
	position: relative;
	float: right;
	width: 24px;
	height: 24px;
	z-index: 600;
	margin-right: 0px;
	margin-top: 30px;
	display: none;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

.nav-menu-icon a {
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-decoration: none;
}

.nav-menu-icon a i {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 3px;
	color: #000;
	font: bold 14px/.4 Helvetica;
	text-transform: uppercase;
	text-indent: -55px;
	background: #000;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

.nav-menu-icon a i:before,
.nav-menu-icon a i:after {
	content: '';
	width: 24px;
	height: 3px;
	background: #262626;
	position: absolute;
	left: 0;
	transition: all .2s ease-out;
}

.nav-menu-icon a i:before {
	top: -7px;
}

.nav-menu-icon a i:after {
	bottom: -7px;
}

.nav-menu-icon a:hover i:before {
	top: -10px;
}

.nav-menu-icon a:hover i:after {
	bottom: -10px;
}

.nav-menu-icon a.active i {
	background: none;
}

.nav-menu-icon a.active i:before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.nav-menu-icon a.active i:after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

/*---dropdown---*/

.drop-wrap {
	position: relative;
	float: left;
}

.drop {
	position: absolute;
	display: block;
	height: 35px;
	left: 0px;
	top: 0px;
	min-width: 120px;
}

.drop b {
	position: relative;
	float: left;
	width: 100%;
	height: 35px;
	padding-left: 10px;
	border: 1px solid #fff;
	font-size: 13px;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: 300;
	padding-top: 8px;
	color: #999;
}

.drop .drop-list {
	position: absolute;
	right: 16px;
	top: 3px;
	font-size: 16px;
	color: #999;
}

.drop span {
	position: absolute;
	left: 0px;
	top: -35px;
	width: 100%;
	display: none;
	border: 1px solid #ebebeb;
	margin: 0px;
	z-index: 5;
}

.drop-list.act {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	z-index: 51;
	margin-top: 8px;
}

.drop span a {
	color: #999;
	background: #fff;
	font-size: 13px;
	font-weight: 300;
	float: left;
	position: relative;
	width: 100%;
	height: 35px;
	text-decoration: none;
	text-align: left;
	line-height: 28px;
	padding: 3px 0 0 10px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	z-index: 52;
	text-transform: capitalize;
}

.drop span a:hover {
	background: #222;
	color: #fff;
}

/*---footer---*/

footer {
	position: relative;
	text-align: center;
	float: left;
	width: 100%;
}

.copyright {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
}

.copyright span {
	font-size: 14px;
	text-transform: none;
	color: #999;
	font-weight: 300;
	line-height: 20px;
}

.copyright span b {
	font-weight: 700;
	color: #222;
}

.copyright span a {
	font-weight: 700;
	color: #222;
	text-transform: uppercase;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main-wrapp {
	position: relative;
	width: 100%;
	padding: 180px 0px 40px;
	overflow: hidden;
}

.padd-80 {
	padding-bottom: 80px;
	position: relative;
	width: 100%;
}

.padd-120 {
	padding-bottom: 120px;
}

.padd-80:last-child {
	padding-bottom: 0px;
}

.fillter-wrap {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 0px 0px 40px;
}

.fillter-wrap .but {
	text-transform: uppercase;
	font-size: 12px;
	color: #1a1a1a;
	font-weight: 300;
	margin: 0px 20px;
	background: none;
	letter-spacing: 3px;
}

.fillter-wrap .but span {
	margin-top: -5px;
	font-size: 12px;
	color: #1a1a1a;
	position: relative;
	float: right;
	padding-left: 5px;
}

.fillter-wrap .but.activbut {
	font-weight: 700;
}

.fillter-wrap .but.activbut span {
	text-decoration: line-through;
}

.izotope-container {
	position: relative;
	width: 100%;
}

.home-izotope .grid-sizer {
	width: 25%;
}

.item a:active {
	color: #000;
}

.item a:focus {
	color: #000;
}

.home-izotope .item {
	position: relative;
	float: left;
	width: 25%;
	padding: 0px 15px;
	margin-bottom: 30px;
}

.item img {
	width: 100%;
	height: auto;
	backface-visibility: hidden;
	display: block;
}

.home-izotope .item.w-50 {
	width: 50%;
}

.layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	opacity: 0;
	-webkit-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-moz-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-o-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}

.layer a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.layer.bl_layer {
	background: rgba(0, 0, 0, 0.8);
}

.layer.bl_layer h4 {
	color: #fff;
}

.layer.bl_layer h5 {
	color: #ebebeb;
}

.layer h4 {
	padding-bottom: 5px;
	letter-spacing: 5px;
	margin-top: -25px;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.layer h5 {
	margin-top: -55px;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.item:hover .layer {
	opacity: 1;
}

.item:hover .layer h5 {
	margin-top: 0px;
}

.item:hover .layer h4 {
	margin-top: 0px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about-item {
	position: relative;
	width: 100%;
	padding-bottom: 40px;
}

.skill {
	position: relative;
	width: 100%;
	margin-top: -10px;
}

.about-item h4 {
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
}

.about-us h1 {
	padding-bottom: 10px;
}

.about-us p {
	padding: 10px 0px 8px;
	color: #999;
}

.team-block {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
}

.team-block img {
	width: 100%;
	height: auto;
}

.later-team {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 1;
	padding: 40px 35px;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.later-team h4 {
	padding-bottom: 15px;
	font-weight: 700;
}

.later-team h6 {
	font-weight: 300;
	color: #555;
	font-size: 14px;
}

.later-team p {
	padding: 35px 0px 0px 0px;
}

.team-share {
	padding-top: 30px;
}

.team-share a {
	font-size: 22px;
	color: #555;
	margin: 0px 15px;
}

.team-share a:first-child {
	margin-left: 0px;
}

.hiden-text {
	opacity: 0;
	padding-top: 40px;
	-webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}

.team-block:hover .hiden-text {
	opacity: 1;
	padding-top: 0px;
}

.servis-block {
	position: relative;
	float: left;
	width: 100%;
	text-align: left;
	padding-bottom: 40px;
}

.servis-block h4 {
	padding: 15px 0px 25px;
	font-weight: 700;
}

.subtitle {
	position: relative;
	width: 100%;
	text-align: left;
	padding-bottom: 30px;
}

.subtitle h2 {
	padding-bottom: 10px;
}

.subtitle h3 {
	padding-bottom: 10px;
	font-weight: 700;
}

.subtitle h4 {
	padding-bottom: 15px;
}

.subtitle p {
	padding-bottom: 20px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.blog-item img {
	width: 100%;
	height: auto;
}

.top-bar {
	position: relative;
	width: 100%;
	padding: 20px 0px 0px;
	font-size: 13px;
	text-transform: uppercase;
	color: #999;
	font-weight: 300;
}

.top-bar a {
	color: #999;
	margin-right: 15px;
}

.top-bar a:hover {
	color: #000;
}

.top-bar span {
	margin-right: 15px;
}

.blog-item h4 a {
	padding-top: 20px;
	color: #222;
	display: block;
	font-weight: 700;
}

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

.blog-item p {
	color: #999;
	padding: 20px 0px 40px;
}

.blog-item button {
	margin-top: 40px;
}

.read-more {
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #555;
	margin: 25px 0px 15px;
	font-size: 16px;
	position: relative;
	display: block;
	font-weight: 300;
}

.read-more:hover {
	color: #000;
}

.nav-bar {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 40px 0px 20px;
}

.nav-bar a span {
	position: relative;
	float: none;
	display: inline-block;
	margin: 0px 3px;
	background: #ebebeb;
	padding: 8px 14px;
	font-size: 14px;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.nav-bar a span:hover {
	background: #222;
	color: #fff;
}

.blog-item.blog-item-4 .top-bar {
	font-size: 12px;
}

.blog-item.blog-item-4 h5 a {
	padding-bottom: 20px;
	color: #222;
	display: block;
}

.blog-item.blog-item-4 h5 a:hover {
	color: #999;
}

.blog-item.blog-item-4 p {
	font-size: 13px;
}

.blog-item.blog-item-4 button {
	margin-top: 20px;
}

.blog-small .top-bar a {
	font-size: 12px;
}

.blog-small .top-bar span {
	font-size: 12px;
}

.blog-small h4 {
	font-size: 16px;
	line-height: 20px;
}

.blog-small p {
	font-size: 13px;
}

.sidebar-block {
	position: relative;
	padding: 50px 0px;
	width: 100%;
	display: inline-block;
}

.sidebar-block:first-child {
	padding-top: 0px;
}

.sidebar-block h4 {
	padding-bottom: 35px;
}

.serach-input {
	position: relative;
	width: 100%;
	border: 1px solid #222;
	height: 50px;
	padding: 0px 15px;
	color: #999;
}

.serach-input input {
	position: relative;
	width: 80%;
	height: 50px;
	font-size: 16px;
	color: #999;
	text-transform: capitalize;
}

.serach-input span {
	font-size: 30px;
	position: absolute;
	right: 15px;
	top: 10px;
}

.sidebar-cat {
	position: relative;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid #222;
}

.sidebar-cat li {
	font-size: 14px;
	color: #222;
	width: 100%;
	padding-left: 15px;
	position: relative;
	padding: 10px 0px;
	border-bottom: 1px solid #222;
	cursor: pointer;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.sidebar-cat span {
	position: relative;
	float: left;
	font-size: 14px;
	padding: 0px 15px;
	line-height: 33px;
}

.sidebar-cat b {
	position: relative;
	float: right;
	font-size: 14px;
	padding-right: 15px;
	line-height: 30px;
}

.sidebar-cat li:last-child {
	border-bottom: 0px none;
}

.sidebar-cat li:hover {
	background: #222;
	color: #fff;
}

.popular-block {
	position: relative;
	width: 100%;
	padding-bottom: 30px;
	display: inline-block;
}

.popular-block p {
	font-size: 14px;
	line-height: 18px;
	color: #999;
	padding-bottom: 20px;
}

.popular-block:last-child {
	padding-bottom: 0px;
}

.pop-img {
	position: relative;
	float: left;
	width: 40%;
}

.pop-img img {
	width: 100%;
	height: auto;
}

.pop-text {
	position: relative;
	float: left;
	padding-left: 15px;
	width: 60%;
}

.pop-text h5 {
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
}

.pop-text a:hover {
	color: #999;
}

.pop-text span {
	font-size: 14px;
	font-weight: 500;
	color: #999;
}

.tags-button {
	position: relative;
	width: 100%;
}

.tags-button a {
	position: relative;
	float: left;
	padding: 8px 12px;
	font-size: 12px;
	text-transform: uppercase;
	color: #222;
	background: #ebebeb;
	margin: 0px 10px 15px 0px;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.tags-button a:hover {
	background: #222;
	color: #fff;
}

.sidebar-block .arrow-style-1 span {
	color: #fff;
}

.sidebar-block .slide-prev {
	left: 15px;
}

.sidebar-block .slide-next {
	right: 15px;
}

.list-archive {
	position: relative;
	width: 100%;
	padding: 0px 20px;
	float: none;
	display: inline-block;
}

.list-archive li {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 24px;
}

.list-archive li span {
	position: relative;
	float: right;
	color: #999;
}

.sidebar-tabs.tpl-tabs {
	width: 100%;
}

.sidebar-tabs.tpl-tabs li {
	width: 50%;
}

.sidebar-tabs.tabs-style-1.nav-tabs>li>a {
	margin-right: 0px;
	font-size: 13px;
}

.b-det-wrapp {
	position: relative;
	width: 100%;
	padding-bottom: 35px;
}

.b-det-wrapp p {
	display: block;
	padding-bottom: 15px;
}

.b-det-wrapp ul {
	padding-bottom: 15px;
	float: none;
}

.b-det-wrapp img {
	width: 100%;
	height: auto;
}

.det-tags {
	position: relative;
	width: 100%;
	float: left;
}

.det-tags h4 {
	position: relative;
	float: left;
	padding-right: 20px;
	padding-top: 5px;
	font-weight: 700;
}

.pad-80 {
	padding: 80px 0px;
}

.comments {
	position: relative;
	width: 100%;
	float: left;
}

.comments h3 {
	padding-bottom: 50px;
	font-weight: 700;
}

.comm-block {
	width: 100%;
	position: relative;
	float: left;
	padding-bottom: 50px;
}

.comm-txt {
	position: relative;
	float: left;
	padding-left: 110px;
	width: 100%;
}

.comm-txt h5 {
	position: relative;
	float: left;
}

.comm-txt p {
	position: relative;
	float: left;
	width: 100%;
	padding: 5px 0px;
	color: #999;
	font-size: 14px;
}

.comm-txt a {
	position: relative;
	display: block;
	float: left;
}

.date-post {
	position: relative;
	float: left;
	padding-left: 25px;
}

.comm-txt h5 {
	line-height: 14px;
	font-weight: 400;
	color: #000;
	font-family: 'latoregular';
}

.date-post span {
	position: relative;
	float: left;
	font-size: 14px;
	color: #999;
}

.date-post h6 {
	position: relative;
	float: left;
	font-size: 13px;
	color: #999;
	padding-left: 10px;
	text-transform: capitalize;
}

.comm-img {
	position: absolute;
	left: 0px;
	top: 0px;
}

.comm-txt a {
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
}

.comm-txt a:hover {
	color: #999;
}

.contact-form {
	position: relative;
	width: 100%;
	float: left;
}

.contact-form h3 {
	padding-bottom: 50px;
	font-weight: 700;
}

.popular-block.padd-80 {
	padding-bottom: 80px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - SHOP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.shop {
	position: relative;
	width: 100%;
	padding: 80px 0px 40px;
}

.shop-bar {
	width: 100%;
	max-width: 1200px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding-bottom: 100px;
	float: left;
}

.shop-chose-wrap {
	position: relative;
	float: left;
	width: 20%;
}

.shop-chose-wrap span {
	font-size: 14px;
	color: #000;
	font-weight: 700;
	position: relative;
	float: left;
	text-transform: uppercase;
	margin-right: 10px;
	line-height: 36px;
}

.price-chose {
	position: relative;
	float: left;
}

.price-chose .slider-handle {
	width: 12px;
	height: 12px;
	background: #222;
	opacity: 1;
}

.price-chose .slider-selection {
	background-color: #999;
	border-radius: 2px;
	background-image: none;
	height: 3px;
}

.price-chose .slider.slider-horizontal .slider-track {
	height: 3px;
	background: #999;
}

.price-chose .slider.slider-horizontal .slider-selection {
	background: #222;
}

.price-chose .tooltip-inner {
	background: #ebebeb;
	color: #222;
}

.price-chose .tooltip.top .tooltip-arrow {
	border-top-color: #ebebeb;
}

.shop-title {
	position: relative;
	width: 100%;
	padding-top: 25px;
	text-align: center;
	float: left;
}

.shop-title h5 {
	text-transform: uppercase;
	padding-bottom: 10px;
	font-weight: 700;
}

.shop-title a:hover {
	color: #999;
}

.shop-title span {
	font-size: 16px;
	color: #999;
	margin: 0px 10px;
	position: relative;
	float: none;
	display: inline-block;
}

.style-link-1 {
	text-decoration: line-through;
}

.card-button {
	border: 2px solid #999;
	padding: 10px 15px;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	color: #222;
	font-weight: 700;
}

.card-button span {
	padding-right: 10px;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-webkit-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
}

.card-button:hover {
	background: #222;
	border: 2px solid #222;
	color: #fff;
}

.card-button:hover span {
	color: #fff;
}

.price-chose b {
	font-size: 13px;
	color: #999;
	font-weight: 300;
	padding: 0px 15px;
}

.price-chose span {
	font-size: 14px;
	color: #000;
	font-weight: 700;
	position: relative;
	float: left;
	text-transform: uppercase;
	margin-right: 10px;
	line-height: 36px;
}

.price-bar {
	position: relative;
	float: left;
	padding-top: 8px;
}

.search {
	position: relative;
	float: right;
}

.s-field {
	position: relative;
	float: left;
	width: 0;
	backface-visibility: hidden;
	opacity: 0;
	height: 35px;
	border: 1px solid #999;
	color: #999;
	padding: 0px 10px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}

.s-field.slide {
	width: 200px;
	opacity: 1;
}

.s-icon {
	position: absolute;
	right: 0px;
	top: 1px;
	background: none;
	font-size: 20px;
	color: #222;
}

.s-icon:hover {
	color: #999;
}

.shop-item {
	position: relative;
	float: left;
	width: 100%;
}

.shop-item img {
	width: 100%;
	height: auto;
}

.wh-33 .item {
	width: 33.333%;
	padding: 0px 15px;
	margin-bottom: 30px;
	position: relative;
	float: left;
}

.wh-33 .grid-sizer {
	width: 0%;
}

.wh-50 .item {
	width: 50%;
	padding: 0px 15px;
	margin-bottom: 30px;
	position: relative;
	float: left;
}

.wh-50 .grid-sizer {
	width: 50%;
}

.layer-shop {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	z-index: 50;
}

.layer-shop h4 {
	padding-bottom: 10px;
	font-weight: 600;
	letter-spacing: 1px;
}

.layer-shop h5 {
	padding-bottom: 20px;
}

.layer-shop .line {
	position: relative;
	display: block;
	width: 30px;
	height: 2px;
	background: #222;
	margin: 0 auto;
}

.layer-shop span {
	font-size: 18px;
	color: #222;
	position: relative;
	float: none;
	display: inline-block;
	padding-top: 25px;
}

.shop-item:hover .layer-shop {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
}

.skill-block {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	margin: 10px 0px;
}

.skill-block span {
	position: relative;
	font-size: 14px;
	color: #808080;
	padding: 10px 30px 2px 0px;
	font-weight: 300;
	text-transform: uppercase;
	background: #fff;
	z-index: 1;
}

.skill-block .skill-line {
	height: 5px;
	background: #999;
	position: relative;
	margin-top: 3px;
	width: 100%;
	border-radius: 5px;
}

.skill-block .skill-line div {
	position: absolute;
	background: #222;
	width: 0%;
	height: 5px;
	transition: all 2s ease-in-out 0.3s;
	-webkit-transition: all 2s ease-in-out 0.3s;
	-moz-transition: all 2s ease-in-out 0.3s;
	-o-transition: all 2s ease-in-out 0.3s;
	-ms-transition: all 2s ease-in-out 0.3s;
}

.skill-block h5 {
	font-size: 14px;
	text-align: right;
	position: absolute;
	right: -15px;
	top: -25px;
	color: #222;
	font-weight: 300;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.accordion>dt {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
	font-family: 'latoregular';
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.accordion>dt>a {
	display: block;
	position: relative;
	color: #777;
	text-decoration: none;
	padding: 14px 20px;
	border: 1px solid #e5e5e5;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.accordion>dd {
	margin-bottom: 10px;
	padding: 10px 20px 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #777;
}

accordion>dt>a:after {
	content: "\f107";
	width: 15px;
	height: 15px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 10px;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #999;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.toggle>dt {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 400;
	font-family: 'latoregular';
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.toggle>dt>a {
	display: block;
	position: relative;
	color: #777;
	text-decoration: none;
	padding: 14px 20px;
	border: 1px solid #e5e5e5;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.toggle>dd {
	margin-bottom: 10px;
	padding: 10px 20px 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #777;
}

.skill-block.skill-style-2 .skill-line {
	height: 30px;
	background: #ebebeb;
}

.skill-block.skill-style-2 span {
	position: absolute;
	background: none;
	color: #fff;
	padding: 7px 30px 2px 10px;
}

.skill-block.skill-style-2 .skill-line div {
	height: 30px;
	background: #000;
}

.skill-block.skill-style-2 h5 {
	color: #fff;
	right: 8px;
	top: 5px;
}

.butt-style {
	text-transform: uppercase;
	display: block;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 15px;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.button-style-1 {
	background: none;
	border: 1px solid #222;
	color: #222;
	display: inline-block;
}

.button-style-1 a:hover {
	background: #222;
	color: #fff;
}

.button-style-2 a {
	background: #222;
	border: 1px solid #222;
	color: #fff;
	display: inline-block;
}

.button-style-2 a:hover {
	background: #fff;
	color: #222;
	border: 1px solid #222;
}

.button-style-3 a {
	background: #fff;
	border: 1px solid #222;
	color: #222;
	border-radius: 30px;
	display: inline-block;
}

.button-style-3 a:hover {
	background: #222;
	color: #fff;
	border: 1px solid #222;
}

.button-style-4 a {
	background: #222;
	display: inline-block;
	border: 1px solid #222;
	border-radius: 30px;
	color: #fff;
}

.button-style-4 a:hover {
	background: #fff;
	color: #222;
	border: 1px solid #222;
}

.button-style-5 a {
	background: #ebebeb;
	display: inline-block;
	border: 1px solid #ebebeb;
	border-radius: 30px;
	color: #222;
}

.button-style-5 a:hover {
	background: #fff;
	color: #222;
	border: 1px solid #222;
}

.button-style-6 a {
	background: #ebebeb;
	display: inline-block;
	border: 1px solid #ebebeb;
	color: #222;
}

.button-style-6 a:hover {
	background: #fff;
	color: #222;
	border: 1px solid #222;
}

.b-lg {
	padding: 16px 40px;
	font-size: 18px;
}

.b-md {
	padding: 11px 33px;
	font-size: 16px;
}

.b-sm {
	padding: 8px 18px;
	font-size: 13px;
}

.b-xs {
	padding: 7px 16px;
	font-size: 12px;
	letter-spacing: 1px;
}

.serv-style-1 {
	text-align: center;
}

.serv-style-1 .fa {
	font-size: 30px;
	color: #222;
}

.serv-style-1 h4 {
	font-size: 16px;
}

.prog-serv {
	position: relative;
	float: left;
	padding-top: 15px;
	width: 100%;
	text-align: center;
}

.prog-serv h5 {
	position: relative;
	float: none;
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
}

.prog-serv img {
	position: relative;
	float: none;
	display: inline-block;
}

.grid-elem h4 {
	padding-bottom: 15px;
}

.grid-elem h5 {
	padding-bottom: 15px;
}

.grid-elem a {
	text-decoration: underline;
}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
	position: relative;
	display: block;
}

.tabs-style-1.nav-tabs>li>a {
	margin-right: 2px;
	border: 1px solid #222;
	z-index: 5;
	border-radius: 0px;
	background: #fff;
	z-index: 5;
	margin-top: 1px;
	border-bottom: 0px none;
}

.tabs-style-1.nav-tabs>li:last-child a {
	border-left: 0px none;
}

.tpl-tabs {
	font-size: 12px;
	font-weight: 400;
	font-family: 'latoregular';
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 0px none;
}

.tpl-tabs-cont {
	padding: 38px 0 0px;
	color: #222;
	line-height: 1.8;
}

.t-con-style-1.tab-content>.tab-pane {
	display: none;
	visibility: hidden;
	padding: 30px 20px 25px 20px;
	border: 1px solid #222;
}

.t-con-style-1.tab-content>.active {
	display: block;
	visibility: visible;
}

.tabs-style-1.nav-tabs>li.active>a,
.tabs-style-1.nav-tabs>li.active>a:focus,
.tabs-style-1.nav-tabs>li.active>a:hover {
	border: 1px solid #999;
	background: #fff;
	color: #222;
	border-bottom: 0px none;
}

.tabs-style-1.nav-tabs>li.active>a,
.tabs-style-1.nav-tabs>li.active>a:focus,
.tabs-style-1.nav-tabs>li.active>a:hover .t-con-style-1.tab-content>.active {
	background: #fff;
}

.tpl-minimal-tabs {
	width: 100%;
}

.tpl-minimal-tabs>li {
	padding: 0 20px;
	background: none !important;
	float: none;
	position: relative;
	display: inline-block;
}

.tpl-minimal-tabs {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	border: none;
}

.tpl-minimal-tabs>li>a {
	padding: 6px 20px 5px;
	text-decoration: none;
	color: #000;
	background: none;
	border: 1px solid transparent;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.tpl-minimal-tabs li.active a,
.tpl-minimal-tabs li.active a:hover {
	border: 1px solid #222 !important;
	background: none !important;
	color: #000;
	cursor: default;
}

.tpl-minimal-tabs-cont {
	padding: 40px 0px 0px;
	clear: both;
	text-align: center;
}

.mfp-bg {
	z-index: 6000;
}

.mfp-wrap {
	z-index: 6001;
}

.video-wrap {
	width: 100%;
	position: relative;
}

.video {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

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

.sound {
	width: 100%;
	position: relative;
}

.sound iframe {
	width: 100%;
	height: auto;
}

.slide-prev {
	position: absolute;
	top: 50%;
	left: 50px;
	z-index: 5;
	cursor: pointer;
	margin-top: -20px;
}

.slide-next {
	position: absolute;
	top: 50%;
	right: 50px;
	z-index: 5;
	cursor: pointer;
	margin-top: -20px;
}

.swiper-slide img {
	width: 100%;
	height: auto;
}

.arrow-style-1 span {
	font-size: 48px;
	color: #222;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}

.arrow-style-1 span:hover {
	color: #fff;
}

.slider-wrap {
	position: relative;
	width: 100%;
}

.pagination {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0px;
	bottom: 0px;
	z-index: 5;
}

.point-style-1 .swiper-pagination-switch {
	position: relative;
	display: inline-block;
	float: none;
	margin: 0 8px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border-radius: 50%;
	background: #222;
	-webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}

.point-style-1 .swiper-active-switch:before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #222;
	left: -2px;
	top: -2px;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
}

.point-style-1 .swiper-pagination-switch.swiper-active-switch:before {
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}

.point-style-1 .swiper-pagination-switch.swiper-active-switch {
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
}

.point-style-2 .swiper-pagination-switch {
	position: relative;
	display: inline-block;
	float: none;
	margin: 0 8px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	border-radius: 50%;
	background: #222;
	-webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}

.point-style-2 .swiper-pagination-switch.swiper-active-switch {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	background: #afaeae;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}

.slider-3 .swiper-slide {
	padding: 0px 15px;
}

.slider-4 .pagination {
	bottom: 30px;
}

.fix-bg-slider {
	position: relative;
	width: 100%;
}

.testi-slider-wrapp {
	position: relative;
	width: 100%;
	padding: 80px 0px 120px;
	text-align: center;
}

.testi-slider-wrapp img {
	width: 70px;
	height: 70px;
}

.testi-slider-wrapp p {
	padding-bottom: 40px;
}

.testi-slider-wrapp img {
	margin-bottom: 20px;
}

.slider-6 {
	padding: 120px 0px 80px;
	position: relative;
	width: 100%;
}

.slide-7-wrap {
	position: relative;
	width: 100%;
	padding: 80px 0px 40px;
	float: left;
}

.left-block {
	position: relative;
	float: left;
	width: 50%;
}

.left-block img {
	width: 100%;
	height: auto;
}

.right-block {
	position: relative;
	float: left;
	width: 50%;
	padding: 40px 0px;
	text-align: left;
	padding: 120px 30px 0px 60px;
}

.right-block h4 {
	padding-bottom: 15px;
}

.right-block p {
	padding-bottom: 25px;
}

.pos-out.slide-next {
	right: -50px;
}

.pos-out.slide-prev {
	left: -50px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - SHOP DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.shop-detail-info {
	position: relative;
	width: 100%;
}

.shop-detail-info h4 {
	padding-bottom: 30px;
}

.shop-detail-info p {
	padding: 25px 0px 30px;
	position: relative;
	width: 100%;
	float: left;
}

.shop-price {
	position: relative;
	width: 100%;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 25px 0px 25px;
	float: left;
}

.shop-price h6 {
	line-height: 20px;
}

.shop-price h5 {
	padding-left: 15px;
}

.rate-info {
	padding-top: 3px;
}

.rate-info span {
	font-size: 16px;
	color: #ebebeb;
	margin: 0px 2px;
}

.rate-info .star-act {
	color: #222;
}

.add-tocard {
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 0px 25px;
	border-bottom: 1px solid #ebebeb;
}

.add-tocard input[type="number"] {
	border: 1px solid #ebebeb;
	padding: 8px 5px;
	font-size: 13px;
	max-width: 100px;
	margin-right: 10px;
}

.shop-det-tags {
	padding: 25px 0px;
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #ebebeb;
}

.shop-det-tags-wr {
	width: 100%;
	position: relative;
	padding-bottom: 15px;
}

.shop-det-tags-wr {
	font-size: 13px;
	color: #999;
	text-transform: uppercase;
}

.image-list span {
	margin-right: 5px;
}

.image-list li {
	text-transform: capitalize;
	line-height: 36px;
}

.shop-det-tags-wr a {
	color: #999;
	font-size: 14px;
	padding: 0px 8px;
	text-transform: lowercase;
}

.shop-det-tags-wr a:hover {
	color: #000;
}

.no-padding.padd-80 {
	padding: 0px;
}

.main-title-fix {
	position: relative;
	width: 100%;
	height: 500px;
}

.lg-title {
	padding: 40px 0px 10px;
}

.md-title {
	padding: 50px 0px 0px;
}

.sm-title {
	padding: 40px 0px 0px;
}

.bg-grey {
	background: #ebebeb;
}

.bg-grey-dark {
	background: #C7C7C7;
}

.bg-dark {
	background: #222;
	color: #fff;
}

.fix-title {
	position: relative;
	width: 100%;
}

.subtitle-bg-lg {
	padding: 120px 0px 100px;
}

.subtitle-bg-md {
	padding: 80px 0px 60px;
}

.subtitle-bg-sm {
	padding: 40px 0px 20px;
}

.team-col-4 .later-team {
	padding: 15px 5px;
}

.team-col-5 .later-team {
	padding: 40px 10px;
	text-align: center;
}

.team-col-5 .later-team p {
	display: none;
}

.team-col-5 .team-share a {
	font-size: 18px;
}

.team-col-5 .later-team h4 {
	font-size: 16px;
	padding-bottom: 10px;
}

.col-5 {
	position: relative;
	float: left;
	width: 20%;
	padding: 0px 15px;
}

.accordion .panel {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.accordion .panel-heading {
	position: relative;
	padding: 0px;
}

.accordion .panel-title {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.accordion .panel-title a {
	font-size: 13px;
	padding: 15px 30px 15px 65px;
	display: block;
	background: #999;
	color: #fff;
}

.accordion .panel-title a:hover {
	text-decoration: none;
}

.accordion .panel-title a.collapsed {
	background: #ededed;
	color: #203c4d;
}

.accordion .marker {
	width: 50px;
	height: 100%;
	color: #fff;
	background: #666;
	position: absolute;
	top: 0px;
	left: 0px;
}

.accordion .marker__open {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: -5px;
}

.accordion .marker__close {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -9px;
	margin-left: -6px;
}

.accordion a.collapsed .marker {
	background: #222;
}

.accordion a.collapsed .marker__open {
	display: none;
}

.accordion a.collapsed .marker__close {
	display: block;
}

.accordion .panel-body {
	font-size: 13px;
	font-weight: 300;
	line-height: 24px;
	color: #fff;
	background: #fff;
	padding: 25px 25px 0px 25px;
}

.accordion .panel-body p {
	margin-bottom: 30px;
	color: #fff;
}

#accordion-3 .panel-body p {
	margin-bottom: 30px;
	color: #222;
}

#accordion-7 .panel-body p {
	margin-bottom: 30px;
	color: #222;
}

#accordion-8 .panel-body p {
	margin-bottom: 30px;
	color: #222;
}

.tabs-content .panel-body p {
	color: #222;
}

.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding-left: 65px;
	margin-bottom: 15px;
	border: none;
}

.panel-group {
	margin-bottom: 40px;
}

.accordion.panel-group .panel+.panel {
	margin-top: 15px;
}

.accordion.white .panel-title a.collapsed {
	background: #fff;
}

.accordion.white .panel-body {
	background: #fff;
}

.accordion.dark .panel-title a {
	background: #ebebeb;
	color: #222;
}

.accordion.dark .panel-title a.collapsed {
	background: #ebebeb;
}

.accordion.dark .panel-body {
	background: #222;
}

.accordion.dark .marker {
	background: #222;
}

.accordion.orange .panel-title a {
	background: #f48b24;
}

.accordion.orange .panel-title a.collapsed {
	background: #f7f7f7;
	color: #231810;
}

.accordion.orange .panel-body {
	background: #f7f7f7;
	color: #89837f;
}

.accordion.orange .marker {
	background: #231810;
}

.accordion.orange a.collapsed .marker {
	background: #f48b24;
}

.accordion.white-black {
	border: 1px solid #f1f1f1;
}

.accordion.white-black .panel+.panel {
	margin-top: 0px;
}

.accordion.white-black .panel-title a {
	font-size: 11px;
	background: #1d4156;
	padding: 18px 30px 18px 32px;
}

.accordion.white-black .panel-title a.collapsed {
	background: #fff;
	color: #203c4d;
	border-bottom: 1px solid #f1f1f1;
}

.accordion.white-black .panel-title a .fa {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -5.5px;
	color: #079aee;
}

.accordion.white-black .panel-title a.collapsed .fa {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #079aee;
}

.accordion.white-black .panel-body {
	background: #fff;
}

.accordion.white-black .panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding-left: 70px;
}

.accordion.white-black .panel-collapse.collapse.in {
	border-bottom: 1px solid #f1f1f1;
}

.tabs-block .nav-tab-item {
	font-size: 12px;
	font-weight: bold;
	color: #222;
	text-transform: uppercase;
	background: #ebebeb;
	border: 1px solid #ebebeb;
	padding: 17px 15px;
	cursor: pointer;
}

.tabs-block .nav-tab-item.active {
	background: #222;
	color: #fff;
}

.tabs-block .gallery {
	margin-bottom: 30px;
}

.tabs-block.dark .nav-tab-item {
	background: #999;
	color: #222;
	border: none;
}

.tabs-block.dark .nav-tab-item.active,
.tabs-block.dark .nav-tab-item:hover {
	background: #ebebeb;
	color: #fff;
}

.tabs-block.dark .nav-tab-item+.nav-tab-item {
	border-top: none;
	border-top: 1px solid #222;
}

.price-block {
	position: relative;
	width: 100%;
	border: 1px solid #ebebeb;
	float: left;
	text-align: center;
	padding-bottom: 25px;
}

.price-price {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0px;
}

.price-price h4 {
	font-weight: 700;
	text-transform: uppercase;
}

.price-title {
	position: relative;
	width: 100%;
	padding: 20px 15px;
	border-bottom: 1px solid #ebebeb;
}

.price-title span {
	font-size: 80px;
	color: #222;
	line-height: 80px;
}

.price-title sup {
	font-size: 40px;
	top: -0.6em;
	padding-right: 3px;
}

.price-title sub {
	font-size: 24px;
	bottom: 0px;
}

.price-block ul {
	position: relative;
	width: 100%;
	padding: 25px 0px;
}

.price-block ul li {
	text-transform: capitalize;
	padding: 3px 0px;
	font-size: 14px;
}

.price-block .button-style-2 {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 25px;
	border-top: 1px solid #ebebeb;
	float: left;
}

.price-block .button-style-2 button {
	position: relative;
	float: none;
	display: inline-block;
	margin-bottom: 0px;
}

.price-col-4 .price-title span {
	font-size: 60px;
	font-weight: 300;
}

.price-col-4 .price-price h4 {
	letter-spacing: 3px;
}

.price-col-4.price-block ul li {
	font-size: 14px;
	line-height: 26px;
}

.elem-form-select {
	position: relative;
	width: 100%;
}

.elem-form-select .drop-wrap {
	width: 100%;
}

.elem-form-select .drop-wrap .drop {
	max-width: 100%;
}

.blog-post {
	position: relative;
	width: 100%;
	padding-bottom: 40px;
}

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

.line-item {
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	font-size: 16px;
	border: 1px solid #ebebeb;
	padding: 20px 0px;
	color: #999;
}

.line-item span {
	position: relative;
	float: none;
	display: inline-block;
	padding-right: 10px;
	font-size: 16px;
	color: #999;
}

.blog-post h4 {
	padding-bottom: 20px;
	display: inline-block;
	font-weight: 700;
}

.blog-post p {
	padding-bottom: 30px;
}

.full-izotope .item {
	width: 100%;
}

.full-izotope .grid-sizer {
	width: 100%;
}

.fotm-checks {
	display: inline-block;
}

.fotm-checks>input+span {
	cursor: pointer;
}

.fotm-checks span {
	display: block;
}

.fotm-checks>span.check {
	border: 1px solid #999;
	width: 28px;
	height: 28px;
}

.fotm-checks>input {
	position: absolute;
	visibility: hidden;
	width: 28px;
	height: 28px;
}

.fotm-checks>input:checked+span:before {
	content: url('../img/check.png');
	display: block;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.nogutt-col2 .item {
	width: 50%;
}

.grid-sizer {
	width: 0;
}

.nogutt-col3 .item {
	width: 33.3333%;
}

.nogutt-col4 .item {
	width: 25%;
}

.nogutt-col4 .item h4 {
	letter-spacing: 1px;
}

.nogutt-col5 .item {
	width: 20%;
}

.nogutt-col5 .item h4 {
	letter-spacing: 1px;
	font-size: 16px;
}

.nogutt-col5 .item h5 {
	font-size: 12px;
}

.filters-style-1 .but {
	margin: 0px 10px;
	padding: 5px 12px;
	border-radius: 15px;
	letter-spacing: 2px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}

.filters-style-1 .but:hover {
	background: #f5f5f5;
}

.filters-style-1 .but.activbut {
	background: #f5f5f5;
}

.filters-style-2 .but {
	margin: 0px 10px;
	padding: 5px 12px;
	letter-spacing: 2px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}

.filters-style-2 .but:hover {
	background: #000;
	color: #fff;
}

.filters-style-2 .but.activbut {
	background: #000;
	color: #fff;
}

.wide-portfolio .subtitle {
	padding-left: 50px;
}

.gutt-col2 .item {
	width: 48%;
	margin: 1%;
}

.gutt-col3 .item {
	width: 31%;
	margin: 1%;
}

.gutt-col4 .item {
	width: 23%;
	margin: 1%;
}

.gutt-col5 .item {
	width: 19%;
	margin: 0.5%;
}

.gutt-col5 .item h4 {
	font-size: 14px;
}

.gutt-col5 .item h5 {
	font-size: 12px;
}

.popup-gallery .item a {
	position: relative;
	width: 100%;
	float: left;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - PORTFOLIO DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.project-nav {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px 0px 120px;
}

.all-p {
	position: relative;
	float: none;
	display: inline-block;
	padding-top: 60px;
}

.project-nav a:hover {
	color: #999;
}

.left-arrow-nav {
	position: absolute;
	left: 15px;
	top: 50%;
}

.left-arrow-nav span {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 48px;
	position: relative;
	float: left;
}

.right-arrow-nav {
	position: absolute;
	right: 15px;
	top: 50%;
}

.right-arrow-nav span {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 48px;
	position: relative;
	float: left;
}

.sec-title {
	position: absolute;
	left: 50px;
	bottom: 50px;
	width: 100%;
	text-align: left;
}

.wrapp-block {
	position: relative;
	width: 100%;
	padding: 80px 0px 40px;
}

.det-img {
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}

.det-img img {
	width: 100%;
	height: auto;
}

.padd-40 {
	padding-bottom: 40px;
}

.padd-15 {
	padding: 15px;
}

.det-wrapp img {
	width: 100%;
	height: auto;
}

.fixed-detail-panel {
	position: relative;
	width: 360px;
	bottom: auto;
	top: auto;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

.fixed-detail-panel.fix {
	position: fixed;
	top: 0px;
}

.fixed-detail-txt h3 {
	padding-bottom: 35px;
	font-weight: 400;
	font-family: 'latoregular';
}

.fixed-detail-txt p {
	color: #999;
}

.fixed-detail-txt {
	width: 100%;
	margin-bottom: 20px;
	padding: 35px 15px 35px 25px;
}

.fixed-detail-txt span {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 300;
	display: block;
	padding-bottom: 8px;
}

.fixed-detail-txt h5 {
	text-transform: capitalize;
	padding-bottom: 25px;
}

.fixed-detail-txt *:last-child {
	padding-bottom: 0px;
}

.layer-style-2 {
	position: absolute;
	cursor: url('../img/zoom.png'), pointer;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	opacity: 0;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
}

.layer-style-2 h4 {
	font-weight: 400;
	font-family: 'latoregular';
	color: #000;
	padding-bottom: 80px;
	transition: all .35s ease-out;
	-webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	-ms-transition: all .35s ease-out;
}

.layer-style-2 span {
	font-size: 14px;
	padding-top: 80px;
	text-transform: uppercase;
	font-weight: 300;
	color: #999;
	letter-spacing: 1px;
	margin-bottom: -80px;
	transition: all .25s ease-out;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
}

.det-img:hover .layer-style-2 {
	opacity: 1;
}

.det-img:hover .layer-style-2 h4 {
	padding-bottom: 15px;
}

.det-img:hover .layer-style-2 span {
	padding-top: 0px;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer !important;
}

.gutt-difer {
	position: relative;
	width: 100%;
	padding-bottom: 80px;
}

.gutt-difer .item {
	padding: 0px 10px;
}

.gutt-difer .det-img .main-title {
	padding-bottom: 20px;
}

.gutt-difer .grid-sizer {
	width: 0px;
}

.gutt-difer .item.w_25 {
	width: 25%;
}

.gutt-difer .item.w_50 {
	width: 50%;
}

.gutt-difer .item.w_100 {
	width: 100%;
}

.sort-b {
	text-transform: uppercase;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	margin: 0px 24px;
	background: none;
	letter-spacing: 5px;
}

.sort-b span {
	margin-top: -5px;
	font-size: 12px;
	color: #999;
	position: relative;
	float: right;
	padding-left: 5px;
}

.fillter-wrap .sort-b.active {
	color: #999;
}

.fillter-wrap .sort-b.active span {
	text-decoration: line-through;
}

.item.disabled div {
	opacity: 0.1;
}

.sliphover .det-img {
	padding-bottom: 0px;
	margin-bottom: 30px;
}

.sliphover .item a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.pr-sutitle {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	color: #999;
	letter-spacing: 1px;
}

.multi-wrapp {
	position: relative;
	width: 100%;
	height: 100vh;
	float: left;
}

.ms-section img {
	width: auto;
	height: 100%;
}

#multiscroll-nav span {
	width: 12px;
	height: 12px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}

#multiscroll-nav li .active span {
	background: #000;
}

.multi-wrapp .det-img .layer-style-2 {
	cursor: pointer;
}

.pagination.vertical-mode {
	width: 50px;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	right: 50px;
	left: auto;
	bottom: 50%;
}

.vertical-mode.point-style-1 .swiper-pagination-switch {
	margin-bottom: 10px;
}

.video-wrapper {
	position: relative;
	width: 100%;
	height: 100vmin;
	float: left;
	min-height: 650px;
}

video.bgvid-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

video.bgvid {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background: url(../img/Slider_2.jpg) no-repeat;
	background-size: cover;
	overflow: hidden;
}

.contact {
	padding: 80px 0px 40px;
}

.contact-form input,
textarea {
	width: 100%;
	height: 45px;
	border: 1px solid #999;
	padding: 0px 15px;
	font-size: 14px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.contact-form input:focus,
textarea:focus {
	border: 1px solid #000;
	color: #000;
}

.contact-form form {
	padding-top: 10px;
}

.contact-form textarea {
	height: 120px;
	padding-top: 10px;
}

.contact-form input[type="submit"] {
	width: 120px;
	background: #222;
	color: #fff;
	text-align: center;
	border: 0px none;
}

.contact-form input[type="submit"]:hover {
	background: #999;
}

.adress-block {
	position: relative;
	width: 100%;
	text-align: left;
	padding: 60px 0px 20px;
}

.adress-block h5 {
	padding-top: 15px;
}

.adress-block a {
	font-size: 14px;
	color: #222;
	padding-top: 10px;
	display: block;
	font-weight: 300;
}

.adress-block ul {
	padding-top: 10px;
}

.adress-block ul li {
	font-size: 14px;
	color: #222;
	line-height: 24px;
	font-weight: 300;
}

.sliphover .det-img {
	margin-bottom: 0px;
	z-index: 500;
}

.sleep-title {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.sleep-title h4 {
	color: #fff;
	padding-bottom: 10px;
}

.left-filter .shop-chose-wrap {
	width: 100%;
	padding-bottom: 60px;
}

.left-filter .drop-wrap {
	width: 100%;
}

.left-filter .drop {
	min-width: 100%;
	outline: 2px solid #ebebeb;
	outline-offset: -2px;
}

.left-filter .shop-chose-wrap span {
	background: #fff;
}

.left-filter .price-bar b:first-child {
	position: absolute;
	left: 0px;
	top: -5px;
}

.left-filter .price-chose b:last-child {
	position: absolute;
	right: 0px;
	top: -5px;
}

.left-filter .price-bar {
	width: 100%;
}

.left-filter .price-chose {
	width: 100%;
	padding-top: 40px;
}

.left-filter .slider.slider-horizontal {
	width: 100% !important;
}

.left-filter .s-field {
	width: 100%;
	visibility: visible;
	opacity: 1;
}

.left-filter .search {
	width: 100%;
	margin-top: 80px;
}

.search-button input {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.search-button {
	position: absolute;
	right: 6px;
	top: 3px;
	width: 20px;
	height: 20px;
	background: none;
	font-size: 20px;
	color: #222;
}

.search-button input {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.search-button:hover span {
	color: #999;
}

.filter-drop button {
	width: 100%;
	position: relative;
	float: left;
	padding: 0px;
}

.filter-drop.shop-style button {
	padding-left: 10px;
	font-size: 13px;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: 300;
	color: #999;
	text-align: left;
}

.filter-drop.shop-style button:hover {
	background: #ebebeb;
	color: #000;
}

.right-shop-cont {
	position: relative;
	display: inline-block;
	width: 100%;
	float: left;
}

.leyer-title {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}

.second-heading .vertical-align {
	z-index: 5;
}

.blog-item.item {
	position: relative;
	float: left;
	margin: 0px;
	width: 33.3333%;
	padding: 0px 15px 30px;
}

.info-blocks {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.count-block {
	position: relative;
	float: left;
	padding: 80px 0px 60px;
	text-align: center;
	color: #fff;
	width: 100%;
}

.count-block h4 {
	padding-bottom: 25px;
}

.count-block span {
	font-size: 50px;
	font-weight: 700;
	position: relative;
	float: none;
	display: block;
}

.count-block i {
	font-size: 50px;
	position: relative;
	float: none;
	display: inline-block;
	padding-bottom: 10px;
}

.top-caption {
	position: relative;
	text-align: center;
	width: 100%;
}

.top-caption h1 {
	font-weight: 700;
}

.second-caption h3 {
	letter-spacing: 2px;
	padding-bottom: 40px;
	font-size: 26px;
	font-weight: 400;
}

.second-caption p {
	line-height: 26px;
	color: #666;
	font-weight: 200;
	font-size: 17px;
}

.scroll-head header {
	height: 65px;
}

.scroll-head header nav {
	transform: translateX(0%) translateY(-200%);
	-webkit-transform: translateX(0%) translateY(-200%);
	-moz-transform: translateX(0%) translateY(-200%);
	-ms-transform: translateX(0%) translateY(-200%);
	right: 0px;
	position: relative;
	float: right;
	padding-top: 30px;
}

.scroll-head .main-wrapp {
	padding-top: 90px;
}

.scroll-head.fix header nav {
	transform: translateX(0%) translateY(0%);
	-webkit-transform: translateX(0%) translateY(0%);
	-moz-transform: translateX(0%) translateY(0%);
	-ms-transform: translateX(0%) translateY(0%);
}

.scroll-head nav>ul>li:last-child .dropmenu {
	left: auto;
	right: 0px;
	text-align: right;
}

.scroll-head nav>ul>li:last-child .dropmenu li a {
	text-align: right;
}

.scroll-head nav>ul>li:last-child .dropmenu:before {
	left: auto;
	right: 10px;
}

.map {
	position: relative;
	width: 100%;
}

.map-canvas {
	position: relative;
	width: 100%;
	height: 500px;
}

.onepage .logo {
	float: left;
	position: relative;
	left: 0px;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
}

.onepage nav {
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	right: 0px;
	position: relative;
	float: right;
	padding-top: 30px;
}

.onepage nav a.active {
	color: #999;
}

.det-slider-shop {
	position: relative;
	float: left;
	padding: 0px 15px;
	width: 100%;
}

.det-slider-shop img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1170px) {
	.main-title {
		width: 70%;
		padding: 80px 40px;
	}

	nav>ul>li {
		margin: 0px 10px;
	}
}

@media screen and (max-width: 992px) {
	.nav-menu-icon {
		display: block;
	}

	nav>ul>li {
		float: none;
		display: block;
		width: 100%;
		margin: 0px;
		padding: 10px 40px;
		font-size: 16px;
		position: static;
	}

	nav ul>li ul {
		display: none;
		position: relative;
		opacity: 1;
		visibility: visible;
		width: 100%;
		margin-top: 15px;
		top: 0px;
		margin-bottom: 15px;
	}

	ul.slidemenu {
		display: block;
	}

	nav ul {
		padding: 0px;
	}

	.shop-detail-info h4 {
		padding-top: 40px;
	}

	nav {
		position: fixed;
		width: 100%;
		height: 100%;
		padding-top: 80px;
		background: #fff;
		left: 0px;
		top: 0px;
		z-index: 500;
		text-align: left;
		overflow-y: auto;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
		-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
		-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
		transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
	}

	nav>ul>li:last-child .dropmenu li {
		text-align: left;
	}

	nav ul {
		width: 100%;
		text-align: center;
	}

	nav>ul>li>a>span {
		position: absolute;
	}

	.menu ul li>ul li a {
		font-size: 14px;
		text-align: center;
	}

	.menu ul>li>ul>li {
		float: left;
		width: 100%;
	}

	.menu ul>li>ul>li>ul {
		display: none;
		position: relative;
		opacity: 1;
		visibility: visible;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
		left: auto;
		float: left;
		max-width: 100%;
		border: 0px none;
	}

	.menu ul>li>ul>li>ul.slidemenu {
		display: block;
	}

	.menu ul>li>ul>li span {
		top: 10px;
		padding-left: 10px;
		right: auto;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}

	.dropmenu:before {
		display: none;
	}

	.main-wrapp {
		padding: 80px 0px 40px;
	}

	.padd-80 {
		padding: 0px 0px 40px;
	}

	.home-izotope .item {
		width: 50%;
	}

	.fillter-wrap {
		padding-bottom: 40px;
	}

	.about-item {
		padding-bottom: 30px;
	}

	.team-block {
		padding-bottom: 30px;
	}

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

	nav>ul>li>a>.fa {
		display: inline-block;
		position: absolute;
	}

	header.fix nav {
		transform: translateX(0%) translateY(-200%);
		-webkit-transform: translateX(0%) translateY(-200%);
		-moz-transform: translateX(0%) translateY(-200%);
		-ms-transform: translateX(0%) translateY(-200%);
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.logo {
		float: left;
		position: relative;
		left: 0px;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-moz-transform: translateX(0%);
	}

	header.fix nav.slide-menu {
		transform: translateX(0%) translateY(0%);
		-webkit-transform: translateX(0%) translateY(0%);
		-moz-transform: translateX(0%) translateY(0%);
		-ms-transform: translateX(0%) translateY(0%);
	}

	nav.slide-menu {
		transform: translateX(0%) translateY(0%);
		-webkit-transform: translateX(0%) translateY(0%);
		-moz-transform: translateX(0%) translateY(0%);
		-ms-transform: translateX(0%) translateY(0%);
	}

	.onepage nav {
		transform: translateX(0%) translateY(-200%);
		-webkit-transform: translateX(0%) translateY(-200%);
		-moz-transform: translateX(0%) translateY(-200%);
		-ms-transform: translateX(0%) translateY(-200%);
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.onepage nav.slide-menu {
		transform: translateX(0%) translateY(0%);
		-webkit-transform: translateX(0%) translateY(0%);
		-moz-transform: translateX(0%) translateY(0%);
		-ms-transform: translateX(0%) translateY(0%);
	}

	.scroll-head.fix header nav {
		transform: translateX(0%) translateY(-200%);
		-webkit-transform: translateX(0%) translateY(-200%);
		-moz-transform: translateX(0%) translateY(-200%);
		-ms-transform: translateX(0%) translateY(-200%);
	}

	.scroll-head header nav {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.scroll-head header nav.slide-menu {
		transform: translateX(0%) translateY(0%);
		-webkit-transform: translateX(0%) translateY(0%);
		-moz-transform: translateX(0%) translateY(0%);
		-ms-transform: translateX(0%) translateY(0%);
	}

	.scroll-head nav>ul>li:last-child .dropmenu {
		left: 0;
		right: auto;
		text-align: center;
	}

	.scroll-head nav>ul>li:last-child .dropmenu li a {
		text-align: center;
	}

	.scroll-head nav>ul>li:last-child .dropmenu:before {
		display: none;
	}

	.nogutt-col3 .item {
		width: 50%;
	}

	.nogutt-col4 .item {
		width: 33.3333%;
	}

	.gutt-col4 .item {
		width: 31%;
	}

	.gutt-col5 .item {
		width: 31%;
	}

	.fixed-detail-panel {
		width: 100%;
		float: left;
	}

	.fixed-detail-panel.fix {
		position: relative;
		width: 100%;
		float: left;
	}

	.sidebar-block {
		padding: 30px 0px;
	}

	.sidebar-block h4 {
		padding-bottom: 25px;
	}

	.pad-80 {
		padding: 40px 0px;
	}

	.popular-block.padd-80 {
		padding-bottom: 40px;
	}

	.shop-chose-wrap {
		width: 50%;
		padding-bottom: 40px;
	}

	.adress-block {
		padding: 30px 0px 0px 0px;
	}

	.contact-form {
		padding-top: 40px;
	}

	.contact .subtitle {
		padding-bottom: 10px;
	}

	.contact {
		padding: 40px 0px;
	}

	.animsition,
	.animsition-overlay {
		opacity: 1 !important;
	}

	.second-caption p {
		padding-bottom: 40px;
	}

	.left-filter .shop-chose-wrap {
		width: 50%;
	}

	.left-filter .shop-chose-wrap:first-child {
		padding-right: 25px;
	}

	.left-filter .search {
		margin-top: 40px;
		width: 50%;
	}

	.left-filter .price-chose {
		padding-top: 20px;
		width: 50%;
		padding-right: 25px;
	}

	.ms-right {
		width: 100% !important;
		position: relative;
		float: left;
	}

	.ms-left {
		width: 100% !important;
		position: relative;
		float: left;
	}

	.ms-section img {
		width: 100%;
		height: auto;
	}

	.slide-prev {
		left: 15px;
	}

	.slide-next {
		right: 15px;
	}

	.price-block {
		margin-bottom: 40px;
	}

	.sliphover .item a {
		z-index: 5000;
	}

	.subtitle {
		padding-bottom: 15px;
	}

	.subtitle h4 {
		padding-bottom: 0px;
	}
}

@media screen and (max-width: 768px) {
	.main-title {
		width: 90%;
		padding: 50px;
	}

	.fillter-wrap .but {
		width: 100%;
		margin: 6px 0px;
	}

	.fillter-wrap .but span {
		float: none;
	}

	.nogutt-col4 .item {
		width: 50%;
	}

	.gutt-col3 .item {
		width: 48%;
	}

	.gutt-col5 .item {
		width: 48%;
	}

	.gutt-col4 .item {
		width: 48%;
	}

	.line-item {
		font-size: 13px;
	}

	.line-item span {
		display: none;
	}

	.shop-bar {
		padding-bottom: 80px;
	}

	.wh-33 .item {
		width: 50%;
	}

	.map-canvas {
		height: 300px;
	}
}

.globe {
	margin-top: -2px;
}

.nav-link {
	display: block;
	padding: 0.5rem 1rem;
	color: #fd8755;
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.nav-link {
		transition: none;
	}
}

.nav-link:hover,
.nav-link:focus,
.nav-link2 {
	color: #c34e2e;
}

.nav-link.disabled {
	color: #6c757d;
	pointer-events: none;
	cursor: default;
}


@media screen and (max-width: 480px) {
	.logo {
		margin: 15px 0px 0px 15px;
	}

	.mobile-icon {
		margin-right: 15px;
	}

	.nav-menu-icon {
		margin-right: 15px;
	}

	nav>ul>li {
		padding: 10px 0px;
	}

	.main-title {
		width: 90%;
		padding: 35px;
	}

	.main-title h2 {
		font-size: 30px;
		line-height: 36px;
	}

	.main-title h5 {
		font-size: 13px;
		line-height: 16px;
	}

	.main-title.title-no-bg h1 {
		font-size: 30px;
		line-height: 36px;
		padding-bottom: 15px;
	}

	.main-title.title-no-bg h3 {
		font-size: 13px;
		line-height: 16px;
	}

	.home-izotope .item {
		padding: 0px;
		margin-bottom: 15px;
		width: 100%;
	}

	.home-izotope .item.w-50 {
		width: 100%;
	}

	.pagination.vertical-mode {
		bottom: 10px;
	}

	.right-arrow-nav span {
		font-size: 14px;
	}

	.left-arrow-nav span {
		font-size: 14px;
	}

	.nogutt-col2 .item {
		width: 100%;
	}

	.nogutt-col3 .item {
		width: 100%;
	}

	.nogutt-col4 .item {
		width: 100%;
	}

	.gutt-col2 .item {
		width: 98%;
	}

	.gutt-col3 .item {
		width: 98%;
	}

	.gutt-col4 .item {
		width: 98%;
	}

	.gutt-col5 .item {
		width: 98%;
	}

	.line-item {
		width: 33.333%;
	}

	.line-item:last-child {
		display: none;
	}

	.pop-text h5 {
		font-size: 13px;
		letter-spacing: 2px;
	}

	.date-post {
		width: 100%;
		padding-top: 10px;
		padding-left: 0px;
	}

	.contact-form h3 {
		padding-bottom: 40px;
	}

	.comments h3 {
		padding-bottom: 40px;
	}

	.tags-button {
		padding-top: 20px;
		float: left;
	}

	.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
		padding-left: 50px;
	}

	.shop-bar {
		padding-bottom: 40px;
	}

	.wh-33 .item {
		width: 100%;
	}

	.shop-chose-wrap {
		width: 100%;
	}

	.price-chose {
		width: 100%;
		padding-bottom: 40px;
	}

	.search {
		float: left;
	}

	.shop-item {
		padding-bottom: 40px;
	}

	.left-filter .shop-chose-wrap {
		width: 100%;
	}

	.left-filter .shop-chose-wrap:first-child {
		padding-right: 0px;
	}

	.left-filter .search {
		margin-top: 40px;
		width: 100%;
	}

	.left-filter .price-chose {
		padding-top: 20px;
		width: 100%;
		padding-right: 0px;
	}
}

@media screen and (max-width: 360px) {
	.intro-scroll-down {
		bottom: 12px;
	}

	.pop-text h5 {
		letter-spacing: 0px;
	}
}