/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Symphony.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 16-02-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOMEPAGE-1 */
/* 03 - HOMEPAGE-2 */
/* 04 - HOMEPAGE-3 */
/* 05 - PORTFOLIO-1 */
/* 06 - PORTFOLIO-2 */
/* 07 - PORTFOLIO-4 */
/* 08 - PORTFOLIO-5 */
/* 09 - PORTFOLIO-6 */
/* 10 - PORTFOLIO-8 */
/* 11 - PORTFOLIO-DETAILED */
/* 12 - ABOUT */
/* 13 - SERVICE */
/* 14 - CONTACT */
/* 15 - BLOG */
/* 16 - POST BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url('//fonts.googleapis.com/css?family=Noto+Serif:400,700italic,700,400italic');

html {margin:0px; padding:0px; height:100%;}
body {display:none; margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'Noto Serif'; color:#222;  background-color: #fff;}

.load {position: fixed; background: #FFF; width: 100%; height: 100%; left:0; top:0; z-index: 6050;}
.loader{position: fixed;z-index: 3;margin: 0 auto;left: 0;right: 0;top: 50%;margin-top: -30px;width: 90px;height: 60px;list-style: none;}
@-webkit-keyframes loadbars {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
@-moz-keyframes loadbars {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
@keyframes loadbars {
	0%{height: 10px;margin-top: 25px;}
	50%{height:50px;margin-top: 0px;}
	100%{height: 10px;margin-top: 25px;}
}
.loader li{background-color: #222;width: 10px;height: 10px;float: right;margin-right: 5px;box-shadow: 0px 20px 10px rgba(0,0,0,0.2);}
.loader li:first-child{-webkit-animation: loadbars 1s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-moz-animation: loadbars 1s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-o-animation: loadbars 1s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-ms-animation: loadbars 1s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;}
.loader li:nth-child(2){-webkit-animation: loadbars 1s ease-in-out infinite -0.2s;-moz-animation: loadbars 1s ease-in-out infinite -0.2s;-o-animation: loadbars 1s ease-in-out infinite -0.2s;-ms-animation: loadbars 1s ease-in-out infinite -0.2s;}
.loader li:nth-child(3){-webkit-animation: loadbars 1s ease-in-out infinite -0.4s;-moz-animation: loadbars 1s ease-in-out infinite -0.4s;-o-animation: loadbars 1s ease-in-out infinite -0.4s;-ms-animation: loadbars 1s ease-in-out infinite -0.4s;}
.loader li:nth-child(4){-webkit-animation: loadbars 1s ease-in-out infinite -0.6s;-moz-animation: loadbars 1s ease-in-out infinite -0.6s;-o-animation: loadbars 1s ease-in-out infinite -0.6s;-ms-animation: loadbars 1s ease-in-out infinite -0.6s;}
.loader li:nth-child(5){-webkit-animation: loadbars 1s ease-in-out infinite -0.8s;-moz-animation: loadbars 1s ease-in-out infinite -0.8s;-o-animation: loadbars 1s ease-in-out infinite -0.8s;-ms-animation: loadbars 1s ease-in-out infinite -0.8s;}
.loader li:nth-child(6){-webkit-animation: loadbars 1s ease-in-out infinite -1.0s;-moz-animation: loadbars 1s ease-in-out infinite -1.0s;-o-animation: loadbars 1s ease-in-out infinite -1.0s;-ms-animation: loadbars 1s ease-in-out infinite -1.0s;}

.onload{opacity:0; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;  -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;}
.onload.loaded{opacity:1;}

a {text-decoration:none; outline:none; cursor: pointer; 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:#222;}
.clear_l{clear:both;}
ul{padding:0px; margin:0px; list-style:none;}
ol{padding:0px; margin:0px;  list-style-position: inside;}
ul li, ol li {font-size: 13px; line-height: 40px; font-weight: 700; font-family: "Noto Serif";  clear: both; width: 100%;  float: left;}
input:focus, select:focus, textarea:focus, button:focus{outline:none;}
::-webkit-input-placeholder {color:#555; opacity: 1;}
::-moz-placeholder          {color:#555; opacity: 1;}
:-moz-placeholder           {color:#555; opacity: 1;}
:-ms-input-placeholder      {color:#555; 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;}
input:invalid {outline: none; box-shadow:none;}

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

.blog-detail li > ul, .blog-detail li > ol, .blog-detail  blockquote > ul, .blog-detail blockquote > ol{
  list-style: disc;
  margin-left: 1.3333em;
}

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

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

.bg{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute;}
.bg video{position:absolute;}
.bg-bg{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.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% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative;}
.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%; padding-top: 60px; padding-bottom: 10px; }

.full-height {height:80vmin; position:relative; float:left;}
.vertical-center{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.vertical-align{-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%;}
.center_img{position: absolute;}
.home-swiper-container{height:100%;margin:0 auto;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; overflow:hidden;}
.swiper-slide .preview{display: none;}
.swiper-slide img {width: 100%; height: auto;}
.swiper-slide .home-slider-caption{ bottom: 0;  padding-bottom: 45px;}
.fullscreen .home-slider-caption h5{  color: #999;  line-height: 18px;}
.fullscreen .swiper-slide .home-slider-caption{ padding-bottom: 95px;}
h1 {font-size: 50px; line-height: 60px;}
h2 {font-size: 24px; line-height: 28px; font-weight: 400;}
h3 {font-size: 20px; font-weight: 400;}
h4 {font-size: 18px; font-weight: 400;} 
h5 {font-size: 14px; font-weight: 400;}
h6 {font-size: 13px; font-weight: 400;}
p {font-size: 14px; line-height: 26px; font-family: 'Noto Serif', sans-serif; color:#555; font-weight: 500;padding: 0 0 20px;}
a {color:#222; font-size: 13px;}
ul {position: relative;list-style: disc;list-style-position: inside;}
ul ul,ul ol, ol ol{padding-left: 20px;}
ul li a {font-size: 13px; line-height: 29px; color:#555555; font-family: 'Noto Serif', sans-serif; font-weight: 100; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;  -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;}
ul li a:hover {text-decoration: 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;}
input {background: none; border: none;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;}
textarea {font-size: 16px; line-height: 32px; color: #ccd6dd; border: 1px solid #ccd6dd; border-radius: 5px;}
iframe {border: none;}

/*================HEADER================*/

header {position: fixed; width: 100%; height: 60px; left: 0px; top: 0px; background: #fff; z-index: 500; backface-visibility: hidden; -webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;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;}
header.headerHeight {height: 45px;}
.logo {position: relative; float: left; padding: 19px 0px;transition:all 0.35s ease-in;-webkit-transition:all 0.35s ease-in;-moz-transition:all 0.35s ease-in;-o-transition:all 0.35s ease-in;-ms-transition:all 0.35s ease-in;}
.logo.topLogo {padding: 10px 0px;}
.logo img{max-height:100px;}
.navigation {position: relative; float: right;  padding: 22px 15px; display: block;transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-ms-transition:all 0.4s ease-in;}
.navigation.topNav {padding: 15px;}
header nav {display: inline-block; }
header nav > .submenu:nth-child(n+8),header nav > a:nth-child(n+9){display: none;}
nav a {font-size: 12px; line-height: 14px; text-transform: none; padding: 8px 20px; color:#222;}
nav a .fa {display: none;}
nav a:hover {color: #999; background: #F5F5F5;}
nav a:hover .fa{color: #999;}
nav a.active-link {color: #999;}
.shopping-icon {margin: 0px;}
.mobile-menu {font-size: 20px; color:#222; position: relative; right: 0px; top: 17px; display: none; float: right; cursor: pointer;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;}
.mobile-menu:hover {color:#888;}
.mobile-menu.topMobile {top: 10px;}
.close-menu {position: relative; float: left; width: 100%; padding-top: 10px; text-align: center; display: none;}
.close-menu img {width: 16px; height: 16px; cursor: pointer; margin-left: 4px;}
.submenu {position: relative; margin-right: 15px; display: inline-block;}
.submenu:hover a, .submenu.tach_active a  {color: #999; background: #F5F5F5;}
.submenu .fa {position: absolute; right:8px; top: 3px; color:#222; cursor: pointer; font-weight: 700; font-size: 12px;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;}
.submenu .fa.act-arrow {color: #999;}
.submenu span {position: absolute; background: #F5F5F5; text-align: left; left: 20px; top: 20px; width: 300px; text-align: center; opacity: 0; visibility: hidden; padding: 15px 0px; 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;}
.submenu span a {position: relative;   z-index: 100; float: left; width: 100%; padding: 10px 10px 10px 20px; text-align: left; color: #999; margin: 0px;}
.submenu span a:hover {background: #F5F5F5; padding-left: 25px;}
.submenu:hover span {opacity: 1; visibility: visible; left: 0px;}

.submenu .submenu{
	display: block;
	float: none;
	top: 0;
	clear: both;
}
.submenu .submenu span{
	opacity: 0;
	top: 0;
	padding: 15px 10px;
	margin-top: -15px;
	display: block;
	left: 100%;
	z-index: 2;
	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;
}
.submenu .submenu:hover > span{
	opacity: 1;
}
.submenu span.slide-submenu {display: inline-block; opacity: 1; visibility: visible; left: 0px;}
.submenu .submenu .submenu span{
	opacity: 0;
	-moz-transition-property: none;
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
	transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
}

.submenu .submenu .submenu:hover span{
	opacity: 1;
}
/*================HEADER NO COLOR================*/

.nocolor-header {background: none;} 
.nocolor-header.scroller {background: #fff; 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;}
.nocolor-header nav a {color: #fff;}
.nocolor-header nav a.act {color: #222;}
.nocolor-header nav a.active-link {color: #999;}
.nocolor-header .submenu .fa.color {color:#222;}
.nocolor-header .submenu .fa {color:#fff;}
.nocolor-header .submenu .fa.act-arrow {color: #999;}
.nocolor-header .submenu span a {color:#222;}
.nocolor-header .submenu span a:hover {color:#999;}
.nocolor-header .mobile-menu {color:#fff; right: -15px;}
/* .nocolor-header .logo {margin-left: -15px;} */
.nocolor-header .mobile-menu:hover {color:#999;}

.left-bar-line {position: absolute; left: -125%; top: 0px; background: #fff; width: 120%; height: 25px; transform: skewX(45deg);transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;}
.right-bar-line {position: absolute; right:-125%;; top: 25px; background: #fff; width: 120%; height: 25px; transform: skewX(-45deg); transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;}
.left-bar-line.move {left: -5%;}
.right-bar-line.move {right: -5%;}
.hide-logo {display: none;}
.mobile-menu.col {color: #222;}

/*================HEADER DARK================*/

.headerdark {background: #fff; position: relative; float: left; width: 100%; height: 60px;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;}
.headerdark.headerHeight {height: 45px;}
.headerdark nav {padding-right: 0px;}
.headerdark nav a {color: #222;}
.headerdark nav a.active-link {color: #999;}
.headerdark .submenu .fa {color:#222;}
.headerdark .submenu .fa.act-arrow {color: #999;}
.headerdark .submenu span a {color:#222;}
.headerdark .submenu span a:hover {color:#999;}
.headerdark .logo {margin-left: 0px;}
.headerdark .mobile-menu {color:#222; right: 0px;}
.headerdark .mobile-menu:hover {color:#999;}

@media screen and (max-width: 990px) {
	nav a .fa {display: inline-block;}
	nav a:hover {background: none;}
	.submenu:hover a {background: none;}
	.submenu span {background: none; padding: 0px;}
	.navigation {width: 100%; position: fixed; background: #fff; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5000; transform: translateY(-150%); -moz-transform: translateY(-150%);-webkit-transform: translateY(-150%);-o-transform: translateY(-150%);-ms-transform: translateY(-150%);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
	.navigation.slide {transform: translateY(0%); -moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);}
	.mobile-menu {display: block;}
	.close-menu {display: block;}
	nav {text-align: center; position: relative; float: left; width: 100%; padding: 40px 0px;}
	.submenu {float: none; display: block; text-align: center; width: auto; margin: 0 auto;}
	.submenu span {position: relative; float: none; display: inline-block; display: none; text-align: center; padding-bottom: 10px;}
	.submenu span.slide-submenu {display: inline-block; opacity: 1; visibility: visible; left: 0px; top: 0px;}
	.submenu span a {text-align: center; font-size: 18px; color:#999; margin: 0px; padding: 10px;}
	.submenu span a:hover {padding-left: 10px;}
	nav a {width: 320px; float: none; display: block; margin: 0px auto; padding: 10px 0px; font-size: 20px;}
	.shopping-icon {margin: 20px 0px; width: 100%;}
	.submenu .fa {position: absolute; top: auto; right: auto; padding-left: 5px; margin-top: 5px;}
	
	.headerdark nav a {color:#222;}
	.headerdark .submenu .fa {color:#222;}
	.headerdark nav {padding-right: 0px;}
	.nocolor-header nav a {color:#222;}
	.nocolor-header .submenu .fa {color:#222;}
	.nocolor-header nav {padding-right: 0px;}
}

@media screen and (max-width: 480px) {
	.headerdark .logo {margin-left: 15px;}
	.headerdark .mobile-menu {right: 15px;}
}

/*================HEADER FANCY================*/

header.fancy-menu {background: #fff;}
.fancy-menu .headerdark {background: none;}
.fancy-page.top-slider {padding: 0px 0px 70px;}
.fancy-menu .navigation {width: 100%; text-align: center; position: fixed; background: rgba(255,255,255,0.95); left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5000; transform: translateY(-150%); -moz-transform: translateY(-150%);-webkit-transform: translateY(-150%);-o-transform: translateY(-150%);-ms-transform: translateY(-150%);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.fancy-menu .navigation.slide {transform: translateY(0%); -moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);}
.fancy-menu .mobile-menu {display: block;}
.fancy-menu .navigation nav {position: relative; width: 100%; padding: 0px; float: right; text-align: right; padding-right: 70px; padding-top: 50px;}
.fancy-menu .close-menu {display: block; position: relative; float: right; width: 100%; padding-top: 0px; margin-right: 70px;}
.fancy-menu .close-menu .fa {font-size: 48px; color: #ef4652;}
.fancy-menu .close-menu img {position: relative; float: right; width: 36px; height: 36px;}
.fancy-menu .navigation .submenu {position: relative; float: none; display: block; width: 100%; margin-right: 0px; text-align: right;}
.fancy-menu .navigation nav a {position: relative; display: block; float: right; margin: 5px 0px; font-weight: 700; font-size: 48px; color:#222; padding: 0px; text-transform: uppercase; width: 100%; line-height: 48px;} 
.fancy-menu .navigation nav a:hover {color:#999;}
.fancy-menu .navigation nav a .fa {display: inline-block; position: relative; right: -7px; top:0px; font-size: 48px;}
.fancy-menu .navigation nav a:hover .fa {color:#999;}
.fancy-menu .navigation .logo {margin-top: 50px; position: relative; float: left;}
.fancy-menu .navigation .submenu span  {display: none; background: none; width: 100%; left: 0px; top:0px; position: relative; padding: 0px;}
.fancy-menu .navigation .submenu span a {color:#222; text-align: right; padding: 5px 0px; margin: 0px; font-size: 40px; line-height: 40px;}
.fancy-menu .navigation .submenu span a:hover {color:#999; background: none; padding-right: 10px;}
.fancy-menu .navigation .submenu span.slide-submenu {display: block; opacity: 1; visibility: visible; float: right; padding: 0px 0px 10px;}
.fancy-menu .navigation .submenu:hover span {left: 0px;}
.fancy-menu .headerdark nav a.active-link {color:#999;}
.fancy-menu .headerdark .submenu .fa {color: #222;}
.fancy-menu .headerdark .submenu .fa.act-arrow {color: #999;}
@media screen and (max-width: 480px) {
	  .fancy-menu .close-menu {margin-right: 15px;}
	  .fancy-menu .navigation nav a {font-size: 36px; line-height: 36px;}
	  .fancy-menu .navigation .submenu span a {font-size: 30px; line-height: 30px;}
	  .fancy-menu .navigation .submenu span a:hover {padding-right: 0px;}
	  .fancy-menu .navigation nav {padding-right: 25px;}
	  .fancy-menu .close-menu {margin-right: 25px;}
}

@media screen and (max-width: 768px) {
	 .headerdark .mobile-menu {right: 15px;}
	 .headerdark .logo {margin-left: 15px;}
	 .mobile-menu {/* right: 15px; */}
	 .nocolor-header .mobile-menu {right: 0px;}
	 .nocolor-header .logo {margin-left: 0px;}
}
@media screen and (max-width: 600px) {
	 .mobile-menu {/* right: 25px; */}  
} 
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOMEPAGE-1 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.top-slider {position: relative; float: left; width: 100%; padding: 60px 0px 70px;}
.home-baner {position: relative; float: left; width: 100%; padding-bottom: 40px;;}
.home-baner .img-img {width: 100%; height: auto;}
.fullscreen {margin: 0;}
/* .fullscreen {width: 100%; padding: 0; margin-top: -60px 0 0;  overflow: hidden;} */
.fullscreen .col-md-12,.fullscreen .vc_col-sm-12,.fullscreen .vc_col-md-12  {width: 100%;padding: 0;margin: 0;}
.next-wrapper {position: absolute; width: 20%; right: 0px; height: 100%; top: 0px;}
.prev-wrapper {position: absolute; width: 20%; left: 0px; height: 100%; top: 0px;}
.animated-block {position: relative; float: left; width:100%;}
.prev-wrapper .slide-prev {margin-top: -90px; opacity: 0; margin-left: -70px; z-index: 4;}
.next-wrapper .slide-next {margin-top: -90px; opacity: 0; margin-right: -70px; z-index: 4;}
.next-wrapper:hover .slide-next {opacity: 1; margin-right: 0px;}
.prev-wrapper:hover .slide-prev {opacity: 1; margin-left: 0px;}
.slide-prev {position: absolute; left: 0px; top: 50%; height: 70px; width: 70px; z-index: 5; background: #fff; cursor: pointer;transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.slide-prev img {position: absolute; left: 30px; top: 32px;}
.slide-next {position: absolute; right: 0px; top: 50%; height: 70px; width: 70px; z-index: 5; background: #fff; cursor: pointer;transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.slide-next img {position: absolute; left: 30px; top: 32px;}
.slide-prev-hover {position: relative; height: 70px; float: left; width: 210px; margin-left: -70px; opacity: 0; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;
transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;}
.slide-next-hover {position: relative; height: 70px; float: right; width: 210px; margin-right: -70px; opacity: 0; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;
transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 10ms;}

.slide-prev-hover img {position: absolute; left: 0px; top: 0px; width: 70px; height: 70px; z-index: 5;}
.slide-next-hover img {position: absolute; right: 0px; left: auto; top: 0px; width: 70px; height: 70px; z-index: 5;}
.slide-prev-hover .prew-desc {position: relative; float: left; background: #fff; height: 70px; padding-left: 70px; width: 100%; padding-top: 25px; text-align: center;}
.slide-next-hover .prew-desc {position: relative; float: right; background: #fff; height: 70px; padding-right: 70px; width: 100%; padding-top: 25px; text-align: center;}
.slide-prev:hover .slide-prev-hover {opacity: 1; margin-left: 0px;}
.slide-next:hover .slide-next-hover {opacity: 1; margin-right: 0px;}
.home-slider-caption-wrap {position: relative; float: left; width: 100%;}
.home-slider-caption {position: absolute; left: 0px; width: 100%;text-align: center; bottom: 45px; color: #fff;  padding: 0 15px;}
.home-slider-caption p{color: #fff;}
.home-slider-caption h5 {/*color:#999;*/  line-height: 18px;}
{}
.big-product-slider .home-slider-caption{
	font-family: 'Roboto', sans-serif; 
	text-align: left;
}
.big-product-slider .home-slider-caption h1,
.big-product-slider .home-slider-caption h2,
.big-product-slider .home-slider-caption h3,
.big-product-slider .home-slider-caption h4,
.big-product-slider .home-slider-caption h5{
	color: #999;
}
.big-product-slider .home-slider-caption h5 a
{   
	font-size: 14px;  
	line-height: 18px; 
	color: #999;
}
.big-product-slider .home-slider-caption h2{color: #222;padding-bottom: 15px;}

.home-slider-caption h2 {/* padding-bottom: 15px; */}
.home-slider-caption span {font-size: 20px; color:#555;}

.subtitle {position: relative; float: left; width: 100%; text-align: center;}
.title-separator {position: relative; float: none; display: inline-block; margin: 20px 0px; width: 35px; height: 1px; background: #222;}

.modern-baner {position: relative; /* float: left; */ width: 100%; padding-top: 25px;/* height: 400px; */}
.swiper-container {
  margin: 0 auto;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
.left-bar {position: relative; float: left; width: 25%; padding-right: 15px;}
/* .block-50 {position: relative; float: left; overflow: hidden;} */
.block-50 {  position: relative;  float: left;  overflow: hidden;  width: 100%;}
.block-50 .image-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.65); opacity: 0;}
.block-50:hover .image-layer {opacity: 1;}
.block-50:hover .center-title a h3 {color:#fff;}
.block-50:hover .center-title h4 {color:#fff;}
.block-25 {position: relative; float: left; width: 100%; padding-bottom: 40px;}
.block-25-img {position: relative; float: left; width: 100%; overflow: hidden;}
.block-25-img img {width: 100%; height: auto;}
.block-25-img .image-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.65); opacity: 0;}
.block-25-img:hover .image-layer {opacity: 1;}
.block-25-text {position: relative; float: left; width: 100%; padding-top: 20px;}
.block-25-text a {color:#999;}
.block-25-text a h4 {padding: 10px 0px 15px; 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;}
.block-25-text a h4:hover {color:#999;}
.block-25-text span {color:#555; font-size: 18px;}
/* .center-bar {position: absolute; width: 50%; padding: 0px 15px; margin: 0 25%;} */
.center-bar {position: absolute; width: 50%; padding: 0px 30px; margin: 0 25%;}
.center-bar img {width: 100%; height: auto;}

.center-title {position: absolute; top: 40px; width: 100%; left: 0px; text-align: center;}
.center-title h4 {color: #555; padding-top: 15px;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;}
.center-title a h3 {font-weight: 100; 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;}
.center-title a h3:hover {color:#999;}
.right-bar {position: relative; float: right; width: 25%; padding-left: 15px;}
.main-baner-points {display: none;}
.pagination {position: absolute; left: 0px; bottom: -15px; width: 100%; text-align: center;}
.swiper-pagination-switch {cursor: pointer; width: 10px; height: 10px; border-radius: 5px; position: relative; float: none; display: inline-block; margin: 0px 7px; background: #efefef; 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;} 
.swiper-active-switch {background: #555; 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;}
.man-baner {position: relative; float: left; width: 75%;}
.collection-block {position: relative; float: left; width: 100%; padding: 0px 15px;}
.man-collection {position: relative; float: right; text-align: right; width: 80%; margin-top: 120px; }
.man-collection-desc {position: absolute; right:200px; top: 40px; z-index: 5;}
.man-collection-desc .title-separator {margin-right: 100px;}
.man-collection-desc p {padding: 20px 100px 15px 15px; }
.man-collection-desc h3 {padding-right: 100px; color:#555;}
.man-collection-img {position: relative; float: right;}
.man-collection-img img {width: 100%; height: auto;}
.collection-wrap  {position: relative; float: left; width: 100%; margin-top: -150px;}

.video-collection-wrap {position: relative; float: left; width: 100%; padding-top: 80px;}
.big-video-block {position: relative; float: left; width: 100%;}
.big-video-block img {width: 100%; height: auto;}
.videopic {cursor: pointer;}
.video {position: relative; float: left; width: 100%; display: none;}
.video iframe {width: 100%; height: 433px;}
.small-video-block {/* position: absolute; margin-right: 100px; top: 0px; */ width: 100%; margin-left: 0px; padding-top: 40px;}
.small-video-block h2 {margin-left: -115px;}
.small-video-block p {padding: 15px 0px;}
.small-video-block a {font-size: 14px; color:#555; border-bottom: 1px solid #222; padding-left: 20px; padding-bottom: 10px;}
.small-video-block a:hover {padding-left: 0px;}
.small-video {position: relative; float: left; width: 100%; padding-top: 60px;}
.small-video img {width: 100%; height: auto; margin-bottom: 20px;}
.small-video .video iframe {width: 100%; /* min-height: 180px; */ height: 112px;}
.small-video h4 {font-size: 16px; line-height: 22px;}
.woman-baner {position: relative; float: right; width: 75%;}

.woman-collection {position: relative; float: left; width: 100%; text-align: left; }
.woman-collection .man-collection-desc {left: 200px; right: auto;}
.woman-collection .man-collection-desc p {padding: 20px 15px 15px 100px;}
.woman-collection .man-collection-desc .title-separator {margin-left: 100px;}
.woman-collection .man-collection-desc h3 {padding: 0px 0px 0px 100px;}
.woman-collection .man-collection-img {float: left;}

/* .trend-products {position: relative; float: left; padding-top: 60px;} */
/* .trend-products .subtitle {padding-bottom: 25px;} */

.man-collection,.woman-collection{ margin-top: 60px;}

/*================FOOTER================*/

footer {position: relative; float: left; width: 100%; background: #fbfbfb; padding: 0px 0px 20px;}
.footer-block {position: relative; float: left; width: 100%;}
.footer-block.whith-share {padding-left: 70px;}
.footer-block h4 {font-weight: 700; line-height: 22px; padding-bottom: 30px;}
.footer-block ul li a {border-bottom: 1px solid rgba(153,153,153,0); padding-left: 10px; margin-left: -10px;}
.footer-block ul li a:hover {color:#999; border-bottom: 1px solid rgba(153,153,153,0.5); margin-left: 0px;}
.footer-share {position: relative; float: left; width: 100%; padding-top: 35px;}
.footer-share a {font-size: 18px; color:#d8d8d8; margin: 0px 25px 0px 0px;}
.footer-share a:hover {color:#222;}
.footer-block.no-title {padding-top: 50px;}
.email-input {position: relative; float: left; width: 100%; margin-top: 20px;}
.email-input input {border-bottom: 1px solid #d8d8d8; color: #555; padding: 10px 40px 20px 0px; width: 100%; position: relative; float: left; font-size: 13px; font-family: 'Noto Serif', sans-serif;}
.email-input button {position: absolute; width: 28px; height: 18px; right: 0px; top: 10px; border: 0px none; background: none;}
.footer-image-bar {position: relative; float: left; width: 100%; padding-top: 50px;}
.footer-image-bar a {position: relative; float: left; width: 7.6923%;}
.footer-image-bar img {width: 100%; height: auto;}
.coryrigth {position: relative; float: left; width: 100%; text-align: center; padding-top: 25px;}
.coryrigth span {font-size: 14px;}
.fancybox-overlay {background: rgba(0,0,0,0.9);}
.fancybox-opened .fancybox-skin {box-shadow: none; border: 0px none; background: none;}
.work-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0;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;}
.fancybox:hover .work-layer {opacity: 1;}
@media screen and (max-width: 1200px) {
	.footer-block.whith-share {padding-left: 0px;}
}
@media screen and (max-width: 992px) {
	.home-slider-caption {/*margin-left: 40px;*/ /* bottom: 20px; */}
	.collection-wrap {margin-top: 30px;}
	.man-collection {width: 100%;}
	.small-video-block {position: relative; float: left; margin-right: 0px; width: 100%;}
	.man-baner {width: 100%;}
	.woman-baner {width: 100%;}
	.next-wrapper .slide-next {margin-right: 0px; opacity: 1;}
	.prev-wrapper .slide-prev {margin-left: 0px; opacity: 1;}
	
	.footer-block-email {margin-top: 50px; position: relative; float: left; width: 100%;}
	.footer-image-bar a {width: 14%;}
}
@media screen and (max-width: 768px) { 
	.left-bar {width: 50%;}
	.center-bar {width: 100%; clear: both; position: relative; float: left; margin: 0 auto 30px; padding: 0px;}
	.right-bar {width: 50%;}
	.modern-points {bottom: -20px;}
	.small-video-block h2 {margin-left: 0px;}
	.man-collection {margin-top: 100px;}
	.video-collection-wrap {padding-top: 60px;}
	.woman-collection {margin-top: 100px;}
	
	.footer-share {padding-bottom: 40px;}
}
@media screen and (max-width: 550px) {
	.home-baner .slide-prev {display: none;}
	.home-baner .slide-next{display: none;}
	.next-wrapper {width: 70px;}
	.prev-wrapper {width: 70px;}
	.main-baner-points {display: block; bottom: 40px;}
	.right-bar {display: none;}
	.left-bar {display: none;}
	.man-collection {width: 100%;} 
	.man-collection-img {width: 100%;}
	.man-collection-desc {position: relative; float: left; right: 0px; top: 0px; margin-bottom: 30px;}
	.man-collection-desc p {padding: 20px 0px 15px 0px}
	.man-collection-desc h3 {padding-right: 0px;}
	.man-collection-desc h2 {text-align: center;}
	.man-collection-desc .title-separator {margin: 20px auto; display: block;}
	.woman-collection .man-collection-desc {left: 0px;}
	.woman-collection .man-collection-desc h3 {padding-left: 0px;}
	.woman-collection .man-collection-desc p {padding: 20px 0px 15px 0px}
	.woman-collection .man-collection-desc .title-separator {margin: 20px auto;}   
}
@media screen and (max-width: 360px) {
	.footer-image-bar a {width: 20%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - HOMEPAGE-2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.top-slider.home-2 {padding: 0px;}
.home-2 .home-baner {padding-bottom: 0px;}
.home-2 .prev-wrapper .slide-prev {margin-top: -35px;}
.home-2 .next-wrapper .slide-next {margin-top: -35px;}
.home-2 .home-slider-caption-wrap {text-align: center;}
/* .home-2 .home-slider-caption h2 {color:#fff;} */
/* .home-2 .home-slider-caption {bottom: 80px; margin-left: 0px;} */
.home2-caption {position: relative; float: left; width: 100%;}
.center-baner-img {position: relative; float: left; width: 100%;}
.center-baner-img img { margin-top: -50px; width: 100%; height: auto; left: 0px; z-index: 50;}
.center-baner-text {position: relative; float: left; width: 100%; padding: 40px 0px 110px;}
.center-baner-text .subtitle {padding-bottom: 15px;}
.img-block {position: relative; float: left; width: 100%;}
.img-block .linklayer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 50; background: rgba(0,0,0,0.5); transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);opacity: 0; 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;}
.img-block:hover .linklayer {opacity: 1; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.img-block:hover .img-wrap img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.img-wrap {position: relative; float: left; width: 100%; overflow: hidden;}
.img-wrap img {width: 100%; height: auto; transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;}
.text-wrap {position: relative; float: left; width: 100%; padding: 20px 0px;}
.text-wrap a, .text-wrap .category {color: #999;font-family: 'Noto Serif'; font-size: 13px;}
.text-wrap a h4 {padding: 10px 0px 20px; 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;white-space: nowrap;overflow: hidden;  text-overflow: ellipsis;}
.text-wrap a h4:hover {color:#999;}
.text-wrap .separator {position: relative; float: left; width: 18px; height: 1px; background: #222;}
.image-baner {position: relative; float: left; width: 100%; padding-bottom: 40px;}
.image-baner img {width: 100%; height: auto;}
.masonry-container {position: relative; width: 100%;  /* margin: 0 -15px; margin: 0;*/}
.masonry-container.portfolio-posts{margin: 0 ;}
.masonry-container:after {content: '';display: block;clear: both;}
.row.margin-row {margin-left: -30px; margin-right: -30px;}
.row.margin-null {margin-left: 0; margin-right: 0;}
.masonry-grid .grid-sizer {width: 10px;}
.grid-sizer {width: 0px;}
.masonry-home-2 {padding-bottom: 70px;}
.blog .vc_col-sm-4:nth-child(3n+4){
	clear: left;
}
.item {float: left; margin-bottom: 30px; position: relative; transition: none!important;}
.item.col-md-3, .item.vc_col-sm-3{width: 25%;  padding-left: 15px; padding-right: 15px;}
.item.col-md-4, .item.vc_col-sm-4{width: 33.3333%;  padding-left: 15px; padding-right: 15px;}
.item.col-md-5, .item.vc_col-sm-5{width: 41.6667%;  padding-left: 15px; padding-right: 15px;}
.item.col-md-6, .item.vc_col-sm-6{width: 50%;  padding-left: 15px; padding-right: 15px;}
.item.col-md-8, .item.vc_col-sm-8{width: 66.6667%;  padding-left: 15px; padding-right: 15px;}
.item.col-md-12, .item.vc_col-sm-12{width: 100%;  padding-left: 15px; padding-right: 15px;}
.item.col-md-10, .item.vc_col-sm-10{width: 83.33333333%;  padding-left: 15px; padding-right: 15px;}

/* .masonry-grid .item.col-md-3,.item.vc_col-sm-3 {width: 24.8%;} */
.masonry-grid .item.col-md-3,.item.vc_col-sm-3 {width: 25%; padding-left: 15px; padding-right: 15px;}
.masonry-grid .item.col-md-4,.item.vc_col-sm-4 {width: 32.8%; padding-left: 15px; padding-right: 15px;}
.masonry-grid .item.col-md-5,.item.vc_col-sm-5 {width: 40.8%; padding-left: 15px; padding-right: 15px;}
.masonry-grid .item.col-md-6,.item.vc_col-sm-6 {width: 49%; padding-left: 15px; padding-right: 15px;}
.masonry-grid .item.col-md-6,.item.vc_col-sm-6 {width: 50%; padding-left: 15px; padding-right: 15px;}
.masonry-grid .item.col-md-8,.item.vc_col-sm-8 {width: 65.66%; padding-left: 15px; padding-right: 15px;}
.masonry-grid .item.col-md-12,.item.vc_col-sm-12 {width: 99%; padding-left: 15px; padding-right: 15px;}
.masonry-grid .item.col-md-10,.item.vc_col-sm-10 {width: 82.333%; padding-left: 15px; padding-right: 15px;}



.read-more {position: absolute; right: 0px; bottom: 0px;}
.read-more a {font-size: 14px; color:#555; border-bottom: 1px solid #222; padding-left: 20px; padding-bottom: 10px;}
.read-more a:hover {padding-left: 0px;}

@media screen and (max-width: 1200px) {
	.read-more {bottom: -30px;}
	.item.col-md-3, .item.vc_col-sm-3{width: 50%;}
	.item.col-md-4, .item.vc_col-sm-4{width: 50%;}
	.item.col-md-5, .item.vc_col-sm-5{width: 50%;}
	.item.col-md-8, .item.vc_col-sm-8{width: 50%;}

	.masonry-grid .item.col-md-3, .masonry-grid .item.vc_col-sm-3 {width: 50%;}
	.masonry-grid .item.col-md-4, .masonry-grid .item.vc_col-sm-4 {width: 50%;}
	.masonry-grid .item.col-md-5, .masonry-grid .item.vc_col-sm-5 {width: 50%;}
	.masonry-grid .item.col-md-8, .masonry-grid .item.vc_col-sm-8 {width: 50%;}
	.masonry-grid .grid-sizer {width: 0px;}
	.grid-sizer {width: 0px;}
}
@media screen and (max-width: 992px) {
		/* .masonry-grid .item.col-md-3,.item.vc_col-sm-3 {width: 24.8%;} 
		.masonry-grid .item.col-md-6,.item.vc_col-sm-6 {width: 49%;} */
}
@media screen and (max-width: 768px) {
	.row {margin-left: 0; margin-right: 0;}
	.row.margin-row {margin-left: -15px; margin-right: -15px;}
	.grid-sizer {width: 0px;}
	.read-more {right: 15px;}

	.row .vc_col-xs-12, .row.margin-row .vc_col-xs-12,  
	.row .vc_col-sm-12, .row.margin-row .vc_col-sm-12,  
	.row .vc_col-md-12, .row.margin-row .vc_col-md-12,  
	.row .vc_col-lg-12, .row.margin-row .vc_col-lg-12 {
		padding: 0;
	}
}
@media screen and (max-width: 550px) {
	.home-2 .home-baner {padding-bottom: 100px;} 
	.center-baner-img {display: none;}
   /*  .home-2 .home-slider-caption {bottom: 0px;} */
	.center-baner-text {padding-top: 0px;}
}
@media screen and (max-width: 480px) {
	.item.col-md-3, .item.vc_col-sm-3{width: 100%;}
	.item.col-md-4, .item.vc_col-sm-4{width: 100%;}
	.item.col-md-5, .item.vc_col-sm-5{width: 100%;}
	.item.col-md-8, .item.vc_col-sm-6{width: 100%;}
	.item.col-md-6, .item.vc_col-sm-7{width: 100%;}
	.masonry-grid .item.col-md-3 {width: 100%;}
	.masonry-grid .item.col-md-4 {width: 100%;}
	.masonry-grid .item.col-md-5 {width: 100%;}
	.masonry-grid .item.col-md-8 {width: 100%;}
	.masonry-grid .item.col-md-6 {width: 100%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - HOMEPAGE-3 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.home-3 .home-baner {padding-bottom: 40px;}
/* .home-3 .home-slider-caption h5 {color: #fff;} */
/* .home-3 .home-slider-caption h2 {color:#fff;} */
/* .home-3 .home-slider-caption {text-align: center; bottom: 30px;} */
.button-filter {position: relative; float: left; width: 100%; padding-bottom: 40px;}
.button-filter button {font-size: 14px; font-weight: 400; color:#555; background: none; border:0px none; outline: none; margin-right: 50px; position: relative; float: left; cursor: pointer;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 .button:hover {color:#999;}
#filters .button.actbutton {color:#999;}
.button-filter button span {font-size: 10px; color:#999; position: absolute; margin-top: -5px; top: 0px; right: -15px; padding-left: 3px; display: block; 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;}
.button-filter button span.butclick {margin-top: 10px;}


.home3-img {position: relative; float: left; width: 100%; overflow: hidden;}
.home3-img .relink {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 5;}
.layer-block-wrap {position: absolute; z-index: 10; width: 100%; height: 100%; left: 0px; top: -50px; background: none; padding: 10px;
transform: rotateX(90deg); -moz-transform: rotateX(90deg);-o-transform: rotateX(90deg);-webkit-transform: rotateX(90deg);-ms-transform: rotateX(90deg); opacity: 0; backface-visibility: hidden; -moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden; 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;}
.layer-block {position: relative; width: 100%; height: 100%; float: left;  background: rgba(0,0,0,0.65); border:1px solid #696d64;}
.layer-block-text {text-align: center; position: relative; width: 100%; margin-top:-50px; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;}
.layer-block-text a,.layer-block-text span {color:#999;font-size: 13px;  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;}
.layer-block-text .layer-link{position: relative; z-index: 10;}
.layer-block-text h4 {color:#fff; padding: 10px 0px;margin: 0;}
.layer-block-text .line {position: relative; float: none; display: inline-block; width: 18px; height: 1px; background: #fff;}
.item:hover .layer-block-wrap {transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);-ms-transform: rotateX(0deg); opacity: 1; top: 0px;}
.item:hover .layer-block-text {margin-top: 0px;}
.home3-img img {width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in; z-index: 0;}
.home3-img:hover img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);}


.popular-project {position: relative; float: left; width: 100%; /* padding: 75px 0px 65px; */ padding: 0  0 135px; }
.popular-project .subtitle {padding-bottom: 20px;}
.popular-block {position: relative; float: left; width: 100%; text-align: center;}
.popular-block a {color:#999;}
.popular-block .category { font-size: 13px;color:#999;}
.popular-block a h4 {padding: 5px 0px 30px; color:#222;margin: 0;}
.popular-block a h4:hover {color:#999;}
.popular-block-img {position: relative; float: left; width: 100%; overflow: hidden;}
.popular-block-img img {width: 100%; height: auto; transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;}
.popular-block p {padding: 15px 20px 0px; position: relative; float: left; width: 100%;}
.popular-block-img:hover img {transform: scale(1.05);}
.masonry-container {overflow: hidden;}
.masonry-container:after {content: '';display: block;clear: both;}
.item-vis {visibility: visible!important;}

@media screen and (max-width: 990px) {
	.button-filter {text-align: center;}
	.button-filter button {float: none; display: inline-block; margin: 5px 24px;}
	.popular-block a h4 {padding: 5px 15px 30px;}
	.popular-block p {padding: 15px 0px 0px;}
	/* .home-3 .home-slider-caption {margin-left: 0px;} */
}
@media screen and (max-width: 768px) {
	.popular-block {padding-bottom: 40px;}
	/* .popular-project {padding: 75px 0px 0px;} */
	.popular-project{ padding: 0 0 65px;}
	.button-filter button {margin: 0px 23px; line-height: 30px;}
}
@media screen and (max-width: 550px) {
	.home-3 .home-baner {padding-bottom: 40px;}
}
@media screen and (max-width: 480px) {
	.button-filter button {margin: 0px 25px;}
}
@media screen and (max-width: 320px) {
	.button-filter button {margin: 0px 18px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - PORTFOLIO-1 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.my-simple-gallery {width: 100%;float: left;position: relative; }
.fancy-items {position: relative; float: left; width: 50%; padding: 15px; overflow: hidden;}
.fancy-items .layer-block {position: absolute; left: -100%; top: 0px; background: rgba(255,255,255,0.95); border: 0px none; cursor: pointer; transition: all 0.25s ease-in;-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;}
.fancy-items .layer-block-wrap {top: 0px;transform: rotateX(0deg) skewY(-15deg);-webkit-transform: rotateX(0deg) skewY(-15deg);-moz-transform: rotateX(0deg) skewY(-15deg);-o-transform: rotateX(0deg) skewY(-15deg);-ms-transform: rotateX(0deg) skewY(-15deg);padding: 20px; left: -80px;}
.fancy-items:hover .layer-block-wrap {opacity: 1; top: 0px; left: 0px; transform: rotateX(0deg) skewY(0deg);-webkit-transform: rotateX(0deg) skewY(0deg);-moz-transform: rotateX(0deg) skewY(0deg);-o-transform: rotateX(0deg) skewY(0deg);-ms-transform: rotateX(0deg) skewY(0deg); left: 0px;}
.fancy-items:hover .layer-block {left: 0px;}
.fancy-items:hover .layer-block-text a, .fancy-items:hover .layer-block-text span {margin-right: 0px;}
.fancy-items:hover .layer-block-text span {margin-right: 0px;}
.fancy-items:hover .layer-block-text h4 {margin-left: 0px;}
.fancy-items:hover .layer-block-text .line {margin-right: 0px;}
.pswp__caption__center .portfolio4 .layer-block-text h4 {color:#fff!important;}
.my-simple-gallery img { width: 100%;height: auto;}
.my-simple-gallery figure {display: block;float: left;}
.my-simple-gallery figcaption {display: none;}

.work-title {position: relative; float: left; text-align: left; padding: 45px 0px;}
.work-title span {position: relative; float: left; width: 35px; height: 1px; background: #222; margin-top: 20px;}
.portfolio {position: relative; float: left; width: 100%; /* padding-top: 60px; */}

@media screen and (max-width: 768px) {
	.work-title {padding-left: 15px;}
	.work-header .logo {padding-left: 15px;}
}
@media screen and (max-width: 480px) {
	.layer-block-wrap {padding: 0px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - PRICE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.pricing {position: relative; float: left; width: 100%; padding-top: 110px;}
.pricing .popular-project {padding: 120px 0px 65px;}
.price-block {position: relative; float: left; width: 100%; background: #FBFBFB; text-align: center; border: 1px solid #ECECEC; margin: 16px 0px;}
.price-block ul {position: relative; float: none; display: inline-block; padding: 25px 0px 45px;}
.price-block ul li {font-size: 16px; font-weight: 400; line-height: 36px;}
.price-block a {color:#fff; padding: 12px 10px 10px; border-bottom: 1px solid #fff; font-size: 16px;}
.price-block a:hover {padding: 12px 0px 10px;}
.price-button {position: relative; float: left; width: 100%; padding: 30px 0px; background: #222; }
.price-price {background: #fff; width: 100%; position: relative; float: left; padding: 30px 0px;}
.price-title {position: relative; float: left; width: 100%; padding-top: 25px;}
.price-title span {font-size: 36px; font-weight: 700; color:#999;}
.price-title sub {font-size: 18px; color: #999;}
.price-title sup {font-size: 18px; color: #999;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - VIDEOBACKGROUND */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.video-wrapper {position: relative; float: left; width: 100%; /* margin-bottom: 40px; */ overflow: hidden;}
.home-video-caption {position: absolute; left: 50px; bottom: 80px; width: 100%; padding-right: 80px;}
.home-video-caption h1 {color: #fff; font-weight: 700;}
.home-video-caption h2,
.home-video-caption h3,
.home-video-caption h4,
.home-video-caption h5{
	color: #fff;
}
.home-video-caption p {font-size: 30px; color:#999; line-height: 36px;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - FULLSCREEN IMAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.full-screen-baner {position: relative; float: left; width: 100%;}
.full-screen-baner img {width: 100%; height: auto;}
@media screen and (max-width: 550px) { 
.fullscreenImage .center-baner-text {padding-top: 40px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - FULLSCREEN VIDEO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.fullscreen .video-wrapper {margin-bottom: 0px;}
.fullscreen .home-video-caption {top: 50%; transform: translateY(-50%); text-align: center; bottom: auto;left: 0px; padding: 0px;}
.fullscreen .home-video-caption h1,
.fullscreen .home-video-caption h2,
.fullscreen .home-video-caption h3,
.fullscreen .home-video-caption h4,
.fullscreen .home-video-caption h5,
.fullscreen .home-video-caption p {padding: 0px 80px;}
.fullscreen .col-md-12,.fullscreen .vc_col-sm-12,.fullscreen .vc_col-md-12  {width: 100%;padding: 0;margin: 0; }
.video-wrapper .col-md-12, .video-wrapper .vc_col-sm-12,.video-wrapper .vc_col-md-12{position: static;}
.video-wrapper video {width: 100%; height: 100%;}
@media screen and (max-width: 992px) { 
	.navigation .woocommerce{text-align: center;  display: block;  padding-left: 0;  text-align: center;}
	 .home-video-caption h1 {font-size: 26px; line-height: 30px;}
	 .home-video-caption p {font-size: 20px; line-height: 26px;}
}
@media screen and (max-width: 550px) { 
	  .home-video-caption p {display: none;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PORTFOLIO ITEM */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.portfolio-item {position: relative; float: left; width: 100%; padding-top: 120px;}
@media screen and (max-width: 1200px) {
	.portfolio-item {padding-top: 80px;}  
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - PORTFOLIO-2 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.portfolio2 {padding-bottom: 120px;}
@media screen and (max-width: 990px) {
	.portfolio2 {padding-bottom: 85px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - PORTFOLIO-4 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.portfolio4 {position: relative; float: left; width: 100%; padding-bottom: 120px;}
.portfolio4 .home3-img img {width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in; z-index: 0;}
.portfolio4 .home3-img:hover img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);}

.portfolio4 .layer-block {background: rgba(255,255,255,0.95); border: 0px none;}
.portfolio4 .layer-block-text h4 {color:#222;}
.portfolio4 .layer-block-wrap {top: 0px;transform: rotateX(0deg) skewY(-15deg);-webkit-transform: rotateX(0deg) skewY(-15deg);-moz-transform: rotateX(0deg) skewY(-15deg);-o-transform: rotateX(0deg) skewY(-15deg);-ms-transform: rotateX(0deg) skewY(-15deg);padding: 20px; left: -80px;}
.portfolio4 .item:hover .layer-block-wrap {opacity: 1; top: 0px; left: 0px; transform: rotateX(0deg) skewY(0deg);-webkit-transform: rotateX(0deg) skewY(0deg);-moz-transform: rotateX(0deg) skewY(0deg);-o-transform: rotateX(0deg) skewY(0deg);-ms-transform: rotateX(0deg) skewY(0deg); left: 0px;}
.portfolio4 .layer-block-text {margin-top: 0px;}
.portfolio4 .layer-block-text a, .portfolio4 .layer-block-text span {margin-right: 80px;transition: all 0.55s ease-out;-webkit-transition: all 0.55s ease-out;-moz-transition: all 0.55s ease-out;-o-transition: all 0.55s ease-out;-ms-transition: all 0.55s ease-out;}
.portfolio4 .layer-block-text h4 {margin-left: 80px;transition: all 0.65s ease-out;-webkit-transition: all 0.65s ease-out;-moz-transition: all 0.65s ease-out;-o-transition: all 0.65s ease-out;-ms-transition: all 0.65s ease-out;}
.portfolio4 .layer-block-text .line {background: #222; margin-right: 80px; transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;}
.portfolio4 .item:hover .layer-block-text a, .portfolio4 .item:hover .layer-block-text span {margin-right: 0px;}
.portfolio4 .item:hover .layer-block-text h4 {margin-left: 0px;}
.portfolio4 .item:hover .layer-block-text .line {margin-right: 0px;}

.navigation-page {position: relative; float: left; width: 100%; text-align: center; padding: 30px 0;}
.navigation-page a {font-size: 16px; font-weight: 700; color:#222; margin: 0px 10xp; padding: 6px 5px; border-bottom: 1px solid rgba(0,0,0,0);}
.navigation-page a:hover {color:#999; border-bottom: 1px solid #999;}
.navigation-page span.active {font-size: 16px; font-weight: 700; color:#999; border-bottom: 1px solid #999;margin: 0px 10xp; padding: 6px 5px; }
@media screen and (max-width: 992px) { 
	.portfolio4  {padding-bottom: 85px;}
}
@media screen and (max-width: 768px) { 
	.portfolio4 .item {width: 100%;}
}
@media screen and (max-width: 480px) {
	.portfolio4 .layer-block-wrap {padding: 0px;}
}
@media screen and (max-width: 320px) {
	.layer-block-text h4 {font-size: 16px;}
}

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

.portfolio5 {position: relative; float: left; width: 100%; /* padding-bottom: 120px; */}
.portfolio5 .item {padding: 0px; margin: 0px;}
.portfolio5 .home3-img img {width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); transform: scale(1.1);-wbkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in; z-index: 0;}
.portfolio5 .home3-img:hover img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); transform: scale(1);-wbkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.portfolio5 .layer-block {background: none; border: 20px solid #fff; overflow: hidden;}
.portfolio5 .layer-block-text {position: absolute; top: auto; bottom: -80px; transform: translateX(0%); margin-top: 0px; text-align: left; left: 20px; opacity: 0;}
.portfolio5 .home3-img:hover .layer-block-text {bottom: 20px; opacity: 1;}
.portfolio5 .layer-block-wrap {padding: 0px; top: 0px; transform: rotateY(0deg) scale(1.2);-webkit-transform: rotateY(0deg) scale(1.2);-moz-transform: rotateY(0deg) scale(1.2);-o-transform: rotateY(0deg) scale(1.2);-ms-transform: rotateY(0deg) scale(1.2);}
.portfolio5 .layer-block-text h4 {color: #222;}
.portfolio5 .layer-block-text .line {background: #222;}
.portfolio5 .item:hover .layer-block-wrap {transform: scale(1);-wbkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
@media screen and (max-width: 992px) { 
	.portfolio5 {padding-bottom: 85px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - PORTFOLIO-6 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.portfolio6 {position: relative; float: left; width: 100%;}
.portfolio6 .home3-img img {width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in; z-index: 0;}
.portfolio6 .home3-img:hover img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);} 
.portfolio6 .layer-block-wrap {opacity: 1; transform: rotateX(0); top: 0px; padding: 0px; border: 0px solid rgba(255,255,255,0);}
.portfolio6 .item:hover .layer-block-wrap {border: 20px solid rgba(255,255,255,1);}
.portfolio6 .layer-block-text {margin-top: 0px;}
.layer-block-text-more {position: relative; float: left; width: 100%; opacity: 0; margin-top: 80px; transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.portfolio6 .layer-block-text-more p {color:#fff; font-size: 13px; line-height: 22px; font-weight: 100; padding: 10px 25%;}
.portfolio6 .item:hover .layer-block-text-more {margin-top: 0px; opacity: 1;}
@media screen and (max-width: 992px) { 
	.portfolio6 {padding-bottom: 45px;}
	.layer-block-text-more p {padding: 10px 20px;}
	.portfolio6 .layer-block-text {top: 0%; transform: translateY(0%); text-align: left; padding: 20px 10px 0px 20px;}
	.portfolio6 .layer-block-wrap {border: 0px none;}
	.portfolio6 .item:hover .layer-block-wrap {border: 0px none;}
	.portfolio6 .layer-block-text-more {opacity: 1; margin-top: 0px; text-align: left;}
	.portfolio6 .layer-block-text-more p {padding: 10px 10px 0px 0px;}
}
@media screen and (max-width: 768px) { 
	.portfolio6 .layer-block-text-more {display: none;}
}
@media screen and (max-width: 480px) {
	.portfolio6 .layer-block-text h4 {font-size: 16px;}
	.portfolio6 .layer-block-text .line {display: none;}
}
@media screen and (max-width: 400px) {
	.portfolio6 .layer-block-text {padding: 10px 5px 0px 10px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - PORTFOLIO-8 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.portfolio8 .layer-block-text {z-index: 5000;}
.portfolio8 .layer-block-text p {color: #fff; padding: 10px 75px;}
.portfolio8 .layer-block-text .center-button {color: #fff; border-bottom: 1px solid #fff;}
.portfolio8 .layer-block-text .center-button:hover {padding: 10px 0px;}
.portfolio8 .item {margin: 0px; padding: 0px;}
.portfolio8 .layer-block-wrap {padding: 20px;}
.portfolio8 .layer-block {border: 0px none;}
.portfolio8 .col-md-3 .layer-block-text p {padding: 10px 0px;}
@media screen and (max-width: 1200px) {
	 .portfolio8 .layer-block-text p {padding: 10px;}
}
@media screen and (max-width: 600px) {
	 .portfolio .item.col-md-3 {width: 100%}
	 .portfolio .item.col-md-6 {width: 100%}
	 .portfolio .item.col-md-12 {width: 100%}
	 .portfolio .item.col-md-8 {width: 100%}
	 .portfolio .item.col-md-4 {width: 100%}
}

.service-top-baner{
	margin-bottom: 20px;
	max-height: 500px;
	overflow: hidden;
}

.service-top-baner img{
	width: 100%;
	height: auto;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - PORTFOLIO-DETAILED */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.detailed-page {padding-bottom: 120px;padding-top: 100px;}
.detailed-page img{max-width: 100%;}
.detail-top-baner {position: relative; float: left; width: 100%; padding-top: 100px;}
.detailed-page .work-title {text-align: center; width: 100%;}
.detailed-page .work-title span {float: none; display: inline-block;}
.detail-top-baner img {width: 100%; height: auto;}
.detail-top-baner p {padding: 120px 0px;}
.detail-girls-baner {position: relative; float: left; padding-bottom: 120px; width: 100%;}
.girl-block-desc {position: relative; float:left; width: 100%;}
.girl-block img {width: 100%; height: auto;}
.girl-block-desc .work-title {width: 100%;}
.detail-three-image img {width: 100%; height: auto; margin: 15px 0px;}
/* .detail-video {padding: 105px 0px 120px;} */
.big-video-block img {width: 100%; height: auto;}
.big-video-block iframe {/* min-height: 700px; */ width: 100%;}

.det-blog-block {position: relative; float: left; width: 100%;}
.title {position: relative; float: left; width: 100%;}
.title a {font-size: 20px; line-height: 24px; padding-top: 15px; display: block;}
.title a:hover {color:#999;}
.title span {width: 35px; height: 1px; background: #222; display: block; margin: 20px 0px 35px;}

.detaile-gallery {position: relative; float: left; width: 100%; padding-top: 105px;}
.gallery-wrap-popup-in {position: relative; float: left; width: 100%; height: 100%; margin-top: 15px;}
.gallery-wrap-popup-in.act {opacity: 1;}
.sliderinit {position: relative; float: left; width: 100%; margin: 15px 0px;}
.sliderinit img {width: 100%; height: auto;}
.sliderinit-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.65); opacity: 0; transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;}
.sliderinit-layer.act-slide {opacity: 1;}
.arrow-navigation {position: relative; float: left; width: 100%; text-align: center; padding-top: 105px;}
.left-arrow {width: 70px; height: 70px; background: #232323; position: relative; float: left; transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;}
.left-arrow a {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.left-arrow a span {position: absolute; font-size: 20px; color:#fff; left: 30px; top: 23px;}
.left-arrow:hover {background: #999;}
.right-arrow {width: 70px; height: 70px; background: #232323; position: relative; float: right; transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;}
.right-arrow a {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.right-arrow a span {position: absolute; font-size: 20px; color:#fff; left: 30px; top: 23px;}
.right-arrow:hover {background: #999;}
.center-button {font-size: 14px; line-height: 26px; color:#555; padding: 10px; text-transform: lowercase; border-bottom: 1px solid #555; position: relative; float: none; display: inline-block; margin-top: 0px;}
.center-button:hover {color:#999; padding: 10px 0px; border-bottom: 1px solid #999;}
.swiper-gallery-slider .slide-next {margin-top: -35px; left: 70px; right: auto;}
.swiper-gallery-slider .slide-prev {margin-top: -35px;}

@media screen and (max-width: 992px) { 
	.detail-top-baner p {padding: 85px 0px;}
	.detail-girls-baner {padding-bottom: 85px;}
	.sliderinit {width: 33.333%;}
}
@media screen and (max-width: 768px) { 
	.girl-block-desc {padding-bottom: 40px;}
	.det-blog-block {text-align: center; padding-top: 40px;}
	.title span {float: none; display: inline-block; float: none;}
	.detail-video iframe {min-height: 100%; width: 100%;} 
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.about-page {position: relative; overflow: left; width: 100%; padding-top: 60px;}
.about-top-baner {position: relative; float: left; width: 100%; text-align: center;}
.about-top-baner img {width: 100%; height: auto;}
.about-top-baner-text {padding: 120px 0px; position: relative; float: left;}
.about-top-baner-text p {text-align: left;}
.about-wall {position: relative; float: left; width: 100%; /* padding-bottom: 120px; */}
.half-wall {position: relative; float: left; width: 50%; overflow: hidden;}
.half-wall img {width: 100%; height: auto; display: block;}
.bottom-half-wall {position: relative; float: left;}
.top-half-wall {position: relative; float: left;}
.block_66 {position: relative; float: left; width: 66.666%;}
.block_33 {position: relative; float: left; width: 33.333%;}
.top-half-wall-50 {width: 50%; position: relative; float: left;}

.photo-studio {position: relative; float: left; width: 100%;}
.about-count-block {position: relative; float: left; width: 100%; text-align: center;}
.center-v {position: relative; display: block; /* float: left; transform: translateY(50%);-webkit-transform: translateY(50%);-moz-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%); */ }
.center-v b {font-size: 150px; color: rgba(34,34,34,0.1); position: absolute; top: 0%;left: 50%;margin-top: -91px;margin-left: -74px;font-weight: 400;}
.center-v p {padding: 10px 92px; position: relative; float: left; color:#555; font-weight: 100;}
.about-baner {position: relative; float: left; width: 100%; padding-bottom: 50px;}
.about-baner .next-wrapper .slide-next {margin-top: -35px;}
.about-baner .prev-wrapper .slide-prev {margin-top: -35px;}
.about-baner-image {position: relative; padding-bottom: 60px; float: left; width: 100%;}
.about-baner-image img {width: 100%; height: auto;}
.logotype {position: relative; float: left; width: 100%; padding: 60px 0px 120px;}
.clients-logo {position: relative; float: left; padding: 0px 30px; width: 16.66667%; text-align: center;}
.wall-imm {position: relative; float: left; width: 100%;}
.wall-imm .wall-layer {z-index: 50;}
.wall-layer {position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0.65); opacity: 0; 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;}
.half-wall .wow:hover .wall-layer {bottom: 0; opacity: 1;}

@media screen and (max-width: 1200px) {
	 .center-v p {padding: 10px 0px 0px;}
	 .clients-logo {width: 33.333%; padding: 15px 30px;}
}
@media screen and (max-width: 992px) {
	 .logotype {padding: 40px 0px 80px;}
	 .half-wall {width: 100%;}
	 .center-v {transform: translateY(0px); padding-bottom: 80px;}
	 .about-top-baner-text {padding: 80px 0px;}
}
@media screen and (max-width: 768px) {  

	 .center-v {padding-bottom: 40px;}
	 .about-top-baner-text {padding: 40px 0px;}
	 .about-top-baner-text p {text-align: center;}
	 .about-wall {padding-bottom: 80px;}
}
@media screen and (max-width: 550px) { 
	.clients-logo {width: 50%; padding: 15px 0px;}
}

.custum-list-style {padding-top: 25px;list-style: none;}
.custum-list-style li img{margin-right: 10px;}

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

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - SERVICE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.service-page {position: relative; float: left; width: 100%; padding-top: 60px;}

.service-img-block {position: relative; float: left; width: 100%;}
.service-img-block img {width: 100%; height: auto;}
.service-text-block {position: relative; float: left; width: 100%; padding-top: 85px;} 
.service-text-block ul {padding-top: 25px;}
.service-text-block ul li {color: #555;}
.service-text-block ul li img {margin-right: 10px;}
.service-text-block p {padding: 40px 70px 0px 0px; text-align: left; position: relative; float: left; width: 100%;}
.service-text-block .work-title {position: relative; float: left; width: 100%;}
.service-page .detaile-blog {padding: 120px 0px;}
.sercice-center-img img {width: 100%; height: auto;}
.sercice-center-img {position: relative; float: left; width: 100%; text-align: center;}
.sercice-center-img .work-title {float: none; display: inline-block; text-align: center; color: #fff;}
.sercice-center-img .work-title span {float: none; display: inline-block; background: #fff;}
.center-caption {position: absolute; top: 50%; text-align: center; width: 100%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.service-post {position: relative; float: left; width: 100%; padding: 120px 0px 110px;}
.service-post-block {position: relative; float: left; width: 100%; text-align: center;}
.service-post-block a h2 {padding-bottom: 40px;}
.service-post-block a h2:hover {color:#999;}
.service-post-block img {width: 100%; height: auto;}
.service-post-block p {padding-top: 30px; text-align: left;}
@media screen and (max-width: 1200px) {
	 .service-text-block {padding-top: 0px;}
}
@media screen and (max-width: 992px) {
	 .service-page .detaile-blog {padding: 75px 0px;}
	 .service-post {padding: 85px 0px 75px;}
	 .service-post-block {padding-top: 40px;}
	 .service-text-block p {padding: 40px 0px 0px;}
}   

@media screen and (max-width: 480px) {
	 .service-text-block ul li img {display: none;}
	 .service-text-block ul li {line-height: 20px; padding: 10px 0px;}
	 .service-post {padding: 85px 0px 35px;} 
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.map-canvas {position: relative; float: left; width: 100%; padding-top: 110px; height: 700px;}
.contact-adress {position: relative; width: 100%; padding: 115px 0px 175px; background: #fff; margin-top: -180px; z-index: 5; float: left; width: 100%; left: -15px;}
.contact-adress p {text-align: center; padding: 0px 55px 23px; position: relative; float: left;}
.adress-block {text-align: center; width: 100%; padding: 23px 0 20px; position: relative; float: left;}
.adress-block h4 {padding: 10px 0px 22px;}
.adress-block a {font-size: 14px; color: #555;}
.adress-block p, .adress-block p a {font-family: 'Noto Serif';}
.adress-block a:hover {color: #222;}
.adress-block ul {width: 100%; text-align: center;list-style: none;}
.adress-block ul li {font-size: 14px; line-height: 26px; color: #666; font-weight: 400;}

.contact-form, .wpcf7{position: relative; float: left; width: 100%; padding: 115px 0px; text-align: left;}
.wpcf7 button, .wpcf7 input, .wpcf7 optgroup, .wpcf7 select, .wpcf7  textarea{   font-family: 'Noto Serif';}
.contact-form .subtitle, .wpcf7 .subtitle, .comment-respond .subtitle{padding-bottom: 10px; text-align: left;}
.contact-form input, .wpcf7 input, .comment-respond input {width: 100%; height: 50px; border-bottom: 1px solid #555; font-size: 14px; color: #555; padding: 0px 20px 10px 0px; margin-top: 30px;}

.contact-form input[type="submit"], 
.comment-respond input[type="submit"], 
.wpcf7-form-control.wpcf7-submit{
	width: auto; padding: 0 0 2px 10px; height: auto; margin-top: 13px;
}
.contact-form input[type="submit"]:hover, 
.comment-respond input[type="submit"]:hover,
.wpcf7-form-control.wpcf7-submit:hover{
	padding-left: 0px;
}

.contact-form textarea, .wpcf7 textarea, .comment-respond textarea{  height: 75px; border: 0px none; outline: 0px none; background: none; border-bottom: 1px solid #555; color:#555; font-size: 14px; padding: 0px 20px 10px 0px; width: 100%; margin-top: 30px; border-radius: 0px;}

.comment-respond{
	clear: both;
}
/* .contact-form .comment-respond .comment-form{
	padding: 0 0 30px 30px;
} */


@media screen and (max-width: 992px) {
	  .contact-form, .wpcf7{padding: 0px 0px 85px;}
	  .contact-adress {padding: 85px 0px; margin-top: 0px;}
}
@media screen and (max-width: 480px) {
	  .contact-adress p {padding: 0px 15px 23px;}
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.blog {position: relative; float: left; width: 100%; padding: 40px 0px 120px;}
.blog-wrap {position: relative; float: left; width: 100%; padding-bottom: 45px;}
.date-post{float: left;}
.single-post .date-post{padding: 0;}
.date-post i {color:#999; font-size: 16px; position: relative; float: left; display: block; padding-right: 5px;}
.date-post h6 {color: #999; padding-bottom: 5px; position: relative; float: left; clear: none; margin: 0;}
.category-post {position: relative; float: right;}
.category-post:hover {color:#222;}
.blog-wrap p {display: block; width: 100%; text-align: left; /* padding: 20px 0px; */ position: relative; float: left;}
.blog-wrap .date-post-title {width: 100%; position: relative; float: left; padding-top: 10px;}
.blog-wrap .date-post-title span {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;}
.blog-wrap .date-post-title:hover span {width: 100%; background: #999;}
.blog-wrap .center-button {float: right; padding: 0px 0px 0px 10px;}
.blog-wrap .center-button:hover {padding-left: 0px;}
.blog .img-block .linklayer {transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); left: -100%;}
.blog .img-block:hover .linklayer {left: 0%;}

.sticky-post .img-block:before {
	content: "\f0c6";
	position: absolute;
	z-index: 50;
	padding: 17px;
	font: normal normal normal 28px/1 FontAwesome;
	right: 0;
	top: 0;
}
.blog-list .is_sidebar .sticky-post .img-block:before{
	right: 10px;
}
.is_sidebar{padding: 0;}
.is_sidebar .row{ width: 100%;}
.sticky-post .category-post{
	padding-right: 70px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 16 - POST BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.post {position: relative; float: left; padding: 60px 0px 120px; width: 100%;}
.post ul, .post ol {width: 100%; padding: 25px 0 30px 50px;}
.post ul{list-style: none;}
.post ul li:before{content: "";display: inline-block;width: 18px; height: 12px;background: url(../images/list-point.png) no-repeat;vertical-align: middle;margin-right: 10px;}
.post .service-text-block {padding-top: 0px;}
.post .work-title {padding: 15px 0px 45px;}
.post-image-blog {position: relative; float: left;  margin: 40px 0px;}
.post-image-blog img {width: 100%; height: auto;}
.post-image-desc {position: absolute; left: 0px; bottom: 0px; /* height: 80px; */ width: 100%; background: rgba(0,0,0,0.8); z-index: 5; text-align: left; padding: 18px 20px 15px 15px;}
.post-image-desc h4 {color:#fff;}
.post-image-desc h4 a{font-size: large;  color: #fff;  text-decoration: underline;}
.post-image-desc p {padding: 0;color: #999;}
.post-tags {position: relative; float: left; width: 100%; padding-bottom: 30px;}
.post-tags-button {position: relative; float: left; padding: 50px 0px 0px 10px; max-width: 85%;}
.post-tags-button a {display: inline-block;font-size: 14px; padding: 0px 0px 10px 10px; border-bottom: 1px solid rgba(0,0,0,0); color:#555; margin-right: 25px;}
.post-tags-button a:hover {border-bottom: 1px solid rgba(153,153,153,1); color:#999;}
.comm-block {position: relative; float: left; width: 100%; padding: 20px 0px;}
.comm-block .comm-block {padding-left: 100px;}
.comm-block-img {position: relative; float: left; width: 100px; padding-right: 20px;}
.comm-block-img img {width: 70px; height: 70px;border-radius: 50%;}
.comm-block-text {position: relative; display: table-cell; vertical-align: middle; padding: 10px 50px 0px 0px;}
.date-comm {position: relative; float: left;  padding: 10px 15px 0;}
.date-comm span{font-size: 13px; color: #999; position: relative; float: left;}
.comm-block a {position: relative; float: right; font-size: 14px; color:#222; border-bottom: 1px solid rgba(153,153,153,0); padding: 0px 0px 5px 10px;}
.comm-block a:hover {color: #999; padding: 0px 0px 5px 0px; border-bottom: 1px solid #999;}
.name-comm {position: relative; float: left; font-size: 15px; font-weight: 700; color:#555; padding-left: 10px; line-height: 16px; }
.comm-block-text p {clear: both;}
.post .contact-form, .post .wpcf7 {padding: 40px 0px 0px;}



.logged-in header{
	top: 32px;
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
	.nocolor-header .logo{
		margin: 0;
	}
	.nocolor-header .mobile-menu {
	  right: 0;
	}
	.nocolor-header{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.nocolor-header .container {
	  width: 940px;
	}

}
@media screen and (max-width: 990px) {
	.logged-in .navigation.topNav {
	  padding: 60px 0px;
	}
	.logged-in .close-menu{
	  padding-top: 40px;
	}
	.logged-in .nocolor-header nav{
		padding: 20px 0px;
	}
}
@media screen and (max-width: 782px) {
	.logged-in header,
	.logged-in .headerHeight{
		top: 46px;
	}
}
@media screen and (max-width: 600px){
	.logged-in .nocolor-header{
		top: 40px;
	}
	.logged-in header,
	.logged-in .headerHeight{
		top: 0;
	}
	
	
}



.overlay { display:block; position:absolute; top:0; background-color:rgba(0, 0, 0, .5); z-index:10; width:100%; height:100%; }
.overlay2 { display:block; position:absolute; top:0; background-color:rgba(0, 0, 0, .6); z-index:10; width:100%; height:100%; }
.headline_cycler { display: table; position: absolute; text-align: center; top: 50%; height:140px; margin-top:-70px; width: 100%; z-index:111; }
.headline_cycler_centralizer { display: table-cell; vertical-align: middle; }
.headline_cycler ul.flexslider { display: block; text-align: center; width: 100%; }
.headline_cycler ul.flexslider > li > h2 { font-size: 60px; line-height: 62px; text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 5px; margin-bottom: 8px; margin-left:5px; }
.headline_cycler ul.flexslider > li > p { color: #fff; font-size: 20px; margin: 0; padding: 0 0 0px 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-style:italic }
.headline_cycler .slide { padding: 0 12px; }


.wpb_content_element{
	margin: 0 !important;
}

.link_more_left a,
.link_more_center a,
.link_more_right a{
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid #222;
	padding-bottom: 10px;
	line-height: normal;
}


.link_more_left{
	text-align: left;
}
.link_more_left a{
	padding-right: 20px;
}
.link_more_right{
	text-align: right;
}
.link_more_right a{
	padding-left: 20px;
}
.link_more_center{
	text-align: center;
}
.link_more_center a{
	padding: 10px;
}
.link_more_left a:hover,
.link_more_center a:hover,
.link_more_right a:hover{
	padding-left: 0px;
}

.margin-top-minus{
	margin-top: -180px;
	margin-bottom: 30px;
}
.mobile .vc_col-sm-12{
	padding-top: 0 !important;
	clear:both; 
}


.mobile .margin-top-minus{
	margin-top: 0;
}



/* WOOCOMMERCE STYLE */
.navigation .woocommerce {display: inline-block; border-left: 1px solid rgba(0,0,0,.1); padding-left: 15px;  vertical-align: top;  margin-top: -4px;}
.navigation .woocommerce .amount {padding: 0 10px 0 0;  font-size: 14px;  font-weight: bold;}
.navigation .woocommerce .button { font-size: 13px;  text-transform: uppercase;  font-weight: 100;}

.smf-container-commerce{

}
.nocolor-header .woocommerce .amount{
	color: #fff;
}
.nocolor-header.headerHeight.scrolle .woocommerce .amount{
	color: #222;
}
.nocolor-header .woocommerce{
	border-left: 1px solid rgb(255,255,255);
}
.nocolor-header.headerHeight.scrolle .woocommerce{
	border-left: 1px solid rgba(0,0,0,.1);
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: .8em 4px 0 0;
  float: left;
}
.woocommerce div.product .product_title {
  clear: none;
  margin-top: 0;
  padding: 0;
  font-size: 4em;
  line-height: normal;
}
.smf-container-commerce .product-img img{
	width: 100%;
}

.smf-container-commerce div.product p.price,
.smf-container-commerce div.product span.price{
	padding: 15px 0 20px;
	font-size: 2.25em;
	font-weight: bold;
	color: #222
}

.smf-container-commerce div.product form.cart div.quantity {
  float: none;
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.smf-container-commerce .quantity .qty {
	padding-right: 20px;
	font-size: 1.8em;
	border: 1px solid #222;
	border-radius: 0;
	position: relative;
	padding: 4px 20px 2px 0;
}

.smf-container-commerce .product_meta{
	padding: 5px 0;
	font-size: 1.4em;
}
.smf-container-commerce .product_meta{
	font-size: 1.3em;
}
.smf-container-commerce .product_meta a{
	font-weight: bold;
}

/* Spin Buttons modified */
input[type="number"].qty::-webkit-outer-spin-button, 
input[type="number"].qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
	width: 1em;
	border-left: 1px solid #222;
	opacity: .5; /* shows Spin Buttons per default (Chrome >= 39) */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
input[type="number"].qty::-webkit-inner-spin-button:hover,
input[type="number"].qty::-webkit-inner-spin-button:active{
	box-shadow: 0 0 2px #ccc;
	opacity: .8;
}

/* Override browser form filling */
input:-webkit-autofill {
	background: black;
	color: red;
}

.smf-container-commerce div.product .product_title {
  clear: none;
  margin-top: 0;
  padding: 0;
}

.smf-container-commerce .button,
.woocommerce  .button,
.woocommerce  input.button,
.smf-container-commerce .wc-proceed-to-checkout a.checkout-button,
.smf-container-commerce div.product form.cart .button, 
.woocommerce ul.products li.product .button,
.smf-container-commerce .woocommerce-message .button,
.smf-container-commerce #payment #place_order, 
.smf-container-commerce .woocommerce-page #payment #place_order{
	display: inline-block;
	float: none;
	vertical-align: middle;
	font-size: 1.4em;
	background: #fff;
	color: #222;
	border: 1px solid #333;
	border-radius: 0;
}
.woocommerce .cart .button, 
.woocommerce .cart input.button,
.smf-container-commerce .wc-proceed-to-checkout a.checkout-button{
  font-size: 0.9em;
}
.woocommerce .cart input.button:hover,
.woocommerce .button:hover,
.smf-container-commerce .wc-proceed-to-checkout a.checkout-button:hover,
.smf-container-commerce div.product form.cart .button:hover,
.smf-container-commerce div.product form.cart .button:active,
.smf-container-commerce .woocommerce-message .button:hover{
	background: #222;
	color: #fff;
}
.woocommerce ul.products li.product .button{
	font-size: 1.2em;
	margin-top: 0;
}
.woocommerce ul.products li.product .price{
	color: #222;
	font-size: 1.67em;
	margin: 0;
	padding: 0px 0 10px;
}

.woocommerce-tabs {
  padding: 20px 15px;
}
.woocommerce-tabs ul.tabs{
	padding: 0;
	width: 100%;
}
.woocommerce-tabs li{
	clear: none;
	width: auto;
	padding-left: 2%;
	margin: 0;
	padding-bottom: 50px;
}
ul.tabs li{
	margin: auto;
}
.woocommerce-tabs .panel{
	clear: both;
}
.smf-container-commerce #review_form #respond .comment-form-rating {
	margin-top: 30px;
}
.smf-container-commerce #review_form #respond p{
	  margin: 20px 0 0;
}
.smf-container-commerce #review_form #respond p.stars{
	  margin: 5px 0 0;
}
.short_description{
	padding: 0 0 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
	border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	padding: .5em 8px 0 11px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before{
	display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
	display: none;
}

.woocommerce #review_form #respond .form-submit input{
	border-bottom: 1px solid #555;
	font-size: 16px;
	color: #555;
	width: auto;
	padding: 0 0 5px 10px;
	height: auto;
	margin-top: 13px;
	font-family: 'Noto Serif';
	border-radius: 0;
	background: none;
	text-transform: lowercase;
}
.woocommerce #review_form #respond .form-submit input:hover{
	padding-left: 0px;
}

.woocommerce .comment-form .comment-form-rating label{
	font-weight: normal;
}
.woocommerce #review_form input{
	margin-top: 5px;
	width: auto;
}

.woocommerce .related ul li.product, 
.woocommerce .related ul.products li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce .upsells.products ul.products li.product, 
.woocommerce-page .related ul li.product, 
.woocommerce-page .related ul.products li.product, 
.woocommerce-page .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul.products li.product
{
	width: 25%;
	clear: none;
}
.smf-container-commerce ul.products li.product h3{
	  font-size: 1.15em;
}
.smf-container-commerce .panel.entry-content{
	box-shadow: none;
}
.smf-container-commerce ul.products li.product .price{
	font-size: .857em;
}
.smf-container-commerce ul.products li.product .price {
  font-size: 1.2em;
}
.smf-container-commerce .related .related-title,
.smf-container-commerce .related .related-title h2{
	text-align: center;
}

.woocommerce a.added_to_cart{
	padding-left: 1em;
	font-weight: bold;
	text-decoration: underline;
}

.woocommerce #reviews #comments ol.commentlist{
	padding: 20px 0 0;
}

.smf-container-commerce .shop_table.cart{
	  margin-top: 20px;
}
.smf-container-commerce .shop_table.cart thead th{
	padding: 15px 10px;
	font-size: 1.5em;
	line-height: normal;
}
.smf-container-commerce .shop_table.cart  td{
	padding: 15px 12px;
	font-size: 1.5em;
}
.smf-container-commerce .shop_table.cart .product-name,
.smf-container-commerce .shop_table.cart .product-name a{
	font-size: 1.15em;
	font-weight: bold;
}
.smf-container-commerce .shop_table.cart .quantity .qty{
	font-size: 1em;
}
.smf-container-commerce .shop_table.cart .cart_item img{
	  width: 120px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
	width: 130px;
	padding: 9px 10px;
	margin-right: 10px;
}
.woocommerce-cart .cart-collaterals .cart_totals table{
	width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th {
	border-top: 1px solid #ebe9eb;
	font-size: 1.6em;
}
.woocommerce-cart .woocommerce-shipping-calculator a{
	font-weight: bold;
	text-decoration: underline;
}

.smf-container-commerce form .form-row {
	margin: 10px 0 10px;
}
.smf-container-commerce .shipping-calculator-form{
	padding-bottom: 10px;
}
.smf-container-commerce .cart-collaterals .cart_totals{
	  padding-bottom: 30px;
}
.smf-container-commerce .cart-collaterals .cart_totals table select {
	padding-left: 10px;
	font-weight: 500;
}
.smf-container-commerce form .form-row input.input-text,
.smf-container-commerce form .form-row textarea{
	font-weight: 500;
	border: 1px solid #ccc;
	padding-left: 10px;
}
.smf-container-commerce .wc-proceed-to-checkout{
	text-align: right;
}
.smf-container-commerce .wc-proceed-to-checkout a.checkout-button{
	display: inline-block;
	font-size: 1.5em;
}

.smf-container-commerce .country_to_state.country_select{
	  font-weight: 500;
}

.smf-container-commerce .checkout.woocommerce-checkout h3{
	padding: 0 0 15px;
}
.smf-container-commerce table.shop_table{
	font-size: 1.2em;
}
.smf-container-commerce .woocommerce-checkout #payment div.payment_box p{
	font-weight: 500;
	color: #222;
}
.woocommerce-checkout #payment ul.payment_methods{
	padding: 1.2em;
}
.smf-container-commerce .shop_table.woocommerce-checkout-review-order-table{
	font-size: 1.4em;
}
.smf-container-commerce .woocommerce-checkout #payment .payment_method_paypal .about_paypal{
	font-weight: bold;
	color: #222;
	padding-left: 10px;
}
.smf-container-commerce .form-row.place-order{
	clear: both;
}
.woocommerce-checkout #payment div.form-row{
	padding: 1.2em;
}
.smf-container-commerce #payment #place_order,
.smf-container-commerce .woocommerce-page #payment #place_order{
	float: left;
	font-size: 1.4em;
}

.smf-container-commerce .woocommerce-error, 
.smf-container-commerce .woocommerce-info, 
.smf-container-commerce .woocommerce-message{
	  margin: 0 2em 2em 0!important;
}
.smf-container-commerce .woocommerce-error{
	clear: both;
	width: 100%;
}
.smf-container-commerce .order-finich h2{
	padding: 0.2em 0 0;
}
.smf-container-commerce .thank-text{
	font-weight: bold;
	font-size: 1.4em;
	padding: 2em 0 1em;
}
.smf-container-commerce
 .order-finich{
	font-size: 14px;
}
.smf-container-commerce
 .order-finich  table.shop_table{
 	margin-top: 10px;
}
.smf-container-commerce header{
	position: static;
}
.smf-container-commerce .order_details {
  margin: 1.5em 0 1.5em;
  list-style: none;
}
.smf-container-cart-empty{
	height: 600px;
	padding: 60px 0;
}
.smf-container-cart-empty .cart-empty-text{
	font-size: 2em;
	font-weight: 550;
	padding-bottom: 10px;
}

.woocommerce #review_form #respond textarea{
	height: 75px;
	width: auto;
	margin-top: 0;
}

.woocommerce-cart table.cart input{
	line-height: normal;
}

.woocommerce .woocommerce-message{
	  border-top-color: #222;
	  font-size: 1.3em;
	  line-height: 2.2em;
}
.smf-container-commerce .woocommerce-message .button{
	float: right;
	background: none;
	font-size: 1em;
}
.smf-container-commerce .woocommerce-message .button:hover{
	color: #222;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, 
.woocommerce form .form-row.woocommerce-validated input.input-text, 
.woocommerce form .form-row.woocommerce-validated select
{
	border: 1px solid #222;
}

.woocommerce .smf-container-commerce form.login input.button{
	margin-right: 10px;
	font-size: 1em;
}

/*Sidebar*/
#tertiary {
	position: fixed;
	top: 0;
	right: -320px;
	height: 100%;
	width: 320px;
	background: #fff;
	z-index: 5000;
	box-sizing: border-box;
	overflow: hidden;
	border-left: 1px solid #474747;
}
#tertiary .widget-area {
	position: absolute;
	overflow-y: scroll;
	height: 100%;
	box-sizing: border-box;
	padding: 50px 43px 30px 30px;
	width: 338px;
	overflow-x: hidden;
	color: #222;
}
#tertiary h5 { padding-bottom: 10px; font-size: 26px; color: #222;}
#tertiary .element {border-bottom: 1px solid #474747; padding: 10px 0;  font-size: 12px; }
#tertiary .element ul ul{padding-left: 20px;}
#tertiary .element ul li a{
	padding-right: 5px;
	font-weight: 600;
	font-size: 1.1em;
	text-decoration: underline;
}
#tertiary .element input[type="search"]{
	border: 1px solid #474747;
	padding: 5px;
	max-width: 95%;
}
#tertiary .element .menu li > a{display: block;}
#tertiary .element .menu .sub-menu{display: block;}

#tertiary .element ul li { display: block; clear: both;   font-size: 13px; line-height: normal;}
#tertiary .element select {  padding: 3px;  font-size: 1.2em;  max-width: 100%;}
#tertiary .element .search-submit{  border: 1px solid #222;  padding: 5px 10px;  font-weight: bold;}
#wp-calendar {width: 100%;}
#wp-calendar th{font-size: 1.4em;}
#wp-calendar td, #wp-calendar th { padding: 6px;}

#wp-calendar caption {padding-bottom: 15px;font-size: 1.4em;}

.widget_rss ul li {margin-bottom: 20px;}
#tertiary img, #tertiary iframe {max-width: 100%; height: auto;}
#tertiary .wp-caption p {padding-top: 10px;}
#tertiary .wp-caption {max-width: 100%; padding: 0; width: 100%; color: #000;}
.show-sidebar.show-out {
	position: fixed;
	right: 0px;
	top: 35%;
	background: #2A2A2A;
	cursor: pointer;
	z-index:5000;
}
.show-sidebar.show-in {text-align: right; margin-bottom: 20px; display:none;}
.show-sidebar.show-out i{color:#fff; font-size:1.5em; padding:23px}

#tertiary .screen-reader-text{
	display: none;
}
.widget_calendar{border: 0;}


#recentcomments .recentcomments a{
	display: block;
}
.tagcloud a{ text-decoration: underline;}


.but-view-cart .fa.fa-shopping-cart.fa-6{
	font-size: 22px;
	vertical-align: sub;
}

.post-category-link{
	float: left;
	overflow: hidden;
	padding: 20px 0 0 10px;
	max-width: 85%;
}