9B534B8686E580E0E01768F00155B461

at path：ROOT / wp-content / themes / whizz / assets / css / style.scss

run：R W Run

animate.min.css

52.78 KB

2025-08-14 14:58:42

R W Run

animsition.min.css

41.42 KB

2025-08-14 14:58:42

R W Run

black.css

45.02 KB

2025-08-14 14:58:42

R W Run

black.min.css

40.14 KB

2025-08-14 14:58:42

R W Run

bootstrap.min.css

110.84 KB

2025-09-22 16:19:57

R W Run

color.css

46.82 KB

2025-08-14 14:58:42

R W Run

custom.css.php

193.43 KB

2025-08-14 14:58:42

R W Run

fallback.css

110 By

2025-08-14 14:58:42

R W Run

font-awesome.min.css

30.32 KB

2025-08-14 14:58:42

R W Run

gutenberg-editor-style-2.min.css

22.27 KB

2025-08-14 14:58:42

R W Run

gutenberg-editor-style-2.min.css.map

52.55 KB

2025-08-14 14:58:42

R W Run

gutenberg-editor-style-2.scss

17.29 KB

2025-08-14 14:58:42

R W Run

gutenberg-editor-style-3.min.css

791 By

2025-08-14 14:58:42

R W Run

gutenberg-editor-style.min.css

23.97 KB

2025-08-14 14:58:42

R W Run

gutenberg-editor-style.min.css.map

57.3 KB

2025-08-14 14:58:42

R W Run

gutenberg-editor-style.scss

19.17 KB

2025-08-14 14:58:42

R W Run

jquery.fancybox.min.css

10.18 KB

2025-08-14 14:58:42

R W Run

jquery.flipster.min.css

7.73 KB

2025-08-14 14:58:42

R W Run

kenburning.min.css

262 By

2025-08-14 14:58:42

R W Run

mCustomScrollbar.css

53.69 KB

2025-08-14 14:58:42

R W Run

mCustomScrollbar.min.css

42.3 KB

2025-08-14 14:58:42

R W Run

magnific-popup.min.css

6.27 KB

2025-08-14 14:58:42

R W Run

menu-item-item.css

378 By

2025-08-14 14:58:42

R W Run

pe-icon-7-stroke.css

10.92 KB

2025-08-14 14:58:42

R W Run

style-1-part2.min.css

188.01 KB

2025-08-14 14:58:42

R W Run

style-1-part2.min.css.map

532.76 KB

2025-08-14 14:58:42

R W Run

style-1-part2.scss

207 KB

2025-08-14 14:58:42

R W Run

style-2.min.css

11.04 KB

2025-08-14 14:58:42

R W Run

style-2.min.css.map

37.88 KB

2025-08-14 14:58:42

R W Run

style-2.scss

15.45 KB

2025-08-14 14:58:42

R W Run

style-3.min.css

538 By

2025-08-14 14:58:42

R W Run

style.min.css

212.46 KB

2025-08-14 14:58:42

R W Run

style.min.css.map

594.17 KB

2025-08-14 14:58:42

R W Run

style.scss

204.13 KB

2025-08-14 14:58:42

R W Run

swiper3.css

21.81 KB

2025-08-14 14:58:42

R W Run

swiper3.min.css

17.26 KB

2025-08-14 14:58:42

R W Run

error_log

📄style.scss

/* CSS Document */
/*------------------------------------------------------------------
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - STYLES INIT */
/* 02 - ABOUT SECTION */
/* 03 - ALBUM ANIMATION SHORTCODE */
/* 04 - EXHIBITION */
/* 05 - IMAGE BANNER */
/* 06 - SLIDER TRANSITION */
/* 07 - CLIENTS */
/* 08 - COMING SOON */
/* 09 - CONTACTS */
/* 10 - CUSTOM TEXT BLOCK */
/* 11 - FULLSCREEN SLIDER */
/* 12 - GALLERY WITH LEFT FILTER */
/* 13 - PORTFOLIO */
/* 14 - INFO BLOCK */
/* 15 - INSTAGRAM */
/* 16 - WHIZZ GALLERY */
/* 17 - GALLERY HOVERS */
/* 18 - KENBURNS SLIDER  */
/* 19 - LINE OF IMAGES  */
/* 20 - FULL MODERN SLIDER  */
/* 21 - PORTFOLIO LIST   */
/* 22 - SIMPLE FULL SCREEN VIDEO   */
/* 23 - VIDEO SHORTCODE   */
/* 24 - VIDEO BANNER   */
/* 25 - TWITTER POSTS   */
/* 26 - TESTIMONIAL   */
/* 27 - TEAM   */
/* 28 - STRIPPED SHORTCODE   */
/* 29 - SPLITTED SLIDER   */
/* 30 - BANNER SLIDER   */
/* 31 - SKILLS   */
/* 32 - SIMPLE TEXT BLOCK   */
/* 33 - SIMPLE SLIDER   */
/* 34 - SERVICES   */
/* 35 - PRICING GALLERY   */
/* 36 - PRICING   */
/* 37 - POSTS   */
/* 38 - PORTFOLIO SLIDER   */
/* 39 - GALLERY PROOF PAGE    */
/* 40 - PAGE TEMPLATE    */
/* 41 - EVENTS    */
/* 42 - WOOCOMMERCE    */
/* 43 - ERROR PAGE    */
/* 44 - POPUP DETAILS    */
/* 45 - BLOG    */
/* 46 - CONTACT FORMS    */
/* 47 - PROTECTED PAGE    */
/* 48 - PARALLAX    */
/* 49 - CLIENTS    */
/* 50 - KASWARA CUSTOM STYLE    */
/* 51 - MENU    */
/* 52 - FOOTER    */
/* 53 - OTHER    */
/* 54 - STATIC ASIDE MENU    */
/* 55 - PORTFOLIO PINTEREST    */

/*------------------------------------------------------*/
/*---------------------- 01 .STYLES INIT----------------------*/

@font-face {
	font-family: 'ArcaMajora2';
	src: url("../fonts/ArcaMajora2-Heavy.ttf") format('truetype');
	src: url("../fonts/ArcaMajora2-Heavy.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArcaMajora3';
	src: url("../fonts/ArcaMajora3-Heavy.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArcaMajora3 Bold';
	src: url("../fonts/ArcaMajora3-Bold.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

html {
	font-size: 15px;
}

body {
	min-height: 100vh;
	overflow-x: hidden;
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-weight: 400;
	letter-spacing: .02em;
	font-size: 15px;
	line-height: 26px;
	color: #1b1b1b;
	position: relative;
	background: #fff;
}

.main-wrapper {
	min-height: 100vh;
}

::-moz-selection {
	background: #000;
	color: #fff;
}

::selection {
	background: #000;
	color: #fff;
}

::-moz-selection {
	background: #000;
	color: #fff;
}
* {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-font-smoothing: antialiased;
}

var{
	color: #1b1b1b;
}

:focus {
	outline: 0;
}

a,
a:hover,
a:focus {
	color: #1b1b1b;
	outline: 0;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	text-decoration: none;
}

a:hover,
a:focus {
	opacity: .7;
}

a {
	text-decoration: underline;
}

.text-light a {
	color: #fff;
}

.no-scroll {
	overflow-y: hidden !important;
}

.overflow-hidden {
	overflow: hidden;
}

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

/* typography
---------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "ArcaMajora3 Bold", sans-serif;
}

.single-post {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		letter-spacing: 3.3px;
		margin-bottom: 14px;
	}
}

h1 {
	font-size: 44px;
	line-height: 54px;
}

h2 {
	font-size: 36px;
	line-height: 48px;
}

h3 {
	font-size: 30px;
	line-height: 36px;
}

h4 {
	font-size: 24px;
	line-height: 30px;
}

h5 {
	font-size: 18px;
	line-height: 24px;
}

h6 {
	font-size: 14px;
	line-height: 18px;
}

p {
	font-family: "Georgia", sans-serif;
}

/* Responsive typography
---------------------------*/
@media (max-width: 768px) {
	body {
		font-size: 14px;
		line-height: 23px;
	}
	h1 {
		font-size: 34px;
		line-height: 40px;
	}
	h2 {
		font-size: 30px;
		line-height: 35px;
	}
	h3 {
		font-size: 26px;
		line-height: 29px;
	}
	h4 {
		font-size: 22px;
		line-height: 24px;
	}
	h5 {
		font-size: 17px;
		line-height: 19px;
	}
	h6 {
		font-size: 13px;
		line-height: 15px;
	}
}

body.lg-on {
	overflow: hidden;
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: inherit;
}

.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: left, top, -webkit-transform;
	transition-property: transform, left, top;
	transition-property: transform, left, top, -webkit-transform;
	transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	box-sizing: content-box;
	cursor: s-resize;
	margin: 0 auto;
	height: inherit;
	float: left;
}

.swiper-slide {
	float: left;
	height: inherit;
	position: relative;
	width: 100%;
}

.wp-block-image figcaption a{
	text-decoration: none!important;
}

.hero img,
.single-content img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	border: none;
}

.single-content img.aligncenter{
	display: block;
}

.single-content strong{
	color: #1b1b1b;
}

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

.bottom-line {
	position: relative;
	margin-bottom: 30px;
}

.bottom-line:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #111;
	bottom: -13px;
}

.display {
	display: block !important;
}

.overflow-full {
	overflow: hidden;
}

.text-light .bottom-line:after {
	background: #fff;
}

.text-light p {
	color: #fff;
}

.text-dark p {
	color: #000;
}

.black p.separator {
	background-color: #fff;
}

.monospace {
	font-family: 'Source Code Pro';
	color: #494949;
}

.text-light .monospace {
	color: #d0d0d0;
}

.bypostauthor {
	font-size: inherit;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.page-template-default form label {
	width: 100%;
}

.no-menu {
	font-family: "Georgia", sans-serif;
}

.padding-both > .container {
	padding: 40px 30px 20px !important;
}

.img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(5px);
	z-index: 99;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

.bigtext {
	font-size: 160px;
	line-height: 1;
	font-family: "Georgia", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.notfound {
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

abbr,
acronym {
	border-bottom: none !important;
}

.notfound:hover {
	opacity: .7;
}

.font-1 {
	font-family: "Georgia", sans-serif;
}

.container .ytbg iframe,
.hero .vc_row-fluid .vc_column_container .ytbg iframe {
	margin-left: 0 !important;
}

.mb_OnlyYT,
.mb_YTPTime,
span.mb_YTPMuteUnmute {
	font-size: 0 !important;
	display: none;
}

.mb_YTPPlaypause {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0;
}

.mb_YTPPlaypause:before {
	font-family: 'FontAwesome';
	content: "\f04c";
	font-size: 25px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-shadow: 1px 1px 2px black;
}

.mb_YTPPlaypause.active:before {
	content: "\f04b";
}

.mb_YTPBar {
	bottom: 0;
	left: 25px;
}

.mb_YTPBar .buttonBar {
	height: 60px;
}

.wpb_column > .wpb_wrapper > p:last-child {
	margin-bottom: 10px;
}

.vc_column_container .wpb_wrapper .vc_btn3.vc_btn3-style-outline {
	border-width: 1px;
	padding: 3px 22px;
	font-family: 'ArcaMajora3 Bold', sans-serif;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 992px) {
	.single-content.pr30 {
		padding-right: 30px !important;
	}
}

@media (max-width: 992px) {
	.bigtext {
		font-size: 130px;
	}
}

@media (max-width: 768px) {
	.bigtext {
		font-size: 70px;
	}
}

@media (max-width: 767px) {
	.no-pad-xs {
		padding: 0 !important;
	}
	.vc_column_container.vc_col-sm-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.hero {
		padding: 0;
	}
	.page .wpb_row,
	.page .wpb_content_element,
	.page ul.wpb_thumbnails-fluid > li,
	.page .last_toggle_el_margin,
	.page .wpb_button {
		margin-bottom: 0;
	}

.pad-top-120 {
		padding-top: 110px !important;
	}

[class*="col-sm"] {
		margin-bottom: 0;
	}
}

.text-light {
	color: #fff;
}

.text-dark {
	color: #1b1b1b;
}

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

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

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

input.rememberme {
	display: none !important;
}

.iframe-video.audio {
	background-color: #f2f2f2;
}

.iframe-video .whizz-sound-btn {
	width: 50px;
	height: 50px;
	left: 50%;
	right: auto;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.row, .col-xs-12 {
	min-height: 0;
}

/*helper classes*/
.fullwidth {
	width: 100%;
}

.fullheight {
	height: 100%;
}

.vc_column_container {
	z-index: 30;
}

.grey {
	background-color: #f7f7f7;
}

.black {
	background-color: #000;
}

.white {
	background-color: #fff;
}

.vCenter {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.highlight {
	background-color: #000;
	color: #fff;
}

.overflow {
	overflow: hidden;
}

.video-container iframe {
	border: 0;
	max-width: 100%;
}

iframe[name="advpp_manager"] {
	position: absolute;
	left: -9999px;
}

@media (max-width: 768px) {
	.vc_row[data-vc-full-width] {
		padding: 0;
	}
}

//BUTTONS
.a-btn,
.a-btn-2 {
	font-size: 11px;
	display: inline-block;
	letter-spacing: 1.1px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 1;
	padding: 12px 20px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.a-btn {
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	position: relative;
	padding: 4px 15px 4px 0;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
	&::after {
		content: '';
		position: absolute;
		right: -3px;
		top: 0px;
		border: 4px solid transparent;
		border-left: 4px solid white;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 100ms ease;
		transition: all 100ms ease;
	}
	&.style-black {
		border-bottom: 1px solid #1b1b1b;
		color: #1b1b1b;
		&::after {
			border-left: 4px solid #1b1b1b;
		}
	}
}

.a-btn:hover {
	border-bottom: 1px solid transparent;
	opacity: 1;
	&::after {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		top: 6px;
	}
}

.a-btn-2 {
	color: #fff;
	background-color: #1b1b1b;
	i {
		margin-left: 10px;
		position: relative;
		right: 0;
		-webkit-transition: right 300ms ease;
		transition: right 300ms ease;
	}
}

.a-btn-2:hover,
.a-btn-2:visited,
.a-btn-2:focus,
.a-btn-2:active {
	color: #fff;
	opacity: 1;
	i {
		right: -7px;
	}
}

.a-btn-2.wpc-but {
	padding: 0;
	position: relative;
	&::after {
		content: "\f0da";
		font-family: "FontAwesome";
		color: white;
		margin-left: 10px;
		position: absolute;
		right: 36px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: right 300ms ease;
		transition: right 300ms ease;
	}
	&:hover::after {
		right: 29px;
	}
}

//OVERLAYS
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.overlay-dark {
	background-color: rgba(0, 0, 0, 0.25);
}

.overlay-dark-error {
	background-color: rgba(0, 0, 0, 0.35);
}

.overlay-dark-2x {
	background-color: rgba(0, 0, 0, 0.7);
}

[class*="overlay-dark"] ~ *,
[class*="overlay-light"] ~ * {
	position: relative;
}

/* parallax images
---------------------------*/
[data-stellar-background-ratio] {
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.bg-cover {
	background-size: cover;
	background-position: center;
}

.bg-fixed {
	background-attachment: fixed;
}

@media (max-width: 1024px) {
	[data-stellar-background-ratio] {
		background-attachment: scroll;
		background-position-y: center !important;
	}
	.bg-fixed {
		background-attachment: scroll;
	}

}

/* bootstrap columns
---------------------------*/
.container,
section,
section > * {
	position: relative;
}

.container.no-padding [class*="col-"] {
	padding: 0;
}

.col-center {
	float: none;
	margin: 0 auto;
}

.col-right {
	float: right;
}

.equal-height [class*="col-"] {
	margin-bottom: 0;
}

.pad-0 {
	margin-bottom: 0;
}

.container {
	max-width: 100%;
}

@media (min-width: 768px) {
	.pad-sm-l-0 {
		padding-left: 0 !important;
	}
	.pad-sm-r-0 {
		padding-right: 0 !important;
	}
}

$step: 5;
$count: 40;

@for $i from 0 through $count {
	.margin-lg-#{$step*$i}t {
		margin-top: 0px+$step*$i !important;
	}
}

@for $i from 0 through $count {
	.margin-lg-#{$step*$i}b {
		margin-bottom: 0px+$step*$i !important;
	}
}

@for $i from 0 through $count {
	.padding-lg-#{$step*$i}t {
		padding-top: 0px+$step*$i !important;
	}
}

@for $i from 0 through $count {
	.padding-lg-#{$step*$i}b {
		padding-bottom: 0px+$step*$i !important;
	}
}

@media screen and (max-width: 1199px) {
	@for $i from 0 through $count {
		.margin-md-#{$step*$i}t {
			margin-top: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.margin-md-#{$step*$i}b {
			margin-bottom: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.padding-md-#{$step*$i}t {
			padding-top: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.padding-md-#{$step*$i}b {
			padding-bottom: 0px+$step*$i !important;
		}
	}
}

@media screen and (max-width: 991px) {
	@for $i from 0 through $count {
		.margin-sm-#{$step*$i}t {
			margin-top: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.margin-sm-#{$step*$i}b {
			margin-bottom: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.padding-sm-#{$step*$i}t {
			padding-top: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.padding-sm-#{$step*$i}b {
			padding-bottom: 0px+$step*$i !important;
		}
	}
}

@media screen and (max-width: 767px) {
	@for $i from 0 through $count {
		.margin-xs-#{$step*$i}t {
			margin-top: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.margin-xs-#{$step*$i}b {
			margin-bottom: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.padding-xs-#{$step*$i}t {
			padding-top: 0px+$step*$i !important;
		}
	}

@for $i from 0 through $count {
		.padding-xs-#{$step*$i}b {
			padding-bottom: 0px+$step*$i !important;
		}
	}
}

//PRELOADER

.preloader-svg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #fff;
	svg {
		position: fixed;
		top: 50%;
		width: 100%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media only screen and (max-width: 991px) {
	.preloader-svg svg {
		height: 220px !important;
	}
}

@media only screen and (max-width: 767px) {
	.preloader-svg svg {
		height: 120px !important;
	}
}

//ARROW LINKS
.side-link {
	display: inline-block;
	position: fixed;
	text-decoration: none;
	top: 50%;
	z-index: 9999;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.left.side-link {
	left: 10px;
}

.right.side-link {
	right: 10px;
}

.side-link .side-title {
	font-family: 'ArcaMajora3 Bold', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	width: 1em;
	font-size: 18px;
	line-height: 1.2;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-font-smoothing: antialiased;
}

.left.side-link .side-title {
	margin-left: 10px;
}

.right.side-link .side-title {
	margin-right: 10px;
}

.side-arrow:before,
.side-arrow:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 50%;
	background-color: #000;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.left .side-arrow:before,
.left .side-arrow:after {
	left: 0px;
}

.right .side-arrow:before,
.right .side-arrow:after {
	right: 0px;
}

.left .side-arrow:before {
	bottom: 50%;
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

.left .side-arrow:after {
	top: 50%;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.right .side-arrow:before {
	bottom: 50%;
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
}

.right .side-arrow:after {
	top: 50%;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.left.side-link:hover .side-arrow:before {
	height: 30px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.left.side-link:hover .side-arrow:after {
	height: 30px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.left.side-link:hover .side-title {
	margin-left: 40px;
	opacity: 0;
}

.right.side-link:hover .side-arrow:before {
	height: 30px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.right.side-link:hover .side-arrow:after {
	height: 30px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.right.side-link:hover .side-title {
	margin-right: 40px;
	opacity: 0;
}

//HERO
.hero {
	width: 100%;
	height: 40%;
	position: relative;
	background-size: cover;
	background-position: center;
}

.hero-inner {
	position: relative;
	height: 100vh;
}

.enable_overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 20;
}

.vertical-align {
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*Gridrotator - Fallback css*/
.ri-grid {
	width: 600px;
}

.ri-grid ul li,
.ri-grid ul li a {
	width: 100px;
	height: 100px;
}

.ri-grid ul li a img {
	width: 100%;
}

.ri-grid {
	margin: 30px auto 30px;
	position: relative;
	height: auto;
}

.ri-grid ul {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.ri-grid ul:before,
.ri-grid ul:after {
	content: '';
	display: table;
}

.ri-grid ul:after {
	clear: both;
}

.ri-grid ul {
	zoom: 1;
}

.ri-grid ul li {
	-webkit-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}

.ri-grid ul li a {
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1 {
	width: 55%;
}

.ri-grid-size-2 {
	width: 100%;
}

.ri-grid-size-3 {
	width: 100%;
	margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.ri-shadow:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before {
	display: none;
}

.ri-loading-image {
	display: none;
}

.ri-grid-loading .ri-loading-image {
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}

blockquote {
	border: none;
	font-size: 15px;
	padding: 10px 0;
}

blockquote footer {
	font-size: 85%;
}

blockquote cite {
	line-height: 1.42857;
	color: #777;
	font-style: normal;
	display: block;
	font-size: 14px;
	margin-top: 15px;
	a{
		font-family: "ArcaMajora3 Bold", sans-serif;
	}
}

.abs * {
	color: inherit;
}

.tabs ul,
.hero-slider ol,
.tabs ol {
	margin-left: 0;
}

.scroll {
	background-color: rgb(192, 175, 148);
	position: absolute;
	left: 1379px;
	top: 191px;
	width: 4px;
	height: 30px;
	z-index: 10;
}

.no-padd {
	padding: 0 !important;
}

@media (min-width: 1200px) {
	.hero > .container {
		padding: 0 !important;
	}
	.no-padd-md {
		padding: 0 !important;
	}
}

@media screen and (max-width: 600px) {
	html {
		margin-top: 0;
	}
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
	a{
		text-decoration: none;
	}
}
dd {
	margin: 0 0 1.75em;
	line-height: 27px;

}

address {
	font-style: italic;
	font-family: "Georgia", sans-serif;
	color: #b2b2b2;
	line-height: 27px;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

code {
	background-color: #d1d1d1;
	color: #1b1b1b;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

kbd {
	background-color: transparent;
	color: #1b1b1b;
	font-weight: 100;
	box-shadow: none;
	opacity: .9;
}

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption .wp-caption-text {
	font-style: italic;
	opacity: .9;
	font-size: 13px;
}

.wp-block-gallery.alignleft{
	margin: 0.375em 1.75em 1.75em 0!important;
}
.wp-block-gallery.alignright{
	margin: 0.375em 0 1.75em 1.75em!important;
}
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright{
	max-width: 305px!important;
	width: 100%;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	padding: 0 10px;
	background: #1b1b1b;
	border-color: #1b1b1b;
	color: #fff;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	border-radius: 0px;
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	opacity: .8;
}

figure.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	text-align: center;
	overflow: visible;
	vertical-align: top;
	width: 100%;
	height: auto;
	padding: 0 1.1400652% 2.2801304%;
}

.gallery-caption {
	padding-top: 7px;
}

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

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

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

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

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

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

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

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

caption {
	color: #1b1b1b;
	opacity: .7;
}

.main-wrapper {
	position: relative;
	overflow: hidden;
}

/*------------------------------------------------------*/
/*---------------------- 02 .ABOUT SECTION ----------------------*/

.about-section {
	position: relative;
	min-height: 420px;
	background-color: #f2f2f2;
}

.about-section .person-wrap {
	float: left;
	height: 420px;
	width: 500px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 70px;
}

.about-section .content {
	padding-top: 60px;
	padding-right: 70px;
}

.about-section .subtitle {
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 2.4px;
	color: #1b1b1b;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 30px;
	-webkit-font-smoothing: antialiased;
}

.about-section .title {
	font-size: 36px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 2.88px;
	margin-bottom: 20px;
	color: #1b1b1b;
}

.about-section .descr {
	font-size: 14px;
	font-family: "Georgia", sans-serif;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 1.12px;
	color: #b2b2b2;
	margin-bottom: 30px;
}

.about-section .a-btn-2 {
	color: #fff;
}

.about-section .a-btn-2:hover {
	color: #fff;
}

.about-section .content blockquote {
	border: none;
	margin-top: -7px;
	margin-bottom: 23px;
}

@media (max-width: 1199px) {
	.about-section .person-wrap {
		width: 400px;
		margin-right: 60px;
	}
}

@media (max-width: 991px) {
	.about-section .person-wrap {
		width: 345px;
		margin-right: 30px;
	}
	.about-section .content {
		padding-top: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 767px) {
	.about-section {
		padding: 15px 15px 30px 15px;
		text-align: center;
	}
	.about-section .person-wrap {
		float: none;
		width: 100%;
		max-width: 480px;
		height: 300px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.about-section .content {
		padding: 0;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 767px) {
	.about-section .content blockquote {
		padding: 23px 25px 14px;
	}

.about-section .content blockquote {
		margin-top: 13px;
	}
}

@media (max-width: 480px) {
	.about-section .content blockquote {
		padding: 26px 26px 26px 36px;
	}
	.about-section .content blockquote {
		font-size: 16px;
		padding: 26px;
	}
	.about-section {
		padding: 30px 15px;
	}
	.about-section .title {
		font-size: 26px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 03 .ALBUM ANIMATION SHORTCODE ----------------------*/

.main-album-anim-wrap {
	background-color: #000;
	color: #fff;
}

.morph-wrap {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.morph {
	position: relative;
	height: 100%;
	fill: var(--background-color-2);
	flex: none;
}

.album_animation_content-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	min-height: 600px;
	pointer-events: none;
	.content {
		padding: 0 15px;
	}
}

.album-text-wrap {
	float: right;
	width: 700px;
	max-width: -webkit-calc(100% - 300px);
	max-width: calc(100% - 300px);
}

.content {
	position: relative;
}

.content__img {
	width: 300px;
	height: 285px;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.content--layout-1 .album-text-wrap .content__subtitle a {
	position: relative;
	left: -115px;
}

.content--layout-1 .album-text-wrap .content__title {
	position: relative;
	left: -125px;
}

.content__subtitle a {
	color: #fff;
	font-family: "Georgia", sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: 27px;
	z-index: 10;
	margin-top: 33px;
	text-decoration: none;
	display: inline-block;
}

.content__title {
	font-family: "ArcaMajora2", sans-serif;
	font-size: 70px;
	font-weight: 800;
	line-height: 67px;
	text-transform: uppercase;
	margin: 20px 0 0;
	z-index: 10;
	cursor: default;
	letter-spacing: 9px;
}

.content__desc {
	margin: 0 0 37px;
	z-index: 10;
	padding: 28px 60px 0 30px;
	cursor: default;
	color: #fff;
	font-family: "Georgia", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 27px;
}

.content__img,
.content__title,
.content__subtitle a,
.content__desc {
	-webkit-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.content__link {
	pointer-events: auto;
	align-self: end;
	justify-self: start;
	z-index: 10;
	color: #fff;
	position: relative;
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 13px;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-left: 30px;
	text-decoration: none;
	padding-bottom: 5px;
	padding-right: 10px;
	border-bottom: 1px solid #fff;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
	&:hover::after {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		top: 3px;
	}
	&::after {
		content: '';
		position: absolute;
		right: -3px;
		top: -3px;
		border: 4px solid transparent;
		border-left: 4px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 100ms ease;
		transition: all 100ms ease;
	}
}

.content__link:hover {
	border-bottom: 1px solid transparent;
	opacity: 1;
	color: #fff;
}

.content__link:focus {
	opacity: 1;
	color: #fff
}

.content--layout-2 .album-text-wrap {
	float: left;
	text-align: right;
	.content__subtitle a {
		position: relative;
		right: -115px;
	}
	.content__title {
		position: relative;
		right: -125px;
	}
	.content__desc {
		padding: 28px 30px 0 60px;
	}
	.content__link {
		margin-left: 0;
		margin-right: 30px;
	}
}

.content--layout-2 .content__img {
	float: right;
}

@media only screen and(min-width: 1100px) {
	.album-text-wrap {
		margin-top: 100px;
		max-width: -webkit-calc(100% - 500px);
		max-width: calc(100% - 500px);
	}
	.content__img {
		width: 500px;
		height: 500px;
	}
}

@media only screen and(max-width: 991px) {
	.content--layout-1 .album-text-wrap,
	.content--layout-2 .album-text-wrap,
	.content--layout-1 .content__img,
	.content--layout-2 .content__img {
		float: none;
	}
	.content__img {
		width: 100%;
	}
	.album-text-wrap {
		width: 480px;
		max-width: 100%;
	}
	.content--layout-1 .album-text-wrap .content__title,
	.content--layout-1 .album-text-wrap .content__subtitle a {
		left: 0;
		position: static;
	}
	.content--layout-2 .album-text-wrap .content__title,
	.content--layout-2 .album-text-wrap .content__subtitle a {
		right: 0;
		position: static;
	}
	.content__title {
		font-size: 40px;
		line-height: 50px;
		letter-spacing: 4px;
	}
	.content__desc {
		padding-left: 0;
		margin-bottom: 15px;
	}
	.content--layout-2 .album-text-wrap .content__desc {
		padding-right: 0;
	}
	.content__link {
		margin-left: 0;
	}
	.content--layout-2 .album-text-wrap .content__link {
		margin-right: 0;
	}
}

@media only screen and(max-width: 480px) {
	.album-text-wrap {
		width: 380px;
	}
	.content__title {
		font-size: 32px;
		line-height: 40px;
	}
	.content__subtitle a {
		font-size: 17px;
	}
	.content__img {
		height: 230px;
	}
}

@media only screen and(max-width: 360px) {
	.album-text-wrap {
		width: 300px;
	}
	.content__title {
		font-size: 24px;
		line-height: 35px;
		margin-top: 15px;
	}
	.content__desc {
		padding-top: 20px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 04 .EXHIBITION ----------------------*/

.exhibition-wrap {
	background: #cecece;
	.icon {
		display: block;
		width: 1.5em;
		height: 1.5em;
		margin: 0 auto;
		fill: currentColor;
	}
	.btn {
		position: relative;
		border: 0;
		box-shadow: none;
		background: none;
		width: 40px;
		height: 40px;
		cursor: pointer;
		&::before {
			position: absolute;
			color: #fff;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			font-family: 'FontAwesome';
			font-size: 39px;
			font-weight: 900;
			line-height: 40px;
			display: block;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		&::after {
			content: '';
			height: 4px;
			display: block;
			position: absolute;
			width: 30px;
			background-color: #fff;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		&--nav-left {
			&::before {
				content: '\f104';
				left: 5px;
				-webkit-transition: all 350ms ease;
				transition: all 350ms ease;
			}
			&::after {
				left: 0;
				-webkit-transition: all 350ms ease;
				transition: all 350ms ease;
			}
			&:hover {
				&::before {
					left: -10px;
				}
				&::after {
					left: -15px;
				}
			}
		}
		&--nav-right {
			&::before {
				content: '\f105';
				right: -10px;
				-webkit-transition: all 350ms ease;
				transition: all 350ms ease;
			}
			&::after {
				right: 0;
				-webkit-transition: all 350ms ease;
				transition: all 350ms ease;
			}
			&:hover {
				&::before {
					right: -25px;
				}
				&::after {
					right: -15px;
				}
			}
		}
	}
	.btn:focus {
		outline: none;
	}
	.btn:hover {
		color: #1b1b1b;
	}
	.btn--nav {
		font-size: 2em;
		pointer-events: auto;
	}
	.nav-icon--right {
		-webkit-transform: scale3d(-1, -1, 1);
		transform: scale3d(-1, -1, 1);
	}
	.nav__triangle,
	.nav__line {
		-webkit-transition: transform 0.3s;
		transition: transform 0.3s;
		fill: currentColor;
	}
	.btn--nav:hover .nav__triangle {
		-webkit-transform: translate3d(-54px, 0, 0);
		transform: translate3d(-54px, 0, 0);
	}
	.btn--nav:hover .nav__line {
		-webkit-transform: translate3d(17px, 0, 0);
		transform: translate3d(17px, 0, 0);
	}
	.btn--info {
		margin: 0 2em 0 auto;
	}
	.btn--toggle.btn--active {
		z-index: 100;
		color: #fff;
	}
	.btn--toggle.btn--active:hover {
		color: #1f1f21;
	}
	.btn--toggle .icon:nth-child(2),
	.btn--toggle.btn--active .icon:first-child {
		display: none;
	}
	.btn--toggle.btn--active .icon:nth-child(2) {
		display: block;
	}
	.container-wrap {
		position: relative;
		overflow: hidden;
		width: 100vw;
		height: 100vh;
		perspective: 2000px;
	}
	.scroller {
		height: 100%;
		transform-style: preserve-3d;
	}
	.room {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100vw;
		height: 100vh;
		margin: -50vh 0 0 -50vw;
		pointer-events: none;
		opacity: 0;
		transform-style: preserve-3d;
	}
	.room--current {
		pointer-events: auto;
		opacity: 1;
	}
	.room__side {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		transform-style: preserve-3d;
	}
	.room__side--left,
	.room__side--right {
		width: 4000px; /* depth */
		height: 100vh;
		background: #dbdbdb;
	}
	.room__side--back {
		width: 100vw;
		height: 100vh;
		background: #e9e9e9;
		box-shadow: 0 0 0 2px #e9e9e9;
		-webkit-transform: translate3d(0, 0, -4000px) rotate3d(1, 0, 0, 0.1deg) rotate3d(1, 0, 0, 0deg);
		transform: translate3d(0, 0, -4000px) rotate3d(1, 0, 0, 0.1deg) rotate3d(1, 0, 0, 0deg);
	}
	.room__side--right {
		right: 0;
		justify-content: flex-end;
		-webkit-transform: rotate3d(0, 1, 0, -90.03deg);
		transform: rotate3d(0, 1, 0, -90.03deg);
		transform-origin: 100% 50%;
	}
	.room__side--left {
		justify-content: flex-start;
		-webkit-transform: rotate3d(0, 1, 0, 90deg);
		transform: rotate3d(0, 1, 0, 90deg);
		transform-origin: 0 50%;
	}
	.room__side--bottom {
		width: 100vw;
		height: 4000px;
		background: #d0d0d0;
		-webkit-transform: rotate3d(1, 0, 0, 90deg) translate3d(0, -4000px, 0);
		transform: rotate3d(1, 0, 0, 90deg) translate3d(0, -4000px, 0);
		transform-origin: 50% 0%;
	}
	.room__side--bottom {
		top: 100%;
	}
	.room__img {
		flex: none;
		max-width: 40%;
		max-height: 60%;
		margin: 0 5%;
		-webkit-transform: translate3d(0, 0, 10px);
		transform: translate3d(0, 0, 10px);
		backface-visibility: hidden;
	}
	.content {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100vh;
		padding: 2vw;
		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, .2);
		}
	}
	.slides {
		position: relative;
		flex: 1;
	}
	.slide {
		position: absolute;
		left: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 70vw;
		height: 100%;
		margin: 7vh 0 0 10vw;
		pointer-events: none;
		opacity: 0;
	}
	.slide--current {
		pointer-events: auto;
		opacity: 1;
	}
	.slide__name {
		padding: 0 30px;
		text-indent: -5vw;
		font-size: 80px;
		color: #fff;
		margin-bottom: 1em;
		letter-spacing: 10px;
		font-family: "ArcaMajora3", sans-serif;
		line-height: 1.25;
		word-spacing: 1500px;
	}
	.slide__title,
	.slide__date {
		text-align: right;
	}
	.a-btn-2 {
		padding: 15px 35px;
		font-size: 13px;
		letter-spacing: 2px;
	}
	.slide__title {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin: 0.75em 0 0 0;
		font-size: 16px;
		font-family: "Georgia", sans-serif;
		color: #fff;
		padding: 0 15px;
		line-height: 1.8;
		text-align: left;
		letter-spacing: 0;
		> div {
			max-width: 470px;
		}
		span {
			display: block;
			padding: 0;
			margin-top: 40px;
		}
	}
	.nav {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: auto 0 0 0;
		pointer-events: none;
	}

.overlay {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		pointer-events: none;
		opacity: 0;
	}
	.overlay--loader {
		display: none;
	}
	.js .overlay--active {
		pointer-events: auto;
		opacity: 1;
	}
	.loader {
		display: none;
	}
	.loader div {
		display: none;
	}
	.loader div:nth-child(2) {
		display: none;
	}
	.loader div:nth-child(3) {
		display: none;
	}
	.cat {
		font-size: 20px;
		font-family: "Georgia", sans-serif;
		color: #fff;
		font-style: italic;
		line-height: 1.35;
		display: block;
		letter-spacing: 0;
		padding: 0 34px;
		text-indent: -5vw;
		a {
			color: #fff;
			text-decoration: none;
			&:hover {
				text-decoration: none;
			}
		}
	}
	@keyframes anim-loader {
		100% {
			-webkit-transform: translate3d(0, 30px, 0) scale3d(0.9, 0.9, 1);
			transform: translate3d(0, 30px, 0) scale3d(0.9, 0.9, 1);
		}
	}
	@media screen and (max-width: 50em) {
		.subject {
			display: none;
		}
		.btn--info {
			margin-right: 1.25em;
		}
		.location {
			position: relative;
			height: auto;
			margin: 1em 0 0 0;
			padding: 0;
			text-align: left;
			-webkit-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
		}
		.slide {
			width: 100%;
			margin: 7vh 0 0 0;
		}
		.nav {
			position: absolute;
			top: 5em;
			left: 0;
			width: 100%;
			padding: 1em;
		}
		.nav__triangle {
			-webkit-transform: translate3d(-54px, 0, 0);
			transform: translate3d(-54px, 0, 0);
		}
		.nav__line {
			-webkit-transform: translate3d(17px, 0, 0);
			transform: translate3d(17px, 0, 0);
		}
		.btn--nav:hover {
			color: currentColor;
		}
	}
}

@media screen and (max-width: 991px) {
	.exhibition-wrap .slide__name {
		letter-spacing: 5px;
		font-size: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.exhibition-wrap .slide__name {
		letter-spacing: 4px;
		font-size: 28px;
	}
	.exhibition-wrap .cat {
		font-size: 16px;
	}
}
@media screen and (max-height: 400px) {
	.exhibition-wrap .slides{
		overflow: auto;
	}
	.exhibition-wrap .slide--current {
		top: 100px;
	}
	.exhibition-wrap .slide__name,
	.exhibition-wrap .cat{
		padding: 0 50px;
	}
}
/*------------------------------------------------------*/
/*---------------------- 05 .IMAGE BANNER ----------------------*/

.top-banner {
	position: relative;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: none;
	transition: none;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background-attachment: scroll;
	background-position: center;
	padding-left: 0;
	padding-right: 0;
	.fix-inner {
		height: 690px;
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0;
		background-repeat: no-repeat;
		background-position: center;
		z-index: -2;
	}
	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 20;
	}
	.subtitle {
		font-size: 20px;
		line-height: 1.3;
		font-family: "Georgia", sans-serif;
		font-style: italic;
		color: #fff;
		font-weight: 400;
		letter-spacing: 0px;
		margin-bottom: 25px;
		padding-top: 0;
		-webkit-font-smoothing: antialiased
	}
	&.left_content .subtitle {
		color: #b2b2b2;
	}
	.title {
		font-family: "ArcaMajora2", sans-serif;
		color: #fff;
		font-weight: 300;
		letter-spacing: 10px;
		margin-bottom: 17px;
		line-height: 1.1;
	}
	h1 {
		font-size: 70px;
	}
	h2 {
		font-size: 60px;
	}
	h3 {
		font-size: 50px;
	}
	h4 {
		font-size: 40px;
	}
	h5 {
		font-size: 30px;
	}
	h6 {
		font-size: 20px;
	}
	.descr {
		font-size: 15px;
		line-height: 1.75;
		font-family: "Georgia", sans-serif;
		color: #fff;
		font-weight: 400;
		letter-spacing: 0px;
		max-width: 370px;
	}
	.content {
		z-index: 30;
		max-width: 1170px;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	&.center_content .a-btn {
		margin-top: 55px;
	}
	&.center_content .descr {
		margin-left: auto;
		margin-right: auto;
		max-width: 380px;
	}
	.a-btn {
		margin-top: 30px;
	}
}

/*Top banner full height*/
.top-banner.full-height .container .subtitle {
	padding-top: 0;
}

.top-banner.full-height-window .content {
	margin-top: 0;
	margin-bottom: 0;
}

.top-banner.full-height .content {
	margin-top: auto;
	margin-bottom: auto;
}

.top-banner.center_content {
	min-height: 465px;
}

.top-banner.center_content .content {
	text-align: center;
	margin: 0;
}

.top-banner.top_align .content {
	top: 0 !important;
	margin-top: 0 !important;
}

.top-banner.right_content {
	text-align: right;
	.descr {
		max-width: 100%;
	}
}

@media (max-width: 1199px) {
	.top-banner .content {
		max-width: 970px;
	}
}

@media (max-width: 992px) {
	.top-banner .fix-inner {
		height: 100vh;
	}
	.top-banner {
		height: 300px;
	}
	.top-banner .title {
		font-size: 60px;
	}
	.top-banner .banner-text {
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.top-banner .content {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}

@media (max-width: 991px) {
	.top-banner .content {
		max-width: 750px;
	}
}

@media (max-width: 768px) {
	.top-banner {
		height: auto;
		min-height: 500px;
	}
	.top-banner.center_content {
		min-height: 300px;
	}
	.top-banner .banner-text {
		position: relative;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 767px) {
	.top-banner .title {
		font-size: 30px;
		line-height: 40px;
		letter-spacing: 2px;
	}
	.top-banner .banner-text {
		max-width: 90%;
		padding: 0 15px;
	}
	.top-banner .banner-text .title {
		font-size: 28px;
	}
	.top-banner .subtitle {
		letter-spacing: 5px;
	}
	.top-banner .content {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 600px) {
	.top-banner .content {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 480px) {
	.top-banner {
		text-align: center;
	}
	.top-banner .subtitle {
		padding-top: 30px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 06 .SLIDER TRANSITION ----------------------*/

.banner-slider {
	.page-view .project::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .1);
	}
	.hidden {
		position: absolute;
		overflow: hidden;
		width: 0;
		height: 0;
		pointer-events: none;
	}
	.content {
		padding: 3em 0;
	}
	.page-view {
		height: 100vh;
		width: 100vw;
		position: absolute;
		top: 0;
		left: 0;
	}
	.page-view .project {
		position: absolute;
		width: 100%;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.page-view .project .text h1 {
		font-size: 70px;
		font-family: "ArcaMajora2", sans-serif;
		color: #fff;
		font-weight: 300;
		letter-spacing: 10px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0;
		display: table;
		text-align: center;
	}
	.page-view .project .text p {
		font-size: 16px;
		color: #fff;
		font-family: "ArcaMajora3 Bold", sans-serif;
		position: absolute;
		bottom: 40px;
		right: 60px;
		margin: 0;
	}
	.page-view .project:nth-child(1) {
		z-index: 30;
	}
	.page-view .arrows {
		position: absolute;
		bottom: 50px;
		left: 100px;
		z-index: 100;
	}
	.page-view .arrows .arrow {
		float: left;
		cursor: pointer;
	}
	.page-view .arrows .arrow.next {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		margin-top: -13px;
	}
	.page-view .arrows .arrow:hover.previous {
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}
	.page-view .arrows .arrow:hover.next {
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		-webkit-transform: translate3d(5px, 0, 0) rotate(180deg);
		transform: translate3d(5px, 0, 0) rotate(180deg);
	}
	.page-view .arrows .arrow svg {
		height: 40px;
		width: 25px;
		padding: 2px;
	}
	.page-view .arrows .arrow svg polygon {
		fill: #fff;
	}
	.page-view .arrows .arrow {
		-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
		transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
		margin-right: 10px;
		margin-top: -4px;
	}
}

.banner-slider {
	background: url(../images/building-sprite.png) no-repeat -9999px -9999px;
	.page-view {
		background: url(../images/building-sprite-2.png) no-repeat -9999px -9999px;
	}
}

.banner-slider .page-view .project:nth-child(odd).hidewiev {
	-webkit-mask: url(../images/building-sprite.png);
	mask: url(../images/building-sprite.png);
	-webkit-mask-size: 7500% 100%;
	mask-size: 7500% 100%;
	-webkit-animation: mask-play 1.4s steps(74) forwards;
	animation: mask-play 1.4s steps(74) forwards;
}

.banner-slider .page-view .project:nth-child(even).hidewiev {
	-webkit-mask: url(../images/building-sprite-2.png);
	mask: url(../images/building-sprite-2.png);
	-webkit-mask-size: 8400% 100%;
	mask-size: 8400% 100%;
	-webkit-animation: mask-play 1.4s steps(83) forwards;
	animation: mask-play 1.4s steps(83) forwards;
}

/* Fallback */
.no-cssmask .page-view .project.hidewiev {
	opacity: 0;
	-webkit-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
	-webkit-mask: none !important;
	mask: none !important;
}

@media screen and (max-width: 640px) {
	.banner-slider .page-view .project .text h1 {
		font-size: 36px;
		letter-spacing: 5px;
	}
	.banner-slider .page-view .project .text p {
		bottom: 20px;
		margin: 0;
		text-align: center;
		width: 100%;
		right: auto;
		font-size: 14px;
	}
	.banner-slider .page-view .arrows {
		bottom: 60px;
		left: 50%;
		z-index: 120;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.banner-slider .page-view .arrows .arrow.previous:hover {
		-webkit-transform: none;
		transform: none;
	}
	.banner-slider .page-view .arrows .arrow.next:hover {
		-webkit-transform: translate3d(0, 0, 0) rotate(180deg);
		transform: translate3d(0, 0, 0) rotate(180deg);
	}
	.page-view .arrows .arrow.next {
		margin-top: -11px;
	}
}

@-webkit-keyframes mask-play {
	from {
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
	}
	to {
		-webkit-mask-position: 100% 0;
		mask-position: 100% 0;
	}
}

@keyframes mask-play {
	from {
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
	}
	to {
		-webkit-mask-position: 100% 0;
		mask-position: 100% 0;
	}
}

/*------------------------------------------------------*/
/*---------------------- 07 .CLIENTS ----------------------*/

.client-wrap {
	height: 400px;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	.client-link {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		&:hover {
			opacity: 1;
			.client-overlay {
				background-color: #000;
			}
		}
	}
	.client-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100.2%;
		background-color: rgba(0, 0, 0, .6);
		color: white;
		display: table;
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
		.client-title,
		.client-count {
			display: table-cell;
			padding: 20px;
			font-family: "ArcaMajora2", sans-serif;
		}
		.client-count {
			text-align: right;
			i {
				margin-right: 7px;
			}
		}
	}
}

/*------------------------------------------------------*/
/*---------------------- 08 .COMING SOON ----------------------*/

.coming-page-wrapper {
	position: relative;
	text-align: center;
	padding-top: 31px;
	padding-bottom: 31px;
	.title {
		font-size: 60px;
		line-height: 80px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #1b1b1b;
		margin: 0 0 7px 0;
		letter-spacing: 5.6px;
		font-weight: 400;
	}
	.subtitle {
		font-size: 14px;
		font-family: "Georgia", sans-serif;
		line-height: 28px;
		margin: 0 0 70px;
		color: #b2b2b2;
		letter-spacing: 1.12px;
		font-weight: 400;
	}
}

/*Coming soon counter*/
.coming-soon-wrap {
	position: relative;
	height: 310px;
	margin-bottom: 76px;
}

.coming-soon-bg {
	position: absolute;
	z-index: 0;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*Svg styles*/
.svg text {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.svg text::-moz-selection {
	background: none;
}

.svg text::selection {
	background: none;
}

.coming-soon {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	.svg {
		width: 100%;
		height: 192px;
		left: 0;
		top: 0;
		position: absolute;
		text-anchor: middle;
	}
	.svg .count {
		font-weight: 900;
		font-family: "ArcaMajora3 Bold", sans-serif;
		font-size: 150px;
	}
	.svg .svgRect {
		fill: #f2f2f2;
	}
	.svg .maskRect {
		fill: white;
	}
}

.coming-soon-wrap .coming-soon-descr {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #f2f2f2;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 120px;
}

.coming-soon-descr li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 25%;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 400;
	font-family: "ArcaMajora3 Bold", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 20px;
	color: #1b1b1b;
	padding-top: 25px;
	letter-spacing: 2.4px;
}

@media (max-width: 1199px) {
	.coming-page-wrapper .subtitle {
		margin-bottom: 50px;
	}
	.coming-soon-wrap {
		margin-bottom: 50px;
	}
}

@media (max-width: 991px) {
	.coming-page-wrapper .subtitle {
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	.coming-soon-wrap {
		height: 250px;
	}
	.coming-soon .svg {
		height: 152px;
	}
	.coming-soon .svg .count {
		font-size: 110px;
	}
	.coming-soon-wrap .coming-soon-descr {
		height: 100px;
	}
}

@media (max-width: 767px) {
	.coming-page-wrapper {
		top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		min-height: 100vh;
		padding-top: 30px;
		padding-bottom: 30px;
		box-sizing: border-box;
	}
	.coming-page-wrapper .title {
		font-size: 34px;
		line-height: 50px;
		letter-spacing: 2px;
		padding: 0 15px;
	}
	.coming-page-wrapper .subtitle {
		max-width: 400px;
		margin-bottom: 40px;
		padding: 0 15px;
		margin-left: auto;
		margin-right: auto;
	}
	.coming-soon-wrap {
		height: 200px;
	}
	.coming-soon .svg {
		height: 100px;
	}
	.coming-soon .svg .count {
		font-size: 50px;
	}
	.coming-soon-wrap .coming-soon-descr {
		height: 100px;
	}
	.coming-soon-descr li {
		letter-spacing: 0.5px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 09 .CONTACTS ----------------------*/

.contacts-info-wrap {
	position: relative;
	&.style2 {
		padding: 100px 0;
		.content-wrap {
			display: table;
			width: 100%;
		}
		.icon {
			display: block;
			margin-top: 20px;
		}
		.content-item {
			display: table-cell;
			vertical-align: top;
			padding-right: 15px;
			a {
				margin-bottom: 0;
				margin-top: 6px;
				line-height: 1.5;
			}
			div {
				margin-bottom: 0;
				margin-top: 6px;
				border-bottom: none;
			}
		}
		.title-main {
			font-size: 35px;
			font-family: "ArcaMajora3", sans-serif;
			color: #1b1b1b;
			font-weight: bold;
			line-height: 1.4;
			letter-spacing: -.8px;
			margin-bottom: 13px;
		}
		.text {
			font-size: 15px;
			font-family: "Georgia", sans-serif;
			color: #b2b2b2;
			line-height: 1.8;
			letter-spacing: 0px;
			max-width: 500px;
			margin-bottom: 30px;
		}
		.input_protected_wrapper {
			margin-top: 35px;
			margin-bottom: 0;
		}
	}
	&.style2.over::before {
		content: '';
		position: absolute;
		width: 50%;
		height: 100%;
		background-color: #b2b2b2;
		opacity: .2;
		left: 0;
		top: 0;
	}
	img {
		margin-bottom: 18px;
	}
	.title {
		font-size: 13px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #1b1b1b;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1.5;
		margin-bottom: 0;
		letter-spacing: 2.2px;
	}
	.content-item div {
		padding-bottom: 10px;
		border-bottom: 1px solid #1b1b1b;
	}
	.content-item div,
	.content-item a {
		font-size: 15px;
		display: block;
		font-family: "Georgia", sans-serif;
		color: #b2b2b2;
		letter-spacing: 1.2px;
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
		line-height: 1.8;
		text-decoration: none;
		margin-bottom: 25px;
	}
	.content-item a {
		margin-top: 4px;
		&:hover {
			color: #1b1b1b;
			opacity: 1;
		}
	}
	.content-item.half {
		width: 50%;
		float: left;
	}
	.form {
		input:not([type="submit"]),
		textarea {
			background-color: #f7f8fa;
			border: 1px solid #f0f0f0;
			padding: 10px 20px;
			margin-bottom: 0;
			letter-spacing: 1px;
			-webkit-transition: all 350ms ease;
			transition: all 350ms ease;
			&:focus {
				border: 1px solid #1b1b1b;
			}
		}
		input:not([type="submit"]) {
			min-height: 49px;
		}
		textarea {
			min-height: 209px;
		}
	}
	.row {
		display: table;
		width: 100%;
		.col-xs-12 {
			display: table-cell;
			vertical-align: middle;
		}
	}
	&.style4 {
		.additional-content-wrap {
			padding: 100px 0;
			background-color: #1b1b1b;
			color: white;
			.content-item a:hover {
				color: #fff;
				opacity: 1;
			}
			.text {
				line-height: 1.75;
				p {
					font-family: "ArcaMajora3 Bold", sans-serif;
					margin-bottom: 15px;
				}
			}
			p {
				margin-bottom: 0;
			}
			.content-item div {
				margin-bottom: 0;
				border-bottom: none;
			}
			.content-item a {
				margin-bottom: 10px;

}
			.col-xs-12:not(:last-of-type) {
				text-align: right;
				margin-top: -3px;
			}
			.title {
				color: #fff;
			}
		}
	}
	&.style3 {
		.content-wrap {
			display: table;
			table-layout: fixed;
			width: 100%;
		}
		.text {
			font-family: "ArcaMajora3 Bold", sans-serif;
		}
		.form-wrap {
			margin-top: 40px;
			.container {
				max-width: 100%;
				padding: 0;
			}
		}
		.image-wrap {
			display: table-cell;
			width: 55%;
			background-size: cover;
			background-position: left;
		}
		.content {
			padding: 17em 80px 100px;
			display: table-cell;
			width: 45%;
		}
	}
}

@media only screen and (max-width: 1199px) {
	.contacts-info-wrap.style2 .content-wrap {
		display: block;
	}
	.contacts-info-wrap.style2 .content-item {
		display: block;
	}
	.contacts-info-wrap.style2 .content-item.halff {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 991px) {
	.contacts-info-wrap .row {
		display: block;
		width: auto;
		.col-xs-12 {
			display: block;
		}
	}
	.contacts-info-wrap.style2.over::before {
		display: none;
	}
	.contacts-info-wrap.style2 {
		padding: 20px 0 60px 0;
		.content-wrap {
			padding-bottom: 20px;
			border-bottom: 1px solid #b1b1b1;
		}
		.form {
			margin-top: 50px;
		}
	}
	.contacts-info-wrap.style2 .content-wrap {
		display: table;
	}
	.contacts-info-wrap.style2 .content-item {
		display: table-cell;
	}
	.contacts-info-wrap.style2 .content-item.halff {
		margin-bottom: 20px;
	}
	form.wpcf7-form .input_protected_wrapper:hover::after {
		right: 45px;
	}
	.contacts-info-wrap.style3 .content {
		padding: 150px 40px 50px;
	}
}

@media only screen and (max-width: 767px) {
	.contacts-info-wrap.style2 .content-wrap,
	.contacts-info-wrap.style2 .content-item {
		display: block;
	}
	.contacts-info-wrap.style2 .title-main {
		font-size: 24px;
	}
	.contacts-info-wrap.style2 {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.contacts-info-wrap.style2 .input_protected_wrapper {
		margin-top: 10px;
	}
	.contacts-info-wrap.style4 .additional-content-wrap {
		padding: 50px 0 25px;
	}
	.contacts-info-wrap.style4 .additional-content-wrap .col-xs-12:not(:last-of-type) {
		margin: 0;
		text-align: center;
	}
	.contacts-info-wrap.style4 {
		.additional-content-wrap {
			padding-top: 30px;
			padding-bottom: 15px;
		}
		.content-item {
			text-align: center;
		}
	}
	.contacts-info-wrap.style3 {
		.image-wrap,
		.content {
			display: block;
			width: 100%;
		}
		.image-wrap {
			min-height: 400px !important;
			height: 400px !important;
			background-position: center;
		}
		.content {
			padding-top: 50px;
		}
	}
	.contacts-info-wrap.style3 .content {
		padding: 30px 15px;
	}
}

@media only screen and (max-width: 600px) {
	.contacts-info-wrap .content-item.half {
		width: 100%;
		float: none;
	}
}

/*------------------------------------------------------*/
/*---------------------- 10 .CUSTOM TEXT BLOCK ----------------------*/

.about-details {
	padding: 23px 12px 20px;
	&.style2 {
		padding: 0;
		text-align: center;
		.content .text p {
			margin-top: 0;
			margin-bottom: 5px;
		}
	}
	&.style1 .content .text {
		font-size: 15px;
		font-family: "Georgia", sans-serif;
		color: #5d5959;
		line-height: 1.8;
		p {
			letter-spacing: 0;
		}
	}
	.content .text {
		font-size: 26px;
		line-height: 1.47;
		font-family: "Times New Roman", sans-serif;
		color: #1b1b1b;
		letter-spacing: -.2px;
		h1, h2, h3, h4, h5, h6 {
			color: #1b1b1b;
			font-weight: 600;
			letter-spacing: 1.8px;
		}
		h6 {
			font-size: 15px;
		}
		h1 {
			font-family: "ArcaMajora3 Bold", sans-serif;
			font-size: 55px;
			font-weight: 400;
			letter-spacing: 8px;
		}
		p {
			margin-top: 0;
			margin-bottom: 25px;
		}
		blockquote {
			margin-top: 25px;
			overflow: hidden;
			border: none;
			background-color: transparent;
			padding: 0;
			font-style: normal;
			p {
				font-size: 25px;
				line-height: 1.4;
				font-family: "Georgia", sans-serif;
				color: #1b1b1b;
				margin: 0;
				letter-spacing: 0;
			}
		}
	}
	.content .button {
		margin-top: 18px;
		margin-left: 0;
		font-size: 14px;
		letter-spacing: 1.2px;
		padding: 15px 36px;
	}
	.content .subtitle {
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #b2b2b2;
		font-size: 11px;
		line-height: 1.3;
		margin-top: 0;
		letter-spacing: 2px;
		margin-bottom: 30px;
		-webkit-font-smoothing: antialiased;
	}
	.content .title {
		font-family: "ArcaMajora3", sans-serif;
		line-height: 1.3;
		font-weight: 900;
		color: #1b1b1b;
		letter-spacing: .1px;
		margin: 0 0 20px;
	}
	.content h1.title {
		font-size: 32px;
	}
	&.style3,
	&.style4 {
		text-align: center;
		padding: 38px 70px 20px;
		.content .text {
			margin-top: 0;
			max-width: 780px;
			margin-left: auto;
			margin-right: auto;
		}
	}
	&.style4 {
		.content .text {
			max-width: 515px;
		}
		.content .button {
			padding: 15px 45px;
		}
	}
}

.about-details[class*='style'].text-left {
	text-align: left;
}

.about-details[class*='style'].text-center {
	text-align: center;
}

.about-details[class*='style'].text-right {
	text-align: right;
}

@media (max-width: 1199px) {
	.about-details .content .subtitle {
		margin-bottom: 20px;
	}
	.about-details .content h1.title {
		font-size: 30px;
		line-height: 1.3;
	}
	.about-details .content .text blockquote {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (max-width: 991px) {
	.about-details.style4,
	.about-details.style3 {
		padding: 30px 0;
	}
	.about-details.style4 .content .text p,
	.about-details.style3 .content .text p {
		margin-top: 15px;
	}
	.about-details.style1 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.about-details.style2 .content .subtitle {
		margin-bottom: 10px;
	}
	.about-details .content .text h1 {
		font-size: 45px;
		letter-spacing: 5px;
		margin-top: 0;
	}
	.about-details {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.about-details.style2 {
		padding: 0;
	}
	.about-details .content .text h1 {
		font-size: 35px;
		letter-spacing: 4px;
		margin-top: 0;
	}
	.about-details .content .text p {
		margin-bottom: 15px;
	}
	.about-details .content .text blockquote {
		margin-top: 13px;
	}
	.about-details .content .button {
		margin-top: 5px;
	}
	.about-details .content .text {
		font-size: 21px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 11 .FULLSCREEN SLIDER ----------------------*/

.full_screen_slider {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: inherit;
	.swiper-arrow-left,
	.swiper-arrow-right {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: white;
		width: 33px;
		height: 42px;
		cursor: pointer;
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
		i {
			font-size: 40px;
		}
		&::before {
			content: '';
			width: 30px;
			background-color: #fff;
			height: 5px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			display: inline-block;
			position: absolute;
		}
	}
	.swiper-arrow-left {
		left: 20px;
		&:hover {
			left: 15px;
		}
		&::before {
			left: 3px;
		}
	}
	.swiper-arrow-right {
		right: 30px;
		text-align: right;
		&:hover {
			right: 20px;
		}
		i {
			left: auto;
			right: 0;
		}
		&::before {
			right: 3px;
		}
	}
	.swiper-wrapper {
		cursor: ew-resize;
	}
	&.numbers_arrows .swiper-wrapper {
		cursor: none;
	}
	&.simple_arrows .full-screen-slider__img:after {
		display: none;
	}
	&.kenburn_slider {
		.swiper-slide {
			overflow: hidden;
			.full-screen-slider__img {
				-webkit-transform: scale(1);
				transform: scale(1);
				-webkit-transition: transform 10s ease-in;
				transition: transform 10s ease-in;
			}
		}
		.swiper-slide-active {
			.full-screen-slider__img {
				-webkit-transform: scale(1.5);
				transform: scale(1.5);
				-webkit-transition: transform 10s ease-in;
				transition: transform 10s ease-in;
			}
		}
	}
	.slider-click {
		font-family: "ArcaMajora3 Bold", sans-serif;
		font-size: 11px;
		line-height: 40px;
		font-weight: 400;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 20;
		opacity: 0;
		visibility: hidden;
		color: #fff;
		width: 32px;
		height: 32px;
		-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
		transition: opacity 0.3s ease, visibility 0.3s ease;
	}
	.slider-click.right {
		right: 0;
		.arrow {
			left: auto;
			right: 14px;
		}
		.number {
			right: 0;
			left: auto;
		}
	}
	.slider-click.left {
		left: 0;
	}
	.slider-click .arrow {
		width: 22px;
		height: 22px;
		position: absolute;
		left: 50%;
		top: -8px;
		margin-top: -11px;
		&::after {
			content: '';
			height: 4px;
			display: block;
			position: absolute;
			width: 27px;
			background-color: #fff;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}
	.slider-click .number {
		position: absolute;
		left: 0;
		width: 57px;
	}
	.slider-click.left {
		.arrow::before {
			content: '\f104';
			left: 3px;
			position: absolute;
			color: #fff;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			font-family: 'FontAwesome';
			font-size: 35px;
			font-weight: 900;
			line-height: 40px;
			display: block;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		.arrow::after {
			left: 0;
		}
	}
	.slider-click .left {
		text-align: right;
		float: left;
		width: 23px;
		height: 20px;
		position: relative;
		top: 0;
	}
	.slider-click .middle {
		position: absolute;
		&::before {
			content: '/';
		}
		left: 26px;
		top: 0;
		margin-top: -1px;
	}
	.slider-click.right {
		.arrow::before {
			content: '\f105';
			right: -6px;
			position: absolute;
			color: #fff;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			font-family: 'FontAwesome';
			font-size: 35px;
			font-weight: 900;
			line-height: 40px;
			display: block;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		.arrow::after {
			right: 0;
		}
	}
	.slider-click .right {
		float: right;
		width: 23px;
		height: 30px;
		position: relative;
		top: 0;
	}
}

.full-screen-slider__img {
	.full-content-wrap {
		position: relative;
		top: 270px;
		left: 30px;
		padding-right: 30px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff;
		.full-title {
			font-size: 70px;
			font-family: "ArcaMajora3 Bold", sans-serif;
			font-weight: 300;
			letter-spacing: 5.6px;
			line-height: 1.1;
			margin-bottom: 15px;
		}
		.full-subtitle {
			font-size: 14px;
			line-height: 28px;
			font-family: "Georgia", sans-serif;
			font-weight: 400;
			letter-spacing: 1.12px;
		}
	}
}

.slider-wrapperok-left,
.slider-wrapperok-right {
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
	z-index: 15;
	overflow: hidden;
	cursor: none;
}

.slider-wrapperok-left {
	left: 0;
	&:hover .slider-click.left {
		opacity: 1;
		visibility: visible;
	}
}

.slider-wrapperok-right {
	right: 0;
	&:hover .slider-click.right {
		opacity: 1;
		visibility: visible;
	}
}

.full_screen_slider .slider-click.right.disabled,
.full_screen_slider .slider-click.left.disabled {
	opacity: 0;
}

.full-screen-slider__img {
	height: 100vh;
	max-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

.full-screen-slider__img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}

.full_screen_slider .pagination {
	display: none;
}

// sound-btn
.whizz-sound-btn {
	position: absolute;
	right: 35px;
	bottom: 120px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 310;
	border: none;
	background-color: transparent;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 0;
	&:hover {
		background-color: transparent;
	}
	&:before {
		content: '\f026';
		position: absolute;
		color: #fff;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-family: 'FontAwesome';
		font-size: 16px;
		line-height: 40px;
		display: block;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	&.play {
		&:before {
			content: '\f028';
		}
	}
}

.whizz-audio-file {
	display: none;
}

@media (max-width: 991px) {
	.full-screen-slider__img {
		.full-content-wrap {
			top: 50%;
			.full-title {
				font-size: 40px;
			}
			.full-subtitle {
				line-height: 18px;
			}
		}
	}
}

@media only screen and (max-width: 768px) {
	.slider-wrapperok-left, .slider-wrapperok-right {
		display: none;
	}
	.slider-click {
		display: none;
	}
}

@media (max-width: 600px) {
	.full-screen-slider__img {
		.full-content-wrap {
			text-align: center;
			left: 0;
			padding: 0 15px;
		}
	}
}

/*------------------------------------------------------*/
/*---------------------- 12 .GALLERY WITH LEFT FILTER ----------------------*/

.albums-left-filter {
	.button-group {
		margin-top: 5px;
		button {
			display: block;
			padding: 0;
			font-size: 11px;
			text-align: left;
			font-family: "ArcaMajora3 Bold", sans-serif;
			color: #b2b2b2;
			text-transform: uppercase;
			line-height: 1.2;
			letter-spacing: 2.5px;
			margin: 0 0 11px 0;
			background-color: transparent;
			border: none;
			&:hover {
				color: #1b1b1b;
			}
			&.is-checked {
				color: #1b1b1b;
			}
		}
	}
	.portfolio {
		margin-left: -2.5px;
		margin-right: -2.5px;
	}
	.img-wrap-item a {
		display: block;
		height: auto;
		width: auto;
	}
	&.columns4 .img-wrap-item {
		width: 25% !important;
		padding: 2.5px;
	}
	&.columns3 .img-wrap-item {
		width: 33.33% !important;
		padding: 2.5px;
	}
	.portfolio-wrapper {
		height: 100% !important;
	}
}

@media only screen and (max-width: 991px) {
	.albums-left-filter .button-group {
		margin-bottom: 20px;
	}
	.albums-left-filter .button-group button {
		display: inline-block;
		padding-right: 15px;
		letter-spacing: 1px;
	}
}

@media only screen and (max-width: 767px) {
	.albums-left-filter {
		&.columns4 .img-wrap-item,
		&.columns3 .img-wrap-item {
			width: 50% !important;
		}
	}
}

@media only screen and (max-width: 600px) {
	.albums-left-filter {
		&.columns4 .img-wrap-item,
		&.columns3 .img-wrap-item {
			width: 100% !important;
		}
	}
}

/*------------------------------------------------------*/
/*---------------------- 13 .PORTFOLIO ----------------------*/

/*------------------------------------------------------*/
/*---------------------- 14 .INFO BLOCK ----------------------*/

.info-block-parallax-wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
	.image-wrap {
		width: 57%;
		vertical-align: top;
		display: table-cell;
		background-size: cover;
		background-position: left;
	}
	.content-wrap {
		display: table-cell;
		vertical-align: top;
		padding: 120px 80px 70px;
		p {
			font-family: "Georgia", sans-serif;
			color: #b2b2b2;
			margin-bottom: 25px;
		}
		a {
			text-decoration: none;
			font-family: "Georgia", sans-serif;
		}
		blockquote {
			font-size: 25px;
			margin-top: 25px;
			margin-bottom: 20px;
			line-height: 1.4;
			font-family: "Georgia", sans-serif;
			color: #1b1b1b;
			letter-spacing: 0;
			p {
				color: #1b1b1b;
				margin-bottom: 10px;
			}
		}
	}
}

@media only screen and (max-width: 991px) {
	.info-block-parallax-wrap .content-wrap {
		padding: 90px 40px 40px;
	}
	.info-block-parallax-wrap .content-wrap blockquote {
		margin-top: 20px;
		margin-bottom: 15px;
		font-size: 20px;
		p {
			margin-bottom: 0;
		}
	}
}

@media only screen and (max-width: 767px) {
	.info-block-parallax-wrap {
		.image-wrap,
		.content-wrap {
			display: block;
			width: 100%;
		}
		.content-wrap {
			padding: 15px;
			blockquote {
				margin-top: 0;
				margin-bottom: 15px;
			}
			p {
				margin-bottom: 15px;
			}
		}
		.image-wrap {
			height: 400px !important;
			min-height: 0 !important;
			background-position: center;
		}
	}
}

/*------------------------------------------------------*/
/*---------------------- 15 .INSTAGRAM ----------------------*/

.insta-box {
	.insta-box-follow {
		font-size: 36px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #1b1b1b;
		font-weight: 400;
		margin-bottom: 30px;
		text-align: center;
		letter-spacing: 2.7px;
		line-height: 1.2;
		a {
			font-size: 14px;
			font-family: "ArcaMajora3 bold", sans-serif;
			color: #1b1b1b;
			padding: 10px 20px;
			display: inline-block;
			font-weight: 400;
			border: 1px solid #1b1b1b;
			margin-top: 5px;
			text-decoration: none;
			-webkit-transition: all 300ms ease;
			transition: all 300ms ease;
		}
	}
	.insta-img-wrap {
		overflow: hidden;
		clear: both;
		ul {
			margin-left: 0;
			margin-bottom: 0;
			&::before,
			&::after {
				content: '';
				display: table;
			}
			&::after {
				clear: both;
			}
		}
		li {
			position: relative;
			list-style: none;
			float: left;
			background-color: #1b1b1b;
		}
		span {
			display: block;
			background-size: cover;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}

@media (max-width: 1199px) {
	.insta-box .insta-box-follow {
		font-size: 30px;
	}
}

@media (max-width: 991px) {
	.insta-box .insta-box-follow {
		font-size: 24px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 16 .WHIZZ GALLERY ----------------------*/

//Justified Gallery

.justified-gallery .dgwt-jg-caption {
	background: rgba(0, 0, 0, 0.5);
}

.dgwt-jg-gallery.justified-gallery .dgwt-jg-caption span {
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 16px !important;
	line-height: 22px !important;
	color: #fff;
	letter-spacing: 1px !important;
	font-weight: 400 !important;
	opacity: 1 !important;
}

.lg .lg-sub-html h4 {
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 22px !important;
	line-height: 30px !important;
	color: #fff;
	font-weight: 400 !important;
	letter-spacing: 2px;
}

.lg .lg-sub-html .dgwt-jg-item-desc {
	font-size: 12px;
	line-height: 20px !important;
	letter-spacing: 2.4px;
	font-family: "Times New Roman", sans-serif;
	color: #b2b2b2;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	max-width: 900px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.dgwt-jg-gallery > a {
	background-size: cover;
	background-position: center;
}

//Fullscreen with thumbnail

.thumb-slider-wrapp {
	width: 100%;
	position: relative;
	.flex-direction-nav {
		display: none;
	}
	.slides {
		height: 100%;
		display: block;
		margin-bottom: 0;
		li {
			width: 100%;
			height: 100%;
			.thumb-slider-bg {
				width: 100%;
				height: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
			}
		}
	}
	.main-thumb-slider {
		height: 100%;
	}
	.sub-thumb-slider {
		width: 100%;
		height: 100px;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 20;
		background-color: #fff;
		padding: 15px 0 15px 15px;
		-webkit-transition: transform 0.5s ease, -webkit-transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		.flex-viewport {
			height: 100%;
			width: 100%;
		}
		.slides {
			li {
				padding-right: 10px;
				.thumb-slider-bg {
					cursor: pointer;
				}
			}
		}

&.active {
			-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
			transform: translateY(0%);
		}
	}
	.thumb-slider-wrapp-arrow {
		position: absolute;
		width: 130px;
		height: 27px;
		bottom: 20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 20;
		cursor: pointer;
		-webkit-transition: bottom 0.3s ease;
		transition: bottom 0.3s ease;
		.hide-images,
		.show-images {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			font-size: 11px;
			line-height: 27px;
			font-family: "ArcaMajora3 Bold", sans-serif;
			color: #b2b2b2;
			text-transform: uppercase;
			background-color: #fff;
			font-weight: 400;
			letter-spacing: 2px;
			text-align: center;
			-webkit-transition: opacity 0.5s ease, visibility 0.4s ease;
			transition: opacity 0.5s ease, visibility 0.4s ease;
		}
		.hide-images {
			opacity: 0;
			visibility: hidden;
		}
		&.active {
			bottom: 100px;
			.show-images {
				opacity: 0;
				visibility: hidden;
			}
			.hide-images {
				opacity: 1;
				visibility: visible;
			}
		}
	}
}

//Flow gallery
.flow-slider {
	position: relative;
	.swiper-container {
		width: 140vw;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		.swiper-slide {
			cursor: pointer;
		}
	}
	.pagination {
		display: none;
	}
	.swiper-slide {
		position: relative;
	}
	.flow-title {
		font-size: 70px;
		font-family: "ArcaMajora3", sans-serif;
		color: #b2b2b2;
		width: 430px;
		max-width: 80%;
		line-height: 1.1;
		text-align: center;
		position: absolute;
		top: 42%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.swiper-slide-active {
		.image-wrap {
			opacity: 1;
			-webkit-transition: all 250ms ease;
			transition: all 250ms ease;
			-webkit-transition-delay: 1000ms;
			transition-delay: 1000ms;
		}
		.flow-title {
			color: #fff;
			-webkit-transition: color 350ms ease;
			transition: color 350ms ease;
			-webkit-transition-delay: 1000ms;
			transition-delay: 1000ms;
		}
	}
	.image-wrap {
		background-size: cover;
		background-position: top;
		width: 470px;
		max-width: 90%;
		margin: auto;
		opacity: 0;
	}
	.swiper-arrow-left,
	.swiper-arrow-right {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
	}
	.swiper-arrow-left {
		position: absolute;
		top: 27%;
		left: -webkit-calc(50% - 358px);
		left: calc(50% - 358px);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		&::before {
			content: '';
			left: 8px;
			position: absolute;
			color: #1b1b1b;
			top: 50%;
			border-left: 4px solid #1b1b1b;
			border-top: 4px solid #1b1b1b;
			-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			-ms-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg);
			width: 17px;
			height: 17px;
			display: block;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		&::after {
			content: '';
			height: 4px;
			display: block;
			position: absolute;
			width: 30px;
			background-color: #1b1b1b;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			left: 0;
		}
	}
	.swiper-arrow-right {
		position: absolute;
		top: 27%;
		left: -webkit-calc(50% + 320px);
		left: calc(50% + 320px);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		&::before {
			content: '';
			right: -10px;
			position: absolute;
			color: #1b1b1b;
			top: 50%;
			border-right: 4px solid #1b1b1b;
			border-top: 4px solid #1b1b1b;
			-webkit-transform: translate(-50%, -50%) rotate(45deg);
			-ms-transform: translate(-50%, -50%) rotate(45deg);
			transform: translate(-50%, -50%) rotate(45deg);
			width: 17px;
			height: 17px;
			display: block;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
		&::after {
			content: '';
			height: 4px;
			display: block;
			position: absolute;
			width: 30px;
			background-color: #1b1b1b;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			right: 0;
		}
	}
}

@media only screen and (max-width: 991px) {
	.flow-slider .flow-title {
		font-size: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.flow-slider .flow-title {
		font-size: 30px;
	}
}

//Boxed Grid

.portfolio-single-content {
	font-size: 14px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #1b1b1b;
	line-height: 1.7;
	letter-spacing: .7px;
	blockquote {
		border: none;
		margin-top: -7px;
		margin-bottom: 23px;
	}
	.social-list {
		text-align: right;
		li {
			margin: 0px 1px 0 11px;
		}
	}
	.portfolio-categories a {
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #1b1b1b;
		font-size: 12px;
		font-weight: 400;
		line-height: 20px;
		margin-top: 0;
		letter-spacing: 2.4px;
		margin-bottom: 30px;
		text-decoration: none;
	}
	.portfolio-title {
		font-size: 36px;
		line-height: 48px;
		font-weight: 400;
		color: #1b1b1b;
		margin-top: 22px;
		margin-bottom: 0;
	}
	p {
		font-size: 14px;
		line-height: 28px;
		letter-spacing: 1.1px;
		font-weight: 400;
		font-family: "Georgia", sans-serif;
		color: #5d5959;
		margin-top: 17px;
		margin-bottom: 30px;
	}
	.whizz-portfolio-footer-line {
		border-top: 4px solid #f2f2f2;
		border-bottom: 4px solid #f2f2f2;
		padding: 33px 0;
		.portfolio-client .client-title,
		.portfolio-jop-type .title-job-type,
		.title-date {
			font-family: "ArcaMajora3 Bold", sans-serif;
			color: #1b1b1b;
			font-size: 12px;
			font-weight: 400;
			line-height: 20px;
			margin-top: 0;
			letter-spacing: 0.5px;
			text-decoration: none;
		}
		.portfolio-client .client-value,
		.portfolio-jop-type .job-type-value,
		.date-value,
		.social-list a {
			font-size: 14px;
			line-height: 28px;
			letter-spacing: 1.1px;
			font-weight: 400;
			font-family: "Georgia", sans-serif;
			color: #b2b2b2;
		}
		.single-share .ft-part {
			margin-bottom: 0 !important;
		}
		.social-list {
			margin: 0;
			padding: 0 0 0 5px;
			text-align: left;
			a {
				font-size: 12px;
			}
		}
	}
	.single-pagination {
		padding: 50px 0;
		position: relative;
		&::before,
		&::after {
			content: '';
			display: table;
			clear: both;
		}
	}
}

@media only screen and (max-width: 991px) {
	.portfolio-single-content .whizz-portfolio-footer-line .portfolio-client,
	.portfolio-single-content .whizz-portfolio-footer-line .portfolio-jop-type,
	.portfolio-single-content .whizz-portfolio-footer-line .date-value {
		margin-bottom: 20px;
	}
	.portfolio-single-content .whizz-portfolio-footer-line .single-share {
		margin-left: 0;
		margin-right: 0;
	}
	.portfolio-single-content .whizz-portfolio-footer-line .social-list li:first-child {
		margin-left: 0;
	}
	.portfolio-single-content .single-pagination {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 767px) {
	.portfolio-single-content blockquote {
		padding: 23px 25px 14px;
		margin-top: 13px;
	}
	.portfolio-single-content.no-marg {
		margin: 0 !important;
	}
}

@media only screen and (max-width: 480px) {
	.portfolio-single-content blockquote {
		font-size: 16px;
		padding: 26px;
	}
}

//Infinite Scroll Gallery && Infinite Scroll Full Gallery

.portfolio-single-content {
	.gallery-single.infinite_full_gallery {
		margin-right: 0;
		margin-left: 0;
		.item-single {
			width: 25%;
		}
		.item-single,
		.item-single a {
			height: 270px;
			margin: 0;
		}
		.item-single a {
			width: 100% !important;
			.info-content {
				background-color: rgba(0, 0, 0, .4) !important;
				-webkit-transform: translate(0, 0);
				transform: translate(0, 0);
				opacity: 0;
				&::before {
					background-color: transparent;
				}
				.vertical-align {
					-webkit-transform: translate(0, 0);
					transform: translate(0, 0);
					top: auto;
					text-align: left;
					bottom: 15px;
					padding: 0 0 8px 28px;
					overflow: hidden;
				}
				h5 {
					font-size: 15px;
					font-family: "ArcaMajora3 Bold", sans-serif;
					color: #fff;
					text-transform: uppercase;
					letter-spacing: 2.7px;
					opacity: .9;
					margin-bottom: 0;
					position: relative;
					-webkit-transform: translateY(100%);
					transform: translateY(100%);
					-webkit-transition: all 300ms ease;
					transition: all 300ms ease;
				}
			}
			&:hover .info-content {
				opacity: 1;
				h5 {
					-webkit-transform: translateY(0%);
					transform: translateY(0%);
				}
			}
		}
	}
}

@media only screen and (max-width: 991px) {
	.portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
		width: 33.33%;
	}
}

@media only screen and (max-width: 767px) {
	.portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
		width: 50%;
	}
}

@media only screen and (max-width: 480px) {
	.portfolio-single-content .gallery-single.infinite_full_gallery .item-single {
		width: 100%;
	}
}

.portfolio-gallery.gallery-single {
	margin: 0 -15px;
}

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

.fullwidth {
	&.full-single {
		width: 20%;
		display: block;
		float: left;
	}
	.gallery-item {
		margin: 0 5px 10px 5px;
		height: auto;
		width: -webkit-calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
		box-sizing: border-box;
	}
	.gallery-item img {
		width: auto;
	}
	.gallery-item .info-content {
		height: 100%;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: .9;
			background-color: #fff;
		}
	}
	.gallery-item .info-content h5 {
		letter-spacing: 1.1px;
		margin-bottom: 6px;
		color: #1b1b1b;
	}
	.gallery-item .info-content .subtitle {
		font-size: 10px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #1b1b1b;
		text-transform: uppercase;
		line-height: 2;
		letter-spacing: 2.6px;
	}
	.gallery-item:hover .info-content {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.full-single {
	&:nth-child(14n+1) {
		width: 20%;
	}
	&:nth-child(14n+1) .gallery-item {
		height: 227px;
	}
	&:nth-child(14n+2) {
		width: 40%;
	}
	&:nth-child(14n+2) .gallery-item {
		height: 227px;
	}
	&:nth-child(14n+3) {
		width: 40%;
	}
	&:nth-child(14n+3) .gallery-item {
		height: 464px;
	}
	&:nth-child(14n+4) {
		width: 20%;
	}
	&:nth-child(14n+4) .gallery-item {
		height: 227px;
	}
	&:nth-child(14n+5) {
		width: 40%;
	}
	&:nth-child(14n+5) .gallery-item {
		height: 464px;
	}
	&:nth-child(14n+6) {
		width: 20%;
	}
	&:nth-child(14n+6) .gallery-item {
		height: 464px;
	}
	&:nth-child(14n+7) {
		width: 20%;
	}
	&:nth-child(14n+7) .gallery-item {
		height: 227px;
	}
	&:nth-child(14n+8) {
		width: 20%;
	}
	&:nth-child(14n+8) .gallery-item {
		height: 464px;
	}
	&:nth-child(14n+9) {
		width: 20%;
	}
	&:nth-child(14n+9) .gallery-item {
		height: 227px;
	}
	&:nth-child(14n+10) {
		width: 40%;
	}
	&:nth-child(14n+10) .gallery-item {
		height: 464px;
	}
	&:nth-child(14n+11) {
		width: 40%;
	}
	&:nth-child(14n+11) .gallery-item {
		height: 464px;
	}
	&:nth-child(14n+12) {
		width: 20%;
	}
	&:nth-child(14n+12) .gallery-item {
		height: 227px;
	}
	&:nth-child(14n+13) {
		width: 20%;
	}
	&:nth-child(14n+13) .gallery-item {
		height: 227px;
	}
	&:nth-child(14n+14) {
		width: 40%;
	}
	&:nth-child(14n+14) .gallery-item {
		height: 227px;
	}
}

@media (max-width: 991px) {
	.full-single:nth-child(14n+1) {
		width: 20%;
	}
	.full-single:nth-child(14n+1) .gallery-item {
		height: 142px;
	}
	.full-single:nth-child(14n+2) {
		width: 40%;
	}
	.full-single:nth-child(14n+2) .gallery-item {
		height: 142px;
	}
	.full-single:nth-child(14n+3) {
		width: 40%;
	}
	.full-single:nth-child(14n+3) .gallery-item {
		height: 294px;
	}
	.full-single:nth-child(14n+4) {
		width: 20%;
	}
	.full-single:nth-child(14n+4) .gallery-item {
		height: 142px;
	}
	.full-single:nth-child(14n+5) {
		width: 40%;
	}
	.full-single:nth-child(14n+5) .gallery-item {
		height: 294px;
	}
	.full-single:nth-child(14n+6) {
		width: 20%;
	}
	.full-single:nth-child(14n+6) .gallery-item {
		height: 294px;
	}
	.full-single:nth-child(14n+7) {
		width: 20%;
	}
	.full-single:nth-child(14n+7) .gallery-item {
		height: 142px;
	}
	.full-single:nth-child(14n+8) {
		width: 20%;
	}
	.full-single:nth-child(14n+8) .gallery-item {
		height: 294px;
	}
	.full-single:nth-child(14n+9) {
		width: 20%;
	}
	.full-single:nth-child(14n+9) .gallery-item {
		height: 142px;
	}
	.full-single:nth-child(14n+10) {
		width: 40%;
	}
	.full-single:nth-child(14n+10) .gallery-item {
		height: 294px;
	}
	.full-single:nth-child(14n+11) {
		width: 40%;
	}
	.full-single:nth-child(14n+11) .gallery-item {
		height: 294px;
	}
	.full-single:nth-child(14n+12) {
		width: 20%;
	}
	.full-single:nth-child(14n+12) .gallery-item {
		height: 142px;
	}
	.full-single:nth-child(14n+13) {
		width: 20%;
	}
	.full-single:nth-child(14n+13) .gallery-item {
		height: 142px;
	}
	.full-single:nth-child(14n+14) {
		width: 40%;
	}
	.full-single:nth-child(14n+14) .gallery-item {
		height: 142px;
	}
}

/*Izotop container portfolio*/
@media (max-width: 767px) {
	.izotope-container .item-single {
		margin-bottom: 5px !important;
	}
	.izotope-container .item-single:last-child {
		margin-bottom: 30px !important;
	}
	.full-single:nth-child(14n+1), .full-single:nth-child(14n+2),
	.full-single:nth-child(14n+3), .full-single:nth-child(14n+4),
	.full-single:nth-child(14n+5), .full-single:nth-child(14n+6),
	.full-single:nth-child(14n+7), .full-single:nth-child(14n+8),
	.full-single:nth-child(14n+9), .full-single:nth-child(14n+10),
	.full-single:nth-child(14n+11), .full-single:nth-child(14n+12),
	.full-single:nth-child(14n+13), .full-single:nth-child(14n+14) {
		width: 50%;
	}
	.full-single:nth-child(14n+1) .gallery-item, .full-single:nth-child(14n+2) .gallery-item,
	.full-single:nth-child(14n+3) .gallery-item, .full-single:nth-child(14n+4) .gallery-item,
	.full-single:nth-child(14n+5) .gallery-item, .full-single:nth-child(14n+6) .gallery-item,
	.full-single:nth-child(14n+7) .gallery-item, .full-single:nth-child(14n+8) .gallery-item,
	.full-single:nth-child(14n+9) .gallery-item, .full-single:nth-child(14n+10) .gallery-item,
	.full-single:nth-child(14n+11) .gallery-item, .full-single:nth-child(14n+12) .gallery-item,
	.full-single:nth-child(14n+13) .gallery-item, .full-single:nth-child(14n+14) .gallery-item {
		height: 370px;
	}
}

@media (max-width: 480px) {
	.full-single:nth-child(14n+1), .full-single:nth-child(14n+2),
	.full-single:nth-child(14n+3), .full-single:nth-child(14n+4),
	.full-single:nth-child(14n+5), .full-single:nth-child(14n+6),
	.full-single:nth-child(14n+7), .full-single:nth-child(14n+8),
	.full-single:nth-child(14n+9), .full-single:nth-child(14n+10),
	.full-single:nth-child(14n+11), .full-single:nth-child(14n+12),
	.full-single:nth-child(14n+13), .full-single:nth-child(14n+14) {
		width: 100%;
	}
}

.portfolio-single-content .gallery-item,
.gallery-item {
	display: block;
	height: 180px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	&.four {
		height: 240px;
	}
	&.three {
		height: 280px;
	}
	&.two {
		height: 320px;
	}
}

@media (max-width: 600px) {
	.gallery-item.two {
		height: 250px;
	}
}

.gallery-item:hover {
	opacity: 1;
}

.gallery-item .info-content {
	background-color: rgba(19, 19, 19, 0.3);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.gallery-item .info-content h5 {
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
}

.gallery-item:hover .info-content {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

//Modern Masonry
.modern .gallery-item {
	height: auto;
	text-align: center;
}

.modern .gallery-item img {
	width: 100%;
}

.modern .gallery-item .info-content {
	background-color: rgba(19, 19, 19, 0.3);
}

.modern .gallery-item .info-content h5 {
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
}

.gallery-item:focus {
	opacity: 1;
}

dl.gallery-item {
	height: auto;
}

.modern dl.gallery-item img {
	width: auto;
}

//Filmstrip
.filmstrim-gallery-outer {
	padding-left: 30px;
	position: relative;
	@media (max-width: 991px) {
		padding-left: 0;
	}
	.filmstrim-gallery {
		img {
			max-width: 100%;
			display: block;
			float: left;
		}
		.image-wrap {
			float: left;
			display: block;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
	}
	.caroufredsel_wrapper {
		width: 100% !important;
	}
}

.filmstrim-gallery-outer .filmstrim-gallery .image-wrap {
	position: relative;
}

.filmstrim-gallery-outer .filmstrim-gallery .image-wrap a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.swipe-btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	&:hover {
		&:before {
			color: #1b1b1b;
		}
	}
	&.next {
		right: 10px;
		&:before {
			content: '\f105';
		}
		&:hover {
			right: 0;
		}
	}
	&.prev {
		left: 30px;
		@media (max-width: 991px) {
			left: 10px;
			&:hover {
				left: 0;
			}
		}
		&:before {
			content: '\f104';
		}
		&:hover {
			left: 20px;
		}
	}
	&:before {
		position: absolute;
		color: #1b1b1b;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-family: 'FontAwesome';
		font-size: 16px;
		line-height: 40px;
		display: block;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
}

/*------------------------------------------------------*/
/*---------------------- 17. GALLERY HOVERS ----------------------*/

.portfolio.simple .item-link .item-img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.item-link:hover .item-overlay {
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

//Slip Hover
.gallery-item.slip .info-content {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: relative;
	width: inherit;
	height: inherit;
}

.sliphover-overlay {
	cursor: pointer;
}

.sliphover-overlay:hover {
	opacity: 1;
}

.sliphover-overlay div {
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1.92px;
	text-transform: uppercase;
}

//Nine types of hovers
.portfolio.simple .item-link:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*Hover 1 - Zoom out*/
.gallery-single .gallery-item.hover1 .item-img,
.portfolio .item-link.hover1 .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	width: 120%;
	height: 100%;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	left: -10%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover1:hover .item-img,
.portfolio .item-link.hover1:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover1.yes .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover1.yes:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	width: 120%;
	height: 100%;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	left: -10%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 2 - Slide*/
.gallery-single .gallery-item.hover2 .item-img,
.portfolio .item-link.hover2 .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	width: 120% !important;
	left: -20%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover2:hover .item-img,
.portfolio .item-link.hover2:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0%;
	width: 120%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover2 .info-content {
	left: -7%;
}

.portfolio .item-link.hover2.yes .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0%;
	width: 120%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover2.yes:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	width: 120% !important;
	left: -20%;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 3 - Rotate (+ zoom out)*/
.gallery-single .gallery-item.hover3 .item-img,
.portfolio .item-link.hover3 .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: rotate(15deg) scale(1.4);
	-ms-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover3:hover .item-img,
.portfolio .item-link.hover3:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover3.yes .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover3.yes:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: rotate(15deg) scale(1.4);
	-ms-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 4 - Blur*/
.gallery-single .gallery-item.hover4 .item-img,
.portfolio .item-link.hover4 .item-img {
	-webkit-filter: grayscale(0%) blur(3px);
	filter: grayscale(0%) blur(3px);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover4:hover .item-img,
.portfolio .item-link.hover4:hover .item-img {
	-webkit-filter: grayscale(0%) blur(0px);
	filter: grayscale(0%) blur(0px);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover4.yes .item-img {
	-webkit-filter: grayscale(0%) blur(0px);
	filter: grayscale(0%) blur(0px);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover4.yes:hover .item-img {
	-webkit-filter: grayscale(0%) blur(3px);
	filter: grayscale(0%) blur(3px);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 5 - Greyscale*/
.gallery-single .gallery-item.hover5 .item-img,
.portfolio .item-link.hover5 .item-img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover5:hover .item-img,
.portfolio .item-link.hover5:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover5.yes .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover5.yes:hover .item-img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 6 - Sepia*/
.gallery-single .gallery-item.hover6 .item-img,
.portfolio .item-link.hover6 .item-img {
	-webkit-filter: sepia(100%) grayscale(0%);
	filter: sepia(100%) grayscale(0%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover6:hover .item-img,
.portfolio .item-link.hover6:hover .item-img {
	-webkit-filter: sepia(0%) grayscale(0%);
	filter: sepia(0%) grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover6.yes .item-img {
	-webkit-filter: sepia(0%) grayscale(0%);
	filter: sepia(0%) grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover6.yes:hover .item-img {
	-webkit-filter: sepia(100%) grayscale(0%);
	filter: sepia(100%) grayscale(0%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 7 - Blur + Greyscale*/
.gallery-single .gallery-item.hover7 .item-img,
.portfolio .item-link.hover7 .item-img {
	-webkit-filter: blur(0px) grayscale(0%);
	filter: blur(0px) grayscale(0%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover7:hover .item-img,
.portfolio .item-link.hover7:hover .item-img {
	-webkit-filter: blur(3px) grayscale(100%);
	filter: blur(3px) grayscale(100%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover7.yes .item-img {
	-webkit-filter: blur(3px) grayscale(100%);
	filter: blur(3px) grayscale(100%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover7.yes:hover .item-img {
	-webkit-filter: blur(0px) grayscale(0%);
	filter: blur(0px) grayscale(0%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 8 - Opacity*/
.gallery-single .gallery-item.hover8 .item-img,
.portfolio .item-link.hover8 .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover8:hover .item-img,
.portfolio .item-link.hover8:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 0.7;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover8.yes .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 0.7;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover8.yes:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*Hover 9 - Shine*/
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}

.gallery-single .gallery-item.hover9 .item-img,
.portfolio .item-link.hover9 .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover9 .item-img::before,
.portfolio .item-link.hover9 .item-img::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.gallery-single .gallery-item.hover9:hover .item-img,
.portfolio .item-link.hover9:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.gallery-single .gallery-item.hover9:hover .item-img::before,
.portfolio .item-link.hover9:hover .item-img::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

.portfolio .item-link.hover9.yes .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover9.yes .item-img::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.portfolio .item-link.hover9.yes:hover .item-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio .item-link.hover9.yes:hover .item-img::before {
	-webkit-animation: none;
	animation: none;
}

/*------------------------------------------------------*/
/*---------------------- 18. KENBURNS SLIDER ----------------------*/

.kenburns-wrap.fade-effect .kenburns div.img,
.kenburns-wrap.fade-effect .kenburns div.img.active {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
}

$caption-animation-duration: 500ms;
.kenburns {
	height: 100vh;
	.item-ken {
		.img {
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			height: 100%;
			width: 100%;
			-webkit-transition: transform 6s ease-in, opacity 1s ease-in;
			transition: transform 6s ease-in, opacity 1s ease-in;
			opacity: 0;
		}

&:nth-child(even) .img {
			-webkit-transform: scale(1.2);
			transform: scale(1.2);
		}
		&:nth-child(odd) .img {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
		&.active {
			.img.zoomin {
				opacity: 1;
			}
			.caption {
				opacity: 1;
				-webkit-transition-delay: $caption-animation-duration + 100ms;
				transition-delay: $caption-animation-duration + 100ms;
			}
			.img.zoomout {
				opacity: 1;
			}
		}
	}
}

.kenburns-wrap {
	position: relative;
	cursor: url(../images/cursor-pause.png), auto;
	&.pause {
		cursor: url(../images/cursor_play.png), auto;
	}
	.item-ken {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.caption {
		font-size: 69px;
		font-family: "ArcaMajora3", sans-serif;
		color: #fff;
		line-height: 1.2;
		font-weight: 900;
		position: absolute;
		left: 100px;
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
		opacity: 0;
		z-index: 100;
		-webkit-transition: opacity $caption-animation-duration linear;
		transition: opacity $caption-animation-duration linear;
	}
	.kenburns-play {
		display: none;
	}
	.whizz-sound-btn {
		background-color: transparent;
		bottom: 90px;
		right: 100px;
		height: 45px;
		width: 45px;
		border-radius: 0;
		border: none;
		&::before {
			color: #fff !important;
		}
		&:hover {
			background-color: transparent;
		}
	}
}

.kenburns-play {
	position: absolute;
	right: 60px;
	bottom: 80px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 45px;
	width: 45px;
	border-radius: 0;
	border-color: transparent;
	z-index: 9999;
	cursor: pointer;
	&::before {
		content: "\f04b";
		font-family: "FontAwesome";
		color: #fff;
		position: absolute;
		top: 50%;
		left: 53%;
		font-size: 14px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	&.pause::before {
		content: "\f04c";
		left: 50%;
	}
}

@media only screen and (max-width: 991px) {
	.kenburns-wrap .caption {
		font-size: 55px;
	}
}

@media only screen and (max-width: 767px) {
	.kenburns-wrap .caption {
		font-size: 35px;
		left: 30px;
		text-align: center;
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	.kenburns-wrap .whizz-sound-btn {
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/*------------------------------------------------------*/
/*---------------------- 19. LINE OF IMAGES ----------------------*/

.line-of-images {
	&.logos {
		.line-wrap {
			width: 100%;
			text-align: justify;
			text-align-last: justify;
			padding: 60px 0 62px;
		}
		a {
			max-width: 19%;
			padding: 25px 0;
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			text-align-last: center;
		}
		img {
			max-width: -webkit-calc(100% - 20px);
			max-width: calc(100% - 20px);
		}
	}
	&.logos2 .line-wrap {
		padding: 0;
	}
	&.logos2 a {
		max-width: 100%;
		position: relative;
		padding: 20px 15px;
		min-height: 170px;
		margin-top: 25px;
		&::before {
			content: '';
			position: absolute;
			height: 100%;
			width: -webkit-calc(100% - 30px);
			width: calc(100% - 30px);
			left: 15px;
			top: 0;
			z-index: -1;
			background-color: #fff;
		}
		img {
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}
	&.images {
		.line-wrap {
			display: table;
			width: 100%;
		}
		.image-line-wrap {
			display: table-cell;
			height: 268px;
			background-position: center;
			background-size: cover;
			-webkit-transition: opacity 350ms ease;
			transition: opacity 350ms ease;
			&:hover {
				opacity: 0.8;
			}
		}
	}
}

@media only screen and (max-width: 991px) {
	.line-of-images.images .image-line-wrap {
		height: 200px;
	}
	.line-of-images.logos2 a {
		margin-top: 0;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 768px) {
	.line-of-images.logos a {
		width: 49%;
		max-width: 49%;
	}
	.line-of-images.logos .line-wrap {
		text-align: center;
		text-align-last: center;
		padding: 35px 0;
	}
	.line-of-images.images .image-line-wrap {
		height: 150px;
	}
}

@media only screen and (max-width: 767px) {
	.line-of-images.logos2 .line-wrap {
		padding: 0;
	}

.line-of-images.logos2 .line-wrap a {
		min-height: 150px;
	}
}

@media only screen and (max-width: 600px) {
	.line-of-images.images .image-line-wrap {
		height: 100px;
	}
}

@media only screen and (max-width: 400px) {
	.line-of-images.logos a {
		width: 100%;
		max-width: 100%;
	}
}

/*------------------------------------------------------*/
/*---------------------- 20. FULL MODERN SLIDER ----------------------*/

.modern-slider-wrap {
	padding: 0;
	position: relative;
	.modern-slider {
		position: relative;
	}
	.item-mod {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		&.active {
			z-index: 888;
		}
		&.last-active {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			-webkit-transition: all 500ms ease-in;
			transition: all 500ms ease-in;
			z-index: 999;
		}
	}
	.img {
		background-position: center;
		background-size: cover;
		height: 100%;
		width: 100%;
		opacity: 1;
	}
}

/*------------------------------------------------------*/
/*---------------------- 21. PORTFOLIO LIST ----------------------*/

//Little Fragment
.fragment-wrapper {
	.fragment-block {
		position: relative;
		width: 100%;
		display: table;
		margin-bottom: 160px;
		.fragment-item {
			display: table-cell;
			width: 49%;
		}
		.fragment-text {
			vertical-align: middle;
			position: relative;
			z-index: 100;
			.wrap-frag-text {
				color: #000;
				.title {
					font-family: "ArcaMajora2", sans-serif;
					font-size: 70px;
					font-weight: 400;
					line-height: 65px;
					letter-spacing: 7px;
					margin-bottom: 18px;
				}
				.desc {
					opacity: 0.8;
					font-family: "Georgia", sans-serif;
					font-size: 15px;
					font-weight: 400;
					line-height: 36px;
					letter-spacing: 0.1px;
					margin-bottom: 15px;
					margin-left: 6px;
					mark {
						background: transparent;
						color: #1b1b1b;
					}
				}
				.slide-text-more {
					color: #000;
					position: relative;
					font-family: "ArcaMajora3 Bold", sans-serif;
					font-size: 13px;
					line-height: 56px;
					text-transform: uppercase;
					letter-spacing: 2px;
					margin-bottom: 50px;
					margin-left: 6px;
					text-decoration: none;
					padding-bottom: 5px;
					padding-right: 10px;
					border-bottom: 1px solid #000;
					-webkit-transition: all 250ms ease;
					transition: all 250ms ease;
					&:hover::after {
						-webkit-transform: rotate(0deg);
						transform: rotate(0deg);
						top: 3px;
					}
					&::after {
						content: '';
						position: absolute;
						right: -3px;
						top: -3px;
						border: 4px solid transparent;
						border-left: 4px solid #000;
						-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
						-webkit-transition: all 100ms ease;
						transition: all 100ms ease;
					}
				}
				.slide-text-more:hover {
					border-bottom: 1px solid transparent;
					opacity: 1;
				}
			}
		}
		.fragment-img {
			position: relative;
			background: #eee;
			width: 51%;
			height: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
	}
}

.fragment,
.fragment__piece {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

.fragment {
	-webkit-transition: transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

.fragment__piece {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

@media only screen and(max-width: 991px) {
	.fragment-wrapper .fragment-block .fragment-img {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(17, 17, 17, 0.5);
		}
	}
	.fragment-wrapper .fragment-block {
		margin-bottom: 110px;
	}
	.fragment-wrapper .fragment-block .fragment-item {
		width: 100%;
	}
	.fragment-wrapper .fragment-block .fragment-text .wrap-frag-text {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		position: relative;
		z-index: 9;
		color: #fff;
		padding: 0 40px;
		.desc mark {
			color: #fff;
		}
		.slide-text-more {
			color: #fff;
			border-bottom: 1px solid #fff;
			&::after {
				border-left: 4px solid #fff;
			}
		}
	}
}

@media only screen and(max-width: 480px) {
	.fragment-wrapper .fragment-block .fragment-text .wrap-frag-text .title {
		font-size: 50px;
		letter-spacing: 5px;
	}
	.fragment-wrapper .fragment-block {
		margin-bottom: 60px;
	}
}

@media only screen and(max-width: 360px) {
	.swiper-container-vert-slider .swiper-slide .container .wrap-text .desc {
		font-size: 13px;
	}
	.fragment-wrapper .fragment-block .fragment-text .wrap-frag-text {
		padding: 0 20px;
	}
	.fragment-wrapper .fragment-block .fragment-text .wrap-frag-text .title {
		font-size: 50px;
		letter-spacing: 5px;
	}
	.fragment-wrapper .fragment-block .fragment-text .wrap-frag-text .title {
		font-size: 30px;
		letter-spacing: 3px;
	}
}

//OTHER STYLES POSTS
.portfolio-wrapper {
	margin-bottom: 0;
	.load-more.button {
		font-size: 13px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #fff;
		text-transform: uppercase;
		background-color: #1b1b1b;
		margin-top: 96px;
		letter-spacing: 2px;
		padding: 11px 28px;
		i {
			margin-left: 7px;
			font-size: 11px;
			vertical-align: middle;
		}
	}
	.portfolio.grid.grid_modern {
		.item-portfolio-content {
			position: absolute;
			bottom: -3px;
			width: 100%;
			background-color: #fff;
			margin: 0 15px;
			opacity: 0;
			-webkit-transform: translateY(100%);
			transform: translateY(100%);
			-webkit-transition: all 350ms ease;
			transition: all 350ms ease;
			h5 {
				margin-top: 0;
				text-align: center;
				line-height: 1;
				padding: 13px 0 0 0;
				a {
					line-height: 1.2;
				}
			}
		}
		.item-link {
			height: 430px;
		}
		.item {
			padding-top: 445px;
			margin-bottom: 15px;
			overflow: hidden;
			.item-link:hover {
				& + .item-portfolio-content {
					-webkit-transform: translateY(0%);
					transform: translateY(0%);
					opacity: 1;
				}
				.item-overlay {
					opacity: .4;
				}
			}
			.item-link.yes {
				& + .item-portfolio-content {
					-webkit-transform: translateY(0%);
					transform: translateY(0%);
					opacity: 1;
				}
				.item-overlay {
					opacity: .4;
				}
			}
			.item-link.yes:hover {
				& + .item-portfolio-content {
					-webkit-transform: translateY(100%);
					transform: translateY(100%);
					opacity: 0;
				}
				.item-overlay {
					opacity: 0;
				}
			}
		}
	}
}

.item {
	float: left;
	display: block;
}

.portfolio:not(.palaroid) .item {
	height: 280px;
}

.item .item-img {
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.item:after {
	padding-top: 0;
	display: block;
	content: "";
}

.col-2 .item {
	width: 50%;
}

.col-4 .item {
	width: 25%;
}

.item.item-singe {
	min-height: 270px;
}

.portfolio:not(.palaroid) .item {
	max-height: 280px !important;
}

.item-link {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.portfolio:not(.classic.big) .item-link {
	margin: 0 10px 20px 10px !important;
}

.portfolio.classic:not(.big) .item-link {
	margin: 0px 15px 30px 15px;
}

.item-link:hover {
	opacity: 1;
}

.item-img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: 0;
}

.item-img .images {
	width: 33.33%;
	height: 33.33%;
	float: left;
	position: relative;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.item-img .images-one {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.item-overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.item-overlay > h5 {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 15px;
	line-height: 1.3;
	letter-spacing: 2.5px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #fff;
	text-align: center;
}

.portfolio.simple .item-link.yes {
	opacity: 1;
	.item-img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.item-overlay {
		opacity: 0;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	&:hover {
		.item-img {
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
		.item-overlay {
			opacity: 1;
		}
	}
}

.portfolio.classic .item-link.yes {
	opacity: 1;
	.item-overlay {
		opacity: 0;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	&:hover .item-overlay {
		opacity: 1;
	}
}

.portfolio.grid .item-link.yes {
	opacity: 1;
	.item-overlay {
		opacity: 0.3;
	}
	&:hover .item-overlay {
		opacity: 0;
	}
}

.portfolio.big_gap .item-link.yes {
	.item-overlay {
		opacity: 0;
	}
	&:hover .item-overlay {
		opacity: 1;
	}
}

.classic .item-overlay {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.classic .item-overlay h5 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 1.6px;
}

.portfolio.classic .item {
	height: 400px;
	max-height: 400px !important;
}

.portfolio.classic .item-link {
	min-height: 370px;
	height: 370px;
}

.portfolio.classic.big .item {
	height: auto;
	max-height: 1000px !important;
	margin-bottom: 30px;
}

.portfolio.classic.big .item-link {
	min-height: 550px;
	height: 550px;
	position: relative;
	display: block;
	background-color: #000;
	margin-bottom: 20px !important;
}

.portfolio.classic.big .item-overlay {
	display: none;
}

.portfolio.classic.big .portfolio-title {
	text-align: left;
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 2.7px;
	-webkit-transition: opacity 350ms ease;
	transition: opacity 350ms ease;
	color: #1b1b1b;
	max-width: -webkit-calc(100% - 30px);
	max-width: calc(100% - 30px);
	margin: auto;
	a {
		text-decoration: none;
	}
}

.portfolio.big_gap .item {
	height: 575px;
	max-height: 575px !important;
}

.portfolio.big_gap .item-link {
	min-height: 495px;
	height: 495px;
}

.portfolio.big_gap .item.block_item_0 {
	height: 905px;
	max-height: 905px !important;
}

.portfolio.big_gap .item.block_item_0 .item-link {
	height: 825px;
	min-height: 825px;
}

.portfolio.big_gap .item.block_item_1 {
	height: 445px;
	max-height: 445px !important;
}

.portfolio.big_gap .item.block_item_1 .item-link {
	height: 365px;
	min-height: 365px;
}

.portfolio.big_gap .item.block_item_2 {
	height: 850px;
	max-height: 850px !important;
}

.portfolio.big_gap .item.block_item_2 .item-link {
	height: 770px;
	min-height: 770px;
}

.portfolio.big_gap .item.block_item_4 {
	height: 625px;
	max-height: 625px !important;
}

.portfolio.big_gap .item.block_item_4 .item-link {
	height: 545px;
	min-height: 545px;
}

.portfolio.big_gap .item.block_item_5 {
	height: 900px;
	max-height: 900px !important;
}

.portfolio.big_gap .item.block_item_5 .item-link {
	height: 820px;
	min-height: 820px;
}

.portfolio.big_gap .item.block_item_6 {
	height: 460px;
	max-height: 460px !important;
}

.portfolio.big_gap .item.block_item_6 .item-link {
	height: 380px;
	min-height: 380px;
}

.portfolio.big_gap.masonry_modern {
	.item {
		height: auto !important;
		min-height: 1px !important;
		margin-bottom: 10px;
		.item-link {
			position: relative;
			display: block;
			height: auto !important;
			min-height: 1px !important;
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 0 !important;
			margin-bottom: 0 !important;
			.item-img,
			.images-one {
				position: relative;
				height: 100% !important;
				img {
					display: block;
					width: 100%;
				}
			}
		}
	}
}

.portfolio.big_gap .social-icon {
	position: absolute;
	bottom: 15px;
	color: white;
	right: 27px;
	&::before {
		border: 2px solid white;
		padding: 6px 5px;
		font-size: 13px;
	}
	&:hover .big_gap_share {
		visibility: visible;
		opacity: 1;
	}
}

.portfolio.big_gap .portfolio-title {
	width: 100%;
	padding-right: 73px !important;
}

.portfolio.big_gap .portfolio-title,
.portfolio.big_gap.masonry_modern .portfolio-title {
	font-size: 15px;
	letter-spacing: 2.7px;
	line-height: 1.3;
	bottom: 10px;
	left: 0;
	padding: 0 23px;
}

.portfolio.big_gap .portfolio-title {
	position: absolute;
	top: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	text-align: left;
	font-weight: 500;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	color: #fff;
	bottom: 27px;
	padding: 0 40px;
}

.portfolio.big_gap .item-link:hover .portfolio-title {
	opacity: 1;
}

.portfolio.big_gap:not(.masonry_modern) .social-icon {
	right: 40px;
}

.portfolio.big_gap .big_gap_share {
	position: absolute;
	bottom: 20px;
	padding-bottom: 30px;
	width: 100%;
	visibility: hidden;
	right: 0;
	margin: 0;
	list-style-type: none;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.portfolio.big_gap .big_gap_share li {
	display: block;
	text-align: center;
	margin: 0;
}

.portfolio.big_gap .big_gap_share li:first-child {
	margin-left: 0;
}

.portfolio.big_gap .big_gap_share li button {
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	padding: 0;
	background-color: transparent;
	border: none;
	border-color: transparent;
	transition: opacity 0.3s ease;
}

.portfolio.big_gap .big_gap_share:hover li button {
	opacity: 0.7;
}

.portfolio.big_gap .big_gap_share:hover li button:hover {
	opacity: 1;
}

.portfolio.masonry .item {
	max-height: none !important;
	height: auto;
}

.portfolio.masonry .item-link {
	position: relative;
	display: block;
	margin: 0 15px 7px 15px;
}

.portfolio.masonry .item-link img {
	width: 100%;
}

.portfolio.masonry .item-overlay {
	background-color: #000;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.portfolio.masonry .item-link:hover .item-overlay {
	background-color: #000;
	opacity: 0.3;
}

.portfolio.masonry .item-portfolio-content {
	margin: 0 15px 24px 15px;
	text-align: center;
	max-height: 56px;
	overflow: hidden;
}

.portfolio.masonry .item-portfolio-content .portfolio-title {
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	color: #1b1b1b;
	margin-bottom: 0;
}

.portfolio.masonry .item-portfolio-content .portfolio-title a {
	text-decoration: none;
	color: inherit;
}

.portfolio.grid .item {
	position:relative;
	padding-top: 305px;
	max-height: none !important;
	height: auto;
}

.portfolio.grid .item-link {
	height: 280px;
}

.portfolio.grid .item-overlay {
	background-color: #000;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.portfolio.grid .item-link:hover .item-overlay {
	background-color: #000;
	opacity: 0.3;
}

.portfolio.grid .item-portfolio-content {
	display: block;
	margin: 0px 15px 25px;
	text-align: center;
	overflow: hidden;
	max-height: 56px;
}

.portfolio.grid .post-wrapper {
	padding-top: 275px;
	.item-link {
		height: 245px;
	}
}

.item-portfolio-content.port.grid_category {
	display: table;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	margin: 5px auto 25px;
	h5.portfolio-title {
		line-height: 20px;
	}
	.portfolio-title,
	.category {
		display: table-cell;
	}
	.category {
		text-align: right;
		color: #b2b2b2;
		a {
			text-decoration: none;
			font-size: 11px;
			letter-spacing: 1.3px;
			font-family: "ArcaMajora3 Bold", sans-serif;
			font-weight: 100;
			line-height: 1;
			padding: 5px 10px 5px 12px;
			position: relative;
			&::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #b2b2b2;
				opacity: .2;
			}
		}
	}
}

.portfolio.grid .post-wrapper .item-portfolio-content {
	max-height: 100%;
	text-align: left;
	margin: 0 15px 35px;
	.portfolio-title {
		font-size: 15px;
		line-height: 1.2;
		color: #1b1b1b;
		letter-spacing: 2.7px;
		margin-bottom: 7px;
		margin-top: 10px;
	}
	.excerpt p {
		font-size: 15px;
		font-family: "Georgia", sans-serif;
		color: #1b1b1b;
		opacity: .7;
		line-height: 1.8;
		letter-spacing: 0.1px;
	}
	.date {
		font-size: 11px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #b2b2b2;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 2px;
	}
}

.portfolio.grid .item-portfolio-content .portfolio-title {
	font-size: 24px;
	font-family: "ArcaMajora2", sans-serif;
	line-height: 30px;
	font-weight: 400;
	color: #1b1b1b;
	margin-bottom: 0;
}

.portfolio.grid .item-portfolio-content.port .portfolio-title {
	text-align: left;
	font-size: 16px;
	letter-spacing: 2px;
	margin-top: 3px;
}

.portfolio.grid .item-portfolio-content .portfolio-title a {
	text-decoration: none;
}

.portfolio-wrapper .pager-pagination {
	a {
		text-decoration: none;
		display: inline-block;
		padding: 3px;
		color: #1b1b1b;
		&:hover {
			opacity: .7;
		}
	}
	span {
		display: inline-block;
		padding: 3px;
		color: #1b1b1b;
	}
	.current {
		color: #cfac7f;
	}
}

.portfolio-wrapper .load-more.button {
	border: none;
}

.portfolio-pagination {
	position: absolute;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	&::after {
		content: '';
		height: 4px;
		display: block;
		position: absolute;
		width: 30px;
		background-color: #1b1b1b;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	&::before {
		position: absolute;
		color: #1b1b1b;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-family: 'FontAwesome';
		font-size: 39px;
		font-weight: 900;
		line-height: 40px;
		display: block;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	&.swiper-outer-right::after,
	&.swiper3-outer-right::after {
		right: 2px;
	}
	&.swiper-outer-left::after,
	&.swiper3-outer-left::after {
		left: 2px;
	}
	&.swiper-outer-right::before,
	&.swiper3-outer-right::before {
		content: '\f105';
		right: -10px;
	}
	&.swiper-outer-right,

&.swiper3-outer-right {
		right: 30px;
		&:hover {
			right: 20px;
		}
	}
	&.swiper-outer-left::before,
	&.swiper3-outer-left::before {
		content: '\f104';
		left: 5px;
	}
	&.swiper-outer-left,
	&.swiper3-outer-left {
		left: 30px;
		&:hover {
			left: 20px;
		}
	}
}

.portfolio-pagination.slider_simple {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	&::before {
		color: white;
	}
	&::after {
		background-color: white;
	}
}

.portfolio.grid.masonry .post-wrapper {
	padding-top: 0;
}

.portfolio.grid.masonry .post-wrapper .item-link {
	height: 420px;
}

.portfolio.grid.masonry .post-wrapper:nth-child(3n) .item-link,
.portfolio.grid.masonry .post-wrapper:nth-child(3n - 2) .item-link {
	height: 360px;
}

.portfolio.grid.masonry .post-wrapper .item-portfolio-content {
	margin-bottom: 70px;
}

.post.classic,
.post.modern {
	margin-top: 50px;
	.post-content {
		position: relative;
		top: 0;
		z-index: 2;
		-webkit-transform: none;
		transform: none;
		text-align: left;
		display: block;
		margin-bottom: 2.6rem;
		&:hover {
			opacity: 1;
		}
	}
	.post-big-letter {
		font-size: 16rem;
		line-height: 1.2;
		color: #b2b2b2;
		user-select: none;
		pointer-events: none;
		position: absolute;
		top: 50%;
		left: -70px;
		letter-spacing: 0;
		text-transform: uppercase;
		opacity: .3;
		z-index: -1;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

.title {
		font-size: 3.2rem;
		margin-bottom: .4rem;
		color: #1b1b1b;
		line-height: 1.2;
		text-decoration: none;
		display: block;
		margin-top: 60px;
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
		&:hover {
			opacity: .7;
		}
	}
	.post-info-modern {
		.author a,
		.category a,
		.date a {
			color: #888;
			text-decoration: none;
			font-family: "Georgia", sans-serif;
			font-weight: 400;
			margin-right: 3px;
			margin-bottom: 5px;
			&::after {
				content: '/';
				margin-left: 3px;
			}
		}
		.author {
			color: #888;
			font-family: "Georgia", sans-serif;
			font-weight: 400;
		}
		span:last-child a::after {
			content: none;
		}
	}
	.post-description {
		font-size: 16px;
		font-family: "Georgia", sans-serif;
		color: #1b1b1b;
		line-height: 1.8;
		margin-bottom: 25px;
	}
}

.col-md-12 .post.classic .title,
.col-md-9 .post.modern .post-content .title,
.col-md-9 .post.classic .post-content .title{
	margin-top: 50px !important;
}

.post.classic,
.post.modern,
.col-md-9 .post.modern:first-of-type .post-content .title,
.col-md-9 .post.classic:first-of-type .post-content .title,
.col-md-9.not-letter .post.modern:first-of-type {
	margin-top: 0!important;
}

.post-little-banner {
	position: relative;
	text-align: center;
	height: 200px;
	min-height: 300px;
	background-color: #f3f3f3;
}

.page-title-blog {
	position: absolute;
	left: 50%;
	font-size: 40px;
	text-transform: uppercase;
	top: -webkit-calc(50% - 25px);
	top: calc(50% - 25px);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: 1.2;
}

.single-post.no_vc_composer .page-title-blog{
	letter-spacing: 10.5px;
}

@media only screen and (max-width: 600px){
	.single-post.no_vc_composer .page-title-blog{
		letter-spacing: 5px;
	}
}

.post-paper {
	position: relative;
	top: -50px;
	z-index: 999;
	margin-bottom: 80px;
	& > .container {
		background-color: #fff;
		box-shadow: 0 19px 30px 0 rgba(1, 1, 1, .15);
	}
	&.sidebar-no {
		& > .container {
			padding: 0 150px;
		}
	}
	&.sidebar-show {
		& > .container {
			padding: 0 60px;
			& > .row > .col-md-9 {
				padding: 0 15px 0 70px !important;
			}
			& > .row > .col-md-3 {
				margin-top: 50px;
			}
		}
	}
}

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

.post.classic {
	position: relative;
	.main-img {
		margin-bottom: 40px;
	}
}

.post.grid_letter .post-big-letter {
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.post.grid_letter {
	margin-top: 10px;
	margin-bottom: 10px;
	.post-content {
		text-align: center;
		margin-bottom: 0;
		display: table-cell;
		vertical-align: middle;
		height: 260px;
		.title {
			font-size: 26px;
			margin-top: 0;
		}
	}
}

.post-paper.sidebar-show.grid_letter > .container > .row > .col-md-9,
.post-paper.sidebar-show.classic > .container > .row > .col-md-9 {
	padding: 0 15px !important;
}

.post-paper.grid_letter > .container > .row {
	padding-top: 50px;
}

.post-paper.sidebar-show.grid_letter > .container > .row > .col-md-3,
.post-paper.sidebar-show.classic > .container > .row > .col-md-3 {
	padding: 0 15px !important;
	margin-top: 23px;
}

.post-paper.sidebar-show.classic > .container > .row > .col-md-3 {
	margin-top: 70px;
}

.post-paper.sidebar-no.classic > .container {
	padding: 0 150px;
}

.post-paper.sidebar-no.grid_letter > .container {
	padding: 0 100px;
}

.post.classic .title {
	margin-top: 30px;
}

.post.classic {
	margin-top: 30px;
}

.post-content h5 {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	max-width: 100%;
}

@media only screen and (max-width: 1350px) {
	.portfolio-pagination {
		display: none;
	}
	.portfolio-pagination.slider_simple {
		display: block !important;
	}
}

@media only screen and (max-width: 1199px) {
	.portfolio.classic.big .item-link {
		min-height: 370px;
		height: 370px;
	}
	.post-paper.sidebar-show > .container > .row > .col-md-3 {
		padding-left: 0px !important;
		padding-right: 15px !important;
	}
	.post-paper.sidebar-show > .container {
		padding: 0 15px;
	}
}

@media screen and (min-width: 992px) {
	.portfolio.simple .load-more.button {
		margin-top: 123px;
	}
}

@media (max-width: 991px) {
	.portfolio-wrapper .load-more.button {
		margin-top: 55px;
	}
	.item,
	.portfolio-pinterest .item-single {
		width: 50% !important;
	}
	[data-space] .item-img {
		margin-top: 0 !important;
	}
	.portfolio.big_gap .portfolio-title {
		left: 30px;
	}
	.post-paper.sidebar-no > .container,
	.post-paper.sidebar-no.classic > .container {
		padding: 0 110px;
	}
	.post.modern .post-big-letter {
		left: -60px;
	}
	.post.classic,
	.post.modern {
		margin-top: 30px;
	}
	.post-paper > .container {
		margin-bottom: 40px;
	}
	.post-paper.sidebar-show > .container > .row > .col-md-3 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		width: 100%;
		margin-top: 0;
	}
	.post-paper.sidebar-show > .container > .row > .col-md-9 {
		padding: 0 90px !important;
		width: 100%;
	}

.post-paper.sidebar-show.grid_letter > .container > .row > .col-md-3 {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.portfolio.col-6.simple .item {
		max-height: 400px !important;
		height: 400px !important;
	}
	.portfolio.classic.col-4 .item {
		.item-link {
			height: 370px;
			min-height: 370px;
		}
	}
	.portfolio.big_gap.col-4 .item.block_item_0 {
		height: 605px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_0 .item-link {
		height: 570px !important;
		min-height: 570px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_1 {
		height: 245px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_1 .item-link {
		height: 205px !important;
		min-height: 205px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_2 {
		height: 650px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_2 .item-link {
		height: 610px !important;
		min-height: 610px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_3 {
		height: 375px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_3 .item-link {
		height: 335px !important;
		min-height: 335px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_4 {
		height: 425px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_4 .item-link {
		height: 385px !important;
		min-height: 385px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_5 {
		height: 700px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_5 .item-link {
		height: 660px !important;
		min-height: 660px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_6 {
		height: 260px !important;
	}
	.portfolio.big_gap.col-4 .item.block_item_6 .item-link {
		height: 220px !important;
		min-height: 220px !important;
	}
}

@media (max-width: 767px) {
	.portfolio-wrapper .portfolio.grid.grid_modern .item {
		padding-top: 345px;
	}
	.portfolio-wrapper .portfolio.grid.grid_modern .item-link {
		height: 330px;
	}
	.portfolio-wrapper .portfolio.grid.grid_modern .item-portfolio-content {
		margin: 0;
	}
	.portfolio-wrapper .load-more.button {
		margin-top: 20px;
	}
	.portfolio-wrapper .load-more.button {
		padding: 9px 28px;
		font-size: 12px;
	}
	.gallery-single .item-single,
	.item,
	.portfolio-pinterest .item-single {
		width: 100% !important;
		left: 0 !important;
	}
	.gallery-single .item-single,
	.portfolio:not(.masonry_modern) .item,
	.portfolio-pinterest .item-single {
		transform: none !important;
		position: relative !important;
		top: 0 !important;
	}

.portfolio:not(.grid_center) .item-link {
		margin: 0 !important;
		margin-bottom: 15px !important;
	}
	.portfolio.grid_center .item-link {
		margin-right: 0 !important;
		margin-left: 0 !important;
		margin-bottom: 15px !important;
	}
	.portfolio.classic .item-link {
		margin: 0 !important;
		margin-bottom: 30px !important;
	}
	.portfolio.classic.big {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.portfolio.big_gap .item-link {
		height: 370px;
		min-height: 370px;
	}
	.portfolio.big_gap .item {
		height: 400px;
		max-height: 400px !important;
	}
	.portfolio.big_gap .item.block_item_0, .portfolio.big_gap .item.block_item_1,
	.portfolio.big_gap .item.block_item_2, .portfolio.big_gap .item.block_item_3,
	.portfolio.big_gap .item.block_item_4, .portfolio.big_gap .item.block_item_5,
	.portfolio.big_gap .item.block_item_6 {
		height: 400px;
		max-height: 400px !important;
	}
	.portfolio.big_gap .item.block_item_0 .item-link, .portfolio.big_gap .item.block_item_1 .item-link,
	.portfolio.big_gap .item.block_item_2 .item-link, .portfolio.big_gap .item.block_item_3 .item-link,
	.portfolio.big_gap .item.block_item_4 .item-link, .portfolio.big_gap .item.block_item_5 .item-link,
	.portfolio.big_gap .item.block_item_6 .item-link {
		height: 370px;
		min-height: 370px;
	}
	.portfolio.col-6.simple .item {
		max-height: 270px !important;
		height: 250px !important;
	}
	.portfolio.classic.col-6 .item {
		.item-link {
			height: 370px;
			min-height: 370px;
		}
	}
	.portfolio.big_gap .item.creativity {
		max-height: 100% !important;
	}
	.portfolio.grid .post-wrapper {
		padding-top: 260px;
	}
	.portfolio.grid .post-wrapper .item-portfolio-content {
		margin: 0 15px 15px;
	}
	.portfolio.grid .item-portfolio-content.port .portfolio-title {
		margin-top: -3px;
	}
	.portfolio.grid .item-portfolio-content {
		margin: 0 15px 15px;
	}
	.item-portfolio-content.port.grid_category {
		margin: 1px auto 25px;
		padding: 0 15px;
	}
	.portfolio.grid.masonry .post-wrapper {
		padding: 0 15px;
	}
	.post-paper.grid_letter > .container > .row {
		padding-top: 20px;
	}
	.single-post .post-paper {
		top: 0;
	}
	.post-paper {
		margin-bottom: 0;
	}
	.post-paper > .container {
		box-shadow: none;
		margin-bottom: 0;
	}
	.post.classic,
	.post.modern {
		margin-top: 0;
	}
	.post.classic .main-img {
		margin-bottom: 20px;
	}
	.infinite_gallery {
		padding: 0 15px;
	}
	.container.portfolio-single-content {
		padding: 0 15px !important;
	}
}

@media only screen and (max-width: 600px) {
	.post.classic .title,
	.post.modern .title {
		font-size: 32px;
	}
	.post.classic .post-content,
	.post.modern .post-content {
		margin-bottom: 20px;
	}
	.post-paper.sidebar-no > .container,
	.post-paper.sidebar-no.classic > .container {
		padding: 0 50px;
	}
	.post.modern .post-big-letter {
		font-size: 74px;
		top: 15px;
		left: -15px;
	}
	.post-paper.sidebar-show > .container > .row > .col-md-9 {
		padding: 0 30px !important;
	}
}

.portfolio.big_gap.masonry_modern.col-3 .item .item-link,
.portfolio.big_gap.masonry_modern.col-4 .item .item-link,
.portfolio.big_gap.masonry_modern.col-6 .item .item-link,
.portfolio.big_gap.masonry_modern.col-3 .item,
.portfolio.big_gap.masonry_modern.col-4 .item,
.portfolio.big_gap.masonry_modern.col-6 .item {
	height: auto !important;
	min-height: 1px !important;
}

//PINTEREST PORTFOLIO
.gallery-single {
	.item-single.pinterest::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		display: none;
	}

.item-single.pinterest.active::before {
		display: block;
	}
	.pinterest {
		a {
			opacity: 0;
		}
		.info-content {
			width: -webkit-calc(100% - 20px);
			width: calc(100% - 20px);
			height: -webkit-calc(100% - 20px);
			height: calc(100% - 20px);
			left: 10px;
			top: 10px;
			background-color: rgba(0, 0, 0, 0.5);
			-webkit-transform: scale(1.1);
			transform: scale(1.1);
			opacity: 0;
			h5 {
				&::before,
				&::after {
					content: '';
					display: block;
					width: 20px;
					height: 2px;
					background-color: #fff;
					position: absolute;
					left: 50%;
					top: 50%;
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}
				&::after {
					-webkit-transform: translate(-50%, -50%) rotate(90deg);
					transform: translate(-50%, -50%) rotate(90deg);
				}
			}
		}

.gallery-item {
			height: auto;
			&:hover .info-content {
				-webkit-transform: scale(1);
				transform: scale(1);
				opacity: 1;
			}
		}
		img {
			width: 100%;
		}
	}
}

//PORTFOLIO FILTER

.filter {
	text-align: center;
}

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

.filter.grid ul,
.filter.sim ul,
.filter.cla ul {
	margin: 30px 0;
}

.filter.masonry ul {
	margin: 63px 0;
}

.filter ul li {
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 1.8px;
	display: inline-block;
	margin: 8px;
	cursor: pointer;
	opacity: 1;
	color: #b2b2b2;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.filter.grid_category {
	margin-bottom: 35px;
}

.filter ul li:hover {
	opacity: 0.7;
}

.filter ul li.is-checked {
	color: #1b1b1b;
	opacity: 1;
}

.filter.grid ul li:first-child {
	margin-left: 0;
}

@media (max-width: 991px) {
	.filter.masonry ul {
		margin: 30px 0;
	}
	.filter.grid_category {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.filter,
	.filter.grid {
		text-align: center;
		padding: 0 15px;
	}
	.filter.grid ul li:first-child {
		margin-left: 8px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 22. SIMPLE FULL SCREEN VIDEO ----------------------*/

//VIMEO SIMPLE BANNER
.vimeo-wrap {
	position: relative;
}

.vimeo-wrap .vimeo-video {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	height: 100%;
}

//YOUTUBE SIMPLE BANNER
.youtube-simple-wrap {
	position: relative;
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

/*------------------------------------------------------*/
/*---------------------- 23. VIDEO SHORTCODE ----------------------*/
.iframe-video .video-container iframe {
	background-color: #000;
}

.iframe-video {
	position: relative;
	width: 100%;
	height: 280px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 24px;
	&.play {
		.video-container {
			visibility: visible;
			opacity: 1;
		}
		.video-close-button {
			visibility: visible;
			opacity: 1;
		}
	}
	.fluid-width-video-wrapper {
		height: 100%;
	}
	.video-container {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		iframe {
			display: block;
			width: 100%;
			height: 100%;
		}
	}
	.video-content .play-button {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) translateZ(0);
		-ms-transform: translate(-50%, -50%) translateZ(0);
		transform: translate(-50%, -50%) translateZ(0);
		text-align: center;
		display: inline-block;
		height: 45px;
		width: 45px;
		background-color: transparent;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
		color: #fff;
		text-decoration: none;
		opacity: 1;
		margin: 0 7.5px;
		&:before {
			content: '\f04b';
			display: inline-block;
			font-family: 'FontAwesome';
			font-size: 25px;
			line-height: 55px;
			color: #fff;
			opacity: 1;
			-webkit-transition: none;
			transition: none;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		&:hover {
			opacity: .7;
		}
	}

.video-close-button {
		position: absolute;
		top: 15px;
		right: 15px;
		cursor: pointer;
		z-index: 120;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		color: #fff;
		&::before {
			font-size: 18px;
		}
	}
}

.iframe-video-title {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
	color: #1b1b1b;
	margin-bottom: 33px;
	text-align: center;
	font-family: "ArcaMajora3 Bold", sans-serif;
}

/*------------------------------------------------------*/
/*---------------------- 24. VIDEO BANNER ----------------------*/

.iframe-video.banner-video {
	margin-bottom: 0;
	&.full {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		z-index: 998;
		.fluid-width-video-wrapper {
			height: 100% !important;
		}
	}
	.fluid-width-video-wrapper {
		height: 100%;
	}
	.video-content {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 999;
		a {
			position: relative;
			display: inline-block;
			top: 0;
			left: 0;
			height: 45px;
			width: 45px;
			background-color: transparent;
			-webkit-transform: none;
			transform: none;
			-webkit-transition: all 300ms ease;
			transition: all 300ms ease;
			color: #fff;
			text-decoration: none;
			opacity: 1;
			margin: 0 7.5px;
			&::before {
				position: absolute;
				top: 50%;
				left: 50%;
				font-size: 18px;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}
		}
		.play-button::before {
			line-height: normal;
			font-size: 18px;
			color: #fff;
			left: 54%;
		}
		.play-button.start::before {
			content: "\f04c";
			left: 50%;
		}
		.mute-button::before {
			content: "\f028";
			font-family: "FontAwesome";
		}
		.mute-button.mute1::before {
			content: "\f026";
			left: 48%;
		}
		.full-button::before {
			content: "\f065";
			font-family: "FontAwesome";
		}
		.full-button.on::before {
			content: "\f066";
		}
	}
}

@media only screen and (max-width: 767px) {
	.iframe-video.banner-video .video-content {
		bottom: 15px;
		a {
			height: 30px;
			width: 30px;
			&::before {
				font-size: 18px;
			}
		}
	}
}

/*------------------------------------------------------*/
/*---------------------- 25. TWITTER POSTS ----------------------*/

.twitter-wrapper.quote .name {
	padding-top: 28px;
}

.twitter-wrapper {
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
	.twitter-wrap {
		padding: 0 30px;
	}
	span {
		display: block;
		height: 5px;
		position: relative;
		margin-bottom: 40px;
		&::before {
			position: absolute;
			display: inline-block;
			top: 50%;
			left: 50%;
			font-size: 16px;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			background-color: #fff;
			padding: 0 7px;
			z-index: 10;
		}
		&::after {
			content: '';
			position: absolute;
			top: 0;
			display: block;
			left: 0;
			height: 100%;
			width: 100%;
			background-color: #b2b2b2;
			opacity: .2;
		}
	}
	img {
		border-radius: 50%;
		margin-right: 17px;
		max-width: 70px;
		margin-bottom: 20px;
		height: auto;
		float: left;
		box-shadow: 0px 10px 25px 0px rgba(23, 23, 21, 0.2);
	}
	.name {
		font-size: 16px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #1b1b1b;
		letter-spacing: 2px;
		text-transform: uppercase;
		line-height: 1.3;
		margin-bottom: 2px;
		padding-top: 14px;
	}
	.slug {
		font-size: 14px;
		font-family: "Georgia", sans-serif;
		color: #b2b2b2;
		line-height: 1.3;
		position: relative;
		left: -1px;
	}
	.description {
		font-size: 15px;
		font-family: "Georgia", sans-serif;
		color: #1b1b1b;
		font-style: italic;
		clear: both;
		opacity: .7;
		margin-top: 2px;
	}
}

@media only screen and (max-width: 991px) {
	.twitter-wrapper.quote .name {
		padding-top: 2px;
	}
}

.twitter-slider {
	.flow-item-slider .twitter-wrapper {
		margin: 0;
		max-width: 100%;
		padding: 51px 70px;
		position: relative;
		text-align: left;
		span::after {
			display: none;
		}
		img {
			box-shadow: 0px 10px 25px 0px rgba(23, 23, 21, 0.2);
		}
	}
	.flipster-carousel .flip-current {
		box-shadow: none;
	}
	.flipster-carousel .flip-next {
		-webkit-transform: translateX(29%) translateZ(0) rotateY(0) scale(0.7);
		transform: translateX(29%) translateZ(0) rotateY(0) scale(0.7);
	}
	.flipster-carousel .flip-prev {
		-webkit-transform: translateX(-29%) translateZ(0) rotateY(0) scale(0.7);
		transform: translateX(-29%) translateZ(0) rotateY(0) scale(0.7);
	}
	.flipster-carousel .flip-past {
		-webkit-transform: translateX(-50%) translateZ(0) rotateY(0) scale(0.5);
		transform: translateX(-50%) translateZ(0) rotateY(0) scale(0.5);
	}
	.flipster-carousel .flip-future {
		-webkit-transform: translateX(50%) translateZ(0) rotateY(0) scale(0.5);
		transform: translateX(50%) translateZ(0) rotateY(0) scale(0.5);
	}
	.flipster-carousel .flip-items {
		height: 100% !important;
	}
	.flipster-carousel .flip-content {
		background-color: #f0f0f0;
		max-width: 570px;
		margin: auto;
	}
	.twitter-wrapper span {
		margin-bottom: 0;
		position: absolute;
		top: 52px;
		right: 75px;
		&::before {
			background-color: transparent;
		}
	}
	.twitter-wrap {
		padding: 0;
	}
	.slug {
		margin-top: 4px;
	}
}

.flipster {
	width: 100%;
	height: 100% !important;
}

.flipster-carousel {
	.flip-items {
		margin: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		width: 66% !important;
		height: 72% !important;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.flip-item {
		width: 100%;
		height: 100%;
		.flip-content {
			width: 100%;
			height: 100%;
			.flow-item-slider {
				width: 100%;
				height: 100%;
			}
		}
	}
	.flip-prev, .flip-next, .flip-past, .flip-future {
		opacity: 1;
	}
	.flip-prev {
		-webkit-transform: translateX(-43%) translateZ(0) rotateY(0) scale(0.7);
		transform: translateX(-43%) translateZ(0) rotateY(0) scale(0.7);
	}
	.flip-next {
		-webkit-transform: translateX(43%) translateZ(0) rotateY(0) scale(0.7);
		transform: translateX(43%) translateZ(0) rotateY(0) scale(0.7)
	}
	.flip-past {
		-webkit-transform: translateX(-80%) translateZ(0) rotateY(0) scale(0.5);
		transform: translateX(-80%) translateZ(0) rotateY(0) scale(0.5);
	}
	.flip-future {
		-webkit-transform: translateX(80%) translateZ(0) rotateY(0) scale(0.5);
		transform: translateX(80%) translateZ(0) rotateY(0) scale(0.5);
	}
	.flip-current {
		box-shadow: 0 40px 50px rgba(0, 0, 0, 0.2);
	}
}

// custom style
.flipster-slider {
	.flipster-wrapp-outer {
		max-width: 1170px;
		height: 100%;
		display: block;
		margin: 0 auto;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.flow-item-slider {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.flip-item {
		text-align: center;
		.flow-item-title {
			font-weight: 400;
			letter-spacing: 2.88px;
			margin-top: 35px;
			margin-bottom: 0;
			opacity: 0;
			visibility: hidden;
			-webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
			transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
		}
		&.flip-current {
			.flow-item-title {
				opacity: 1;
				visibility: visible;
			}
		}
	}
}

.flipto {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-color: #f0f0f0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	&:hover {
		&:before {
			color: #1b1b1b;
		}
	}
	&.flipto-next {
		right: 30px;
		&:before {
			content: '\f105';
		}
		&:hover {
			right: 20px;
		}
	}
	&.flipto-prev {
		left: 30px;
		&:before {
			content: '\f104';
		}
		&:hover {
			left: 20px;
		}
	}
	&:before {
		position: absolute;
		color: #1b1b1b;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-family: 'FontAwesome';
		font-size: 16px;
		line-height: 40px;
		display: block;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
}

@media only screen and (max-width: 1199px) {
	.flipster-slider .flipster-wrapp-outer {
		max-width: 970px;
	}
}

@media only screen and (max-width: 992px) {
	.twitter-slider .flow-item-slider .twitter-wrapper {
		padding: 30px 40px;
	}
}

@media only screen and (max-width: 767px) {
	.flipster-carousel {
		.flip-items {
			margin: 0;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 60% !important;
			height: 60% !important;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
	}
	.flipster-slider {
		.flipster-wrapp-outer {
			max-width: -webkit-calc(100% - 30px);
			max-width: calc(100% - 30px);
		}
		.flip-item {
			.flow-item-title {
				display: none;
			}
		}
	}
	.flipto {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.flipster-slider .flipster-wrapp-outer {
		max-width: 750px;
	}
	.twitter-wrapper {
		text-align: center;
		img {
			float: none;
			margin-right: 0;
		}
	}
}

@media only screen and (max-width: 600px) {
	.twitter-slider .flipster-slider .flipster-wrapp-outer {
		max-width: 100%;
	}
	.twitter-slider .flow-item-slider .twitter-wrapper {
		text-align: center;
		img {
			margin: auto;
		}
	}
	.twitter-slider .twitter-wrapper span {
		display: none;
	}
	.twitter-wrapper .description {
		margin-top: 7px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 448px) {
	.twitter-slider .flipster-carousel .flip-items {
		width: 80% !important;
	}
	.twitter-slider .flow-item-slider .twitter-wrapper {
		padding: 20px 30px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 26. TESTIMONIAL ----------------------*/

.main-header-testimonial {
	position: relative;
	background-size: cover;
	background-position: center;
	text-align: center;
	padding: 123px 0 126px;
	.pagination {
		span {
			height: 6px;
			width: 6px;
			display: inline-block;
			border-radius: 50%;
			background-color: #fff;
			opacity: .4;
			cursor: pointer;
			margin: 0 3px;
			-webkit-transition: opacity 350ms ease;
			transition: opacity 350ms ease;
			&.swiper-active-switch {
				opacity: 1;
			}
		}
	}
	.title {
		font-size: 11px;
		font-family: "ArcaMajora3 Bold", sans-serif;
		color: #fff;
		text-align: center;
		position: relative;
		letter-spacing: 2px;
		z-index: 99;
		margin-bottom: 70px;
	}
	.banner-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
	}
	.content-slide {
		max-width: 875px;
		margin: auto;
		.description {
			h1, h2, h3, h4, h5, h6 {
				margin-top: 0;
				font-family: "Times New Roman", sans-serif;
				color: #fff;
				font-weight: 100;
				line-height: 1.2;
				margin-bottom: 19px;
			}
			p {
				font-size: 24px;
				font-family: "Times New Roman", sans-serif;
				color: #fff;
				line-height: 1.38;
				margin-bottom: 15px;
				letter-spacing: 0px;
			}
			p:empty {
				display: none;
			}
		}
		.author {
			font-size: 15px;
			font-family: "Georgia", sans-serif;
			color: #fff;
			line-height: 1.8;
			opacity: .7;
			display: block;
			letter-spacing: 0px;
			margin-top: 3px;
		}
		.logo-customer {
			display: block;
			margin: 0 auto 45px;
			height: 100px;
			width: 100px;

border-radius: 50%;
			background-position: center;
			background-size: cover;
			position: relative;
			&::before {
				content: '';
				position: absolute;
				bottom: -31px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				height: 3px;
				width: 74px;
				background-color: #fff;
			}
		}
	}
}

.main-header-testimonial .swiper-slide {
	cursor: ew-resize;
}

.testimonial-content-span {
	color: #1b1b1b;
}

@media only screen and (max-width: 991px) {
	.main-header-testimonial .title {
		margin-bottom: 40px;
	}
	.main-header-testimonial {
		padding: 90px 0 90px;
	}
	.main-header-testimonial .content-slide {
		padding: 0 30px;
		.description p {
			font-size: 24px;
		}
	}
}

@media only screen and (max-width: 600px) {
	.main-header-testimonial {
		padding: 70px 0;
		.pagination {
			margin: 33px 0 0 !important;
		}
	}
	.main-header-testimonial .content-slide {
		.description p {
			font-size: 20px;
		}
	}
}

/*------------------------------------------------------*/
/*---------------------- 27. TEAM ----------------------*/

.team-member .social {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	width: 100%;
	height: 100%;
}

.team-member-wrap.default {
	.team-member {
		padding: 40px;
		margin-bottom: 25px;
		position: relative;
		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #b2b2b2;
			opacity: .2;
		}
		.avatar {
			position: relative;
			top: 0;
			height: 390px;
			-webkit-transition: all 300ms ease;
			transition: all 300ms ease;
			box-shadow: 0px 25px 40px 0px rgba(23, 23, 21, 0.2);
		}
		&:hover {
			.avatar {
				top: -20px;
			}
			.social {
				visibility: visible;
				opacity: 1;
				-webkit-transition: all 250ms ease;
				transition: all 250ms ease;
			}
		}
	}

.team-member .social {
		position: absolute;
		background-color: transparent;
		bottom: 20px;
		left: 50%;
		height: auto;
		width: 100%;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		.wrap a {
			font-size: 14px;
			color: #1b1b1b;
		}
	}
	.info {
		text-align: center;
		.title {
			font-size: 15px;
			font-family: "ArcaMajora3 Bold", sans-serif;
			color: #1b1b1b;
			letter-spacing: 2.7px;
		}
		.position {
			font-size: 15px;
			font-family: "Georgia", sans-serif;
			color: #b2b2b2;
			line-height: 1.2;
		}
	}
}

.team-member-wrap.classic {
	.avatar {
		height: 370px;
		-webkit-transition: all 1000ms ease;
		transition: all 1000ms ease;
	}
	&:hover .avatar {
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
	.info .title,
	.info .position {
		display: block;
		width: 100%;
		text-align: center;
	}
	.social {
		background-color: rgba(0, 0, 0, 0.6);
	}
}

.team-member .social .wrap:hover a {
	opacity: .5;
}

.team-member .social .wrap a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	padding: 0 4px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-member .social .wrap a:hover {
	opacity: 1;
}

.team-member:hover .social {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.team-member .info {
	margin-top: 30px;
	text-align: center;
	max-width: 490px;
	margin-left: auto;
	margin-right: auto;
}

.team-member.custom .avatar {
	height: 490px;
	max-width: 490px;
}

.team-member.custom .info {
	display: table;
	padding: 0;
	width: 100%;
	margin-top: 30px;
	.title,
	.position {
		display: table-cell;
		width: 50%;
		vertical-align: top;
	}
}

.team-member .info .title {
	font-size: 15px;
	line-height: 1.2;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #1b1b1b;
	letter-spacing: 3px;
	text-align: left;
}

.team-member .info .position {
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 0px;
	font-family: "Georgia", sans-serif;
	color: #b2b2b2;
	text-align: right;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

.team-member .avatar {
	position: relative;
	overflow: hidden;
	background-size: cover !important;
	background: no-repeat;
	background-position: center;
	width: 100%;
	height: 370px;
	max-width: 370px;
	margin: auto;
}

.team-member.fullheight .info .title {
	font-size: 40px;
	letter-spacing: 2px;
}

// team member - style fullheight
.team-member.fullheight {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
	display: flex;
	align-items: flex-end;
	&:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.info {
		width: 100%;
		position: relative;
		z-index: 20;
		padding: 34px 15px 60px;
		.title {
			margin-bottom: 20px;
			color: #fff;
			text-align: center;
		}
		.description {
			font-size: 15px;
			line-height: 1.2;
			letter-spacing: 0px;
			font-family: "Georgia", sans-serif;
			font-weight: 400;
			font-style: normal;
			color: #fff;
			margin-bottom: 0;
			margin-top: 2px;
			opacity: .7;
		}
	}
	.social {
		position: static;
		-webkit-transform: none;
		transform: none;
		background-color: transparent;
		margin-top: 32px;
		.vertical-align {
			position: static;
			-webkit-transform: none;
			transform: none;
		}
	}
}

@media only screen and (max-width: 1200px) {
	.team-member-wrap.default .team-member {
		padding: 30px;
	}
}

@media (max-width: 991px) {
	.team-member.custom .avatar {
		height: 370px;
	}
}

@media (max-width: 767px) {
	.team-member .info {
		margin-top: 20px;
	}
	.team-member.fullheight {
		height: 370px !important;
	}
	.team-member .avatar {
		height: 300px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 28. STRIPPED SHORTCODE ----------------------*/

.stripped-wrapper {
	width: 100%;
	.stripped-link {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
		&:hover {
			opacity: 1;
		}
		.image-wrapper {
			position: relative;
			height: 100%;
			width: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			background-color: #867987;
			&::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				-webkit-transition: 500ms all ease;
				transition: 500ms all ease;
			}
		}
		.stripped-text {
			position: absolute;
			bottom: 7%;
			left: 15%;
			-webkit-transition: 500ms all ease;
			transition: 500ms all ease;
			.title {
				color: #fff;
				font-family: "ArcaMajora3 Bold", sans-serif;
				font-size: 40px;
				font-weight: 800;
				line-height: 80px;
				margin-bottom: 0;
			}
			.subtitle {
				opacity: 0.7;
				color: #fff;
				font-family: "Georgia", sans-serif;
				font-size: 15px;
				font-weight: 400;
				line-height: 27px;
				letter-spacing: 0.1px;
				display: inline-block;
			}
		}
	}
	.stripped-link:hover .image-wrapper::before {
		content: '';
		background-color: rgba(0, 0, 0, 0.2);
	}
	.stripped-link:hover .stripped-text {
		bottom: 9%;
	}
}

/*------------------------------------------------------*/
/*---------------------- 29. SPLITTED SLIDER ----------------------*/

.ms-section {
	position: relative;
	box-sizing: border-box;
	overflow: visible;
	background-color: #fff;
}

.ms-section.ms-table {
	display: table;
	width: 100%;
}

.ms-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.ms-easing {
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;
}

#multiscroll-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
}

#multiscroll-nav.right {
	right: 17px;
}

#multiscroll-nav.left {
	left: 17px;
}

#multiscroll-nav ul {
	margin: 0;
	padding: 0;
}

#multiscroll-nav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}

#multiscroll-nav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

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

#multiscroll-nav span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	background: rgba(0, 0, 0, 0);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}

.multiscroll-tooltip {
	position: absolute;
	color: #fff;
	font-size: 14px;
	top: -2px;
	white-space: nowrap;
	max-width: 220px;
}

.multiscroll-tooltip.right {
	right: 20px;
}

.multiscroll-tooltip.left {
	left: 20px;
}

.multiscroll-slider {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100vh;
	.descr {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: white;
	}
	&-left {
		position: relative;
		height: 100%;
		width: 50%;
		overflow: visible;
		float: left;
		@media (min-width: 768px) and (max-width: 991px) {
			height: 100% !important;
		}
		@media (min-width: 480px) and (max-width: 767px) {
			height: auto;
			width: 50%;
		}
		@media (max-width: 479px) {
			height: auto;
			width: 100%;
		}
		.ms-section {
			padding: 14px 7px 14px 14px;
			@media (min-width: 768px) and (max-width: 991px) {
				padding: 14px 14px 7px 14px;
			}
			@media (max-width: 479px) {
				padding: 14px 14px 7px 14px;
			}
		}
	}
	&-right {
		position: relative;
		height: 100%;
		width: 50%;
		overflow: visible;
		float: left;
		@media (min-width: 768px) and (max-width: 991px) {
			height: 100% !important;
		}
		@media (min-width: 480px) and (max-width: 767px) {
			height: auto;
			width: 50%;
		}
		@media (max-width: 479px) {
			height: auto;
			width: 100%;
		}
		.ms-section {
			padding: 14px 14px 14px 7px;
			@media (min-width: 768px) and (max-width: 991px) {
				padding: 7px 14px 14px 14px;
			}
			@media (max-width: 479px) {
				padding: 7px 14px 14px 14px;
			}
		}
	}
	.ms-left, .ms-right {
		width: 100% !important;
	}
}

.ms-inner {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: inherit;
}

.multiscroll-slider .title {
	position: absolute;
	top: 50%;
	right: 0;
	text-align: center;
	width: 100%;
	-webkit-transform: translate(50%, -50%) translateZ(0);
	transform: translate(50%, -50%) translateZ(0);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
	z-index: 999;
}

.multiscroll-slider .title a {
	font-size: 46px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #fff;
	line-height: 1.1;
	margin: 0;
	text-decoration: none;
}

.multiscroll-slider .ms-section.active .title {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 700ms;
	transition-delay: 700ms;
}

.multiscroll-slider {
	.ms-inner {
		position: absolute;
		left: 0;
		top: 0;
	}
	.ms-section {
		color: transparent;
	}
}

.multiscroll-slider-left .ms-section,
.multiscroll-slider-right .ms-section {
	padding: 0;
}

@media screen and (max-width: 1050px) and (min-width: 300px) {
	.ms-section, .ms-section.ms-table, .ms-tableCell {
		min-height: 200px !important;
	}
}

@media only screen and (max-width: 767px) {
	.multiscroll-slider .title a {
		font-size: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.multiscroll-slider-left .ms-section,
	.multiscroll-slider-right .ms-section {
		border: 0;
	}
	.ms-section.ms-table {
		display: block;
	}
}

@media only screen and (max-width: 479px) {
	.multiscroll-slider .title {
		top: 50%;
		bottom: auto;
		right: auto;
		left: 0;
		width: 200%;
		padding: 0 15px;
		-webkit-transform: translateY(-50%) translateZ(0);
		transform: translateY(-50%) translateZ(0);
		a {
			font-size: 26px;
		}
	}
	.albums-sp .scroll-btn.down {
		top: -webkit-calc(48% + 50px);
		top: calc(48% + 50px);
		z-index: 10;
	}
	.albums-sp .scroll-btn.up {
		top: -webkit-calc(48% - 50px);
		top: calc(48% - 50px);
		z-index: 10;
	}
	.albums-sp .multiscroll-slider-right,
	.albums-sp .multiscroll-slider-left {
		width: 50%;
	}
}

@-moz-document url-prefix() {
	.multiscroll-slider .ms-inner {
		position: static;
	}
}

/*------------------------------------------------------*/
/*---------------------- 30. BANNER SLIDER ----------------------*/

.banner-slider-wrap .img-bg {
	height: 100%;
	width: 100%;
}

.banner-slider-wrap .slider-banner {
	min-height: 500px !important;
}

.banner-slider-wrap .title {
	font-size: 70px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #fff;
	font-weight: 300;
	letter-spacing: 5.6px;
	margin-bottom: 40px;
}

.banner-slider-wrap .subtitle {
	font-size: 12px;
	line-height: 20px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #fff;
	font-weight: 400;
	letter-spacing: 2.4px;
	margin-bottom: 40px;
	-webkit-font-smoothing: antialiased;
}

.banner-slider-wrap .descr {
	font-size: 14px;
	line-height: 28px;
	font-family: "Georgia", sans-serif;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1.12px;
	max-width: 510px;
}

.banner-slider-wrap .a-btn,
.banner-slider-wrap .a-btn-2 {
	margin-top: 30px !important;
}

.banner-slider-wrap .container {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner-slider-wrap .img-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.banner-slider-wrap .swiper-arrow-right {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	content: '\f103';
	font-family: fontAwesome;
	color: #fff;
	width: 50px;
	height: 50px;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.banner-slider-wrap .swiper-arrow-right .fa {
	font-size: 20px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation-name: sliderArrowAnimation;
	animation-name: sliderArrowAnimation;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	text-align: center;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.banner-slider-wrap .swiper-arrow-right:hover .fa {
	-webkit-animation: none;
	animation: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.6;
}

@-webkit-keyframes sliderArrowAnimation {
	0% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	25% {
		-webkit-transform: translate(-50%, -70%);
		transform: translate(-50%, -70%);
	}
	50% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	75% {
		-webkit-transform: translate(-50%, -30%);
		transform: translate(-50%, -30%);
	}
	100% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@keyframes sliderArrowAnimation {
	0% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	25% {
		-webkit-transform: translate(-50%, -70%);
		transform: translate(-50%, -70%);
	}
	50% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	75% {
		-webkit-transform: translate(-50%, -30%);
		transform: translate(-50%, -30%);
	}
	100% {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 767px) {
	.banner-slider-wrap {
		text-align: center;
	}
	.banner-slider-wrap .title {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	}
	.banner-slider-wrap .swiper-arrow-right {
		bottom: 0;
	}
	.banner-slider-wrap .descr {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 480px) {
	.banner-slider-wrap .subtitle {
		margin-bottom: 20px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 31. SKILLS ----------------------*/

.skill-wrapper {
	.main-title {
		font-weight: 400;
		letter-spacing: 2.88px;
		color: #1b1b1b;
	}
	.skills {
		margin-top: 29px;
		margin-bottom: 29px;
	}
	.skill {
		margin-bottom: 24px;
		.line {
			background-color: #b2b2b2;
			position: relative;
			width: 100%;
			height: 5px;
			margin-top: 13px;
			opacity: .3;
			.active-line {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 0;
				-webkit-transition: width 1.5s ease;
				transition: width 1.5s ease;
				background-color: #1b1b1b;
			}
		}
		.label-skill {
			display: inline-block;
			font-weight: 400;
			line-height: 20px;
			margin-top: 0;
			letter-spacing: 2.4px;
			margin-bottom: 0;
			text-decoration: none;
			font-size: 15px;
			font-family: "ArcaMajora3", sans-serif;
			color: #1b1b1b;
		}
		.value {
			display: inline-block;
			float: right;
			font-family: "Georgia", sans-serif;
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			margin-top: 0;
			letter-spacing: 0px;
			margin-bottom: 0;
			text-decoration: none;
			color: #b2b2b2;
		}
	}
}

@media (max-width: 767px) {
	.skill-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 32. SIMPLE TEXT BLOCK ----------------------*/

.simple-details {
	margin-bottom: 30px;
}

.simple-details .content .subtitle {
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #b2b2b2;
	font-size: 11px;
	line-height: 1.3;
	margin-top: 0;
	letter-spacing: 2px;
	margin-bottom: 30px;
	-webkit-font-smoothing: antialiased;
}

.simple-details .content .subtitle {
	margin-top: -3px;
	margin-bottom: 28px;
}

.simple-details .content .title {
	font-family: "ArcaMajora3", sans-serif;
	line-height: 1.3;
	font-weight: 900;
	color: #1b1b1b;
	letter-spacing: .1px;
	margin: 0 0 20px;
}

.simple-details .content .title {
	font-size: 32px;
}

.simple-details .content .title {
	line-height: 36px;
	margin-bottom: 25px;
}

.simple-details .content .text {
	font-size: 26px;
	line-height: 1.47;
	font-family: "Times New Roman", sans-serif;
	color: #1b1b1b;
	letter-spacing: -.2px;
}

.simple-details .content .text p {
	margin-top: 0;
	margin-bottom: 25px;
}

.simple-details .content .text {
	margin-bottom: 30px;
}

@media (max-width: 1199px) {
	.simple-details .content .subtitle {
		margin-bottom: 20px;
	}
	.simple-details .content .title {
		font-size: 30px;
		line-height: 1.3;
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {
	.simple-details {
		text-align: center;
		padding: 0 15px;
	}
	.simple-details .content .text {
		font-size: 21px;
	}
}

/*------------------------------------------------------*/
/*---------------------- 33. SIMPLE SLIDER ----------------------*/

.img-slider {
	position: relative;
}

.img-slider img {
	width: 100%;
}

.img-slider ul {
	list-style: none;
}

/*------------------------------------------------------*/
/*---------------------- 34. SERVICES ----------------------*/

.services {
	padding: 54px 50px;
	max-width: 500px;
	margin: auto;
	position: relative;
	background-size: cover;
	background-position: center;
	&::before,
	&::after {
		content: '';
		position: absolute;
		background-color: #b2b2b2;
		opacity: .2;
		height: 5px;
		width: 100%;
		left: 0;
	}
	&::before {
		top: 0;
	}

&::after {
		bottom: 0;
	}
	&.classic {
		padding: 0;
		text-align: center;
		&::before,
		&::after {
			display: none;
		}
	}
}

.no-content-button {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.services .img-wrap {
	width: 70px;
	height: 70px;
	background-position: center;
	background-size: cover;
	margin: 0 0 26px;
	position: relative;
	box-shadow: 0px 10px 25px 0px rgba(23, 23, 21, 0.2);
}

.services.classic .img-wrap {
	width: 100%;
	height: 270px;
	box-shadow: none;
}

.services.classic .img-wrap {
	margin: 0 0 17px;
}

.services.classic .content .title {
	text-align: center;
}

.services .content {
	padding-top: 3px;
}

.services .content .title {
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: 2.5px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #1b1b1b;
	text-align: left;
	margin-bottom: 13px;
}

.services .content .text {
	font-size: 15px;
	font-family: "Georgia", sans-serif;
	color: #b2b2b2;
	line-height: 1.8;
	letter-spacing: 0px;
}

.services.classic .content .text {
	padding: 0 45px;
}

.services.simple {
	text-align: center;
	padding: 23px 50px;
	&::before,
	&::after {
		display: none;
	}
	.img-wrap {
		box-shadow: none;
		width: auto;
		height: auto;
		margin: 0 0 16px;
	}
	.content .title {
		position: relative;
		margin-bottom: 37px;
		text-align: center;
		&::before {
			content: '';
			position: absolute;
			height: 3px;
			left: 50%;
			bottom: 0;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 90%;
		}
	}
}

@media only screen and (max-width: 991px) {
	.services .img-wrap {
		margin-right: auto;
		margin-left: auto;
	}
	.services .content .title,
	.services .content {
		text-align: center;
	}
	.services {
		padding: 40px;
	}
	.services.simple {
		padding: 10px;
	}
	.services.classic .content .text {
		padding: 0;
	}
}

/*------------------------------------------------------*/
/*---------------------- 35. PRICING GALLERY ----------------------*/

.pricing-gallery {
	width: 100%;
	.grid-sizer {
		width: 25%;
		display: block;
	}
	.hover-caption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .4);
		color: #fff;
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
		opacity: 0;
		visibility: hidden;
		.caption {
			position: absolute;
			bottom: 20px;
			padding: 0 26px;
			letter-spacing: 2.2px;
		}
	}
	.images {
		display: block;
		height: 292px;
		width: 25%;
		background-position: center;
		background-size: cover;
		background-clip: content-box;
		a {
			height: 100%;
			&:hover .hover-caption {
				opacity: 1;
				visibility: visible;
			}
		}
		&:nth-of-type(6n),
		&:nth-of-type(6),
		&:nth-of-type(12n),
		&:nth-of-type(1) {
			height: 584px;
			width: 50%;
		}
		&:nth-of-type(7),
		&:nth-of-type(7n) {
			height: 584px;
		}
		&:nth-of-type(9n),
		&:nth-of-type(9),
		&:nth-of-type(12n + 1),
		&:nth-of-type(2) {
			width: 50%;
		}
		&.content {
			display: table;
			.content-wrap {
				display: table-cell;
				vertical-align: middle;
				&.bottom {
					vertical-align: bottom;
				}
			}
			.title {
				width: 100%;
				text-align: center;
				font-size: 28px;
				font-family: "Times New Roman", sans-serif;
				color: #1b1b1b;
				line-height: 1.3;
				letter-spacing: -.1px;
			}
			.subtitle {
				width: 100%;
				text-align: center;
				font-size: 11px;
				font-family: "ArcaMajora3 Bold", sans-serif;
				color: #b2b2b2;
				font-weight: bold;
				margin-top: 15px;
				letter-spacing: 2px;
			}
			.currency {
				font-size: 22px;
				display: inline-block;
				position: relative;
				top: -22px;
				right: -14px;
			}
			.price {
				width: 100%;
				text-align: center;
				font-size: 52px;
				font-family: "Georgia", sans-serif;
				color: #1b1b1b;
				letter-spacing: 0;
				margin-top: 15px;
			}
			.description {
				font-size: 28px;
				font-family: "Times New Roman", sans-serif;
				color: #1b1b1b;
				line-height: 1.3;
				letter-spacing: 0px;
				max-width: 450px;
			}
			a.a-btn-2 {
				height: auto;
				margin-top: 40px;
				padding: 15px 18px 15px 27px;;
				letter-spacing: 2.5px;
				font-size: 12px;
			}
		}
	}
}

@media only screen and (max-width: 992px) {
	.pricing-gallery {
		.images {
			width: 50%;
			&:nth-of-type(6n),
			&:nth-of-type(6),
			&:nth-of-type(12n),
			&:nth-of-type(1),
			&:nth-of-type(7),
			&:nth-of-type(7n) {
				height: 292px;
			}
			&:nth-of-type(9n),
			&:nth-of-type(9) {
				width: 100%;
			}
			&.content {
				.content-wrap.bottom {
					vertical-align: middle !important;
				}
			}
		}
	}
}

@media only screen and (max-width: 600px) {
	.pricing-gallery .images {
		width: 100% !important;
		&.content .description {
			font-size: 25px;
		}
	}
}

/*------------------------------------------------------*/
/*---------------------- 36. PRICING ----------------------*/

.pricing-item {
	padding: 60px 70px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
}

/*Mask block*/
.pricing-item .mask-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 200px;
	min-width: 200px;
	height: 320px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 30px;
}

/*SVG mask*/
.pricing-item .mask-image .pricing_mask {
	fill: #fff;
}

.pricing-item .mask-image .pricing-transparent-mask {
	fill: transparent;
}

/*Pricing info*/
.pricing-info {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.pricing-info .subtitle {
	display: block;
	margin: 0;
	margin-bottom: 24px;
	font-size: 12px;
	line-height: 25px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	letter-spacing: 2.4px;
	font-weight: 400;
	color: #1b1b1b;
}

.pricing-info .title {
	display: block;
	margin: 0;
	margin-bottom: 22px;
	font-size: 36px;
	line-height: 40px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	letter-spacing: 2.88px;
	font-weight: 400;
	color: #1b1b1b;
}

.pricing-info .pricing-list p:empty {
	display: none;
}

.pricing-info .pricing-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}

.pricing-info .pricing-list ul li {
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1.12px;
	font-family: "Georgia", sans-serif;
	color: #b2b2b2;
}

.pricing-info .a-btn-2 {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

@media (max-width: 1199px) {
	.pricing-item {
		padding: 60px 30px;
	}
}

@media (max-width: 991px) {
	.pricing-item {
		padding: 30px 15px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
	}
	.pricing-item .mask-image {
		margin: auto;
		margin-bottom: 40px;
		height: 220px;
	}
	.pricing-item .pricing-info {
		width: 100%;
	}
	.pricing-info .a-btn-2 {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	}
}

@media (max-width: 767px) {
	.pricing-item {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*------------------------------------------------------*/
/*---------------------- 37. POSTS ----------------------*/

.all-posts-descr {
	margin: 15px 0;
}

.all-posts-descr h6 {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 2.40px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-weight: 400;
	color: #1b1b1b;
	font-style: normal;
	margin-top: -7px;
	margin-bottom: 27px;
	-webkit-font-smoothing: antialiased;
}

.all-posts-descr h5 {
	font-size: 36px;
	line-height: 40px;
	letter-spacing: 2.88px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-weight: 400;
	color: #1b1b1b;
	margin-bottom: 20px;
}

.all-posts-descr p {
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: 400;
	color: #b2b2b2;
	margin-bottom: 30px;
}

// all post description - style post-list
.post_list {
	.all-posts-descr {
		text-align: center;
		max-width: 770px;
		margin: 50px auto 58px auto;
		h5 {
			font-family: "ArcaMajora3 Bold", sans-serif;
			font-size: 56px;
			line-height: 1.2;
			letter-spacing: 5px;
			font-weight: 400;
			margin-bottom: 10px;
		}
	}
}

.post-list {
	.portfolio-wrapper {
		height: auto !important;
	}
}

// all post description - style simple
.row.simple {
	.all-posts-descr {
		text-align: left;
		margin: 0 0 40px 0;
	}
}

// post - style default
.post-box {
	text-align: center;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 240px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	opacity: 1;
}

.post-box:hover {
	opacity: 1;
}

.post-box:before {
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	content: '';
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.post-box .text {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.post-box .text h6 {
	font-size: 24px;
	color: #fff;
	font-family: "ArcaMajora3 Bold", sans-serif;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 1.92px;
	margin-bottom: 10px;
	font-style: normal;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.post-box .text span {
	font-size: 11px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: "ArcaMajora3 Bold", sans-serif;
	letter-spacing: 1.1px;
	color: #fff;
	font-weight: 400;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-font-smoothing: antialiased;
}

.post-box:hover:before,
.post-box:hover .text h6,
.post-box:hover .text span {
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.post-box .post-descr {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	background-color: #fff;
}

.post-box .post-descr .wrap {
	padding: 15px;
}

.post-box .post-descr h6 {
	font-size: 26px;
	font-family: "Georgia", sans-serif;
	color: #1b1b1b;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 1.4;
	font-style: normal;
}

.post-box .post-descr p {
	font-size: 14px;
	font-family: "ArcaMajora3 Bold", sans-serif;
	color: #1b1b1b;
	opacity: .9;
	line-height: 24px;
}

.post-box .post-descr a {
	margin-top: 20px;
	font-weight: 300;
}

.post-box:hover .post-descr,
.post-box.active .post-descr {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

// post - style post-list
.post_list {
	.post-box {
		height: auto;
		max-width: 770px;
		margin-left: auto;
		margin-right: auto;
		&:before {
			display: none;
		}
		&:hover {
			.text {
				.post-box-date {
					opacity: 1;
				}
			}
		}
		.post-box-img-wrapp {
			height: 470px;
			display: block;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
		}
		.text {
			position: static;
			-webkit-transform: none;
			transform: none;
			margin: 30px 0 40px 0;
			.post-box-title {
				color: #1b1b1b;
				font-weight: 400;
				letter-spacing: 1.92px;
				margin-bottom: 0;
				a {
					text-decoration: none;
				}
			}
			.post-box-date {
				font-size: 12px;
				line-height: 20px;
				text-transform: uppercase;
				font-family: "ArcaMajora3 Bold", sans-serif;
				letter-spacing: 1.1px;
				color: #1b1b1b;
				font-weight: 400;
				-webkit-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
		}
	}
}

// post - style simple
.row.simple {
	overflow-y: scroll;
	border-right: 2px solid #f0f0f0;
	&::-webkit-scrollbar {
		width: 4px;
	}
	&::-webkit-scrollbar-thumb {
		background-color: #1b1b1b;
		outline: none;
	}
}

.simple {
	margin-left: 0;
	margin-right: 0;
	.col-lg-12, .col-sm-12, .col-xs-12 {
		padding-right: 15px;
		padding-left: 0;
	}
	.post-box {
		height: auto;
		text-align: left;
		margin: 0 0 33px 0;
		&:before {
			display: none;
		}
		.text {
			position: static;
			-webkit-transform: none;
			-webkit-transform: none;
			transform: none;
			.post-box-date {
				font-size: 11px;
				line-height: 1.3;
				text-transform: uppercase;
				font-family: "ArcaMajora3 Bold", sans-serif;
				letter-spacing: 1px;
				display: inline-block;
				margin-top: 14px;
				color: #b2b2b2;
				opacity: .7;
				font-weight: 100;
				-webkit-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
			.post-box-title {
				color: #1b1b1b;
				font-weight: 400;
				letter-spacing: 2.6px;
				margin-bottom: 0;
				margin-top: -5px;
				font-size: 15px;
				a {
					text-decoration: none;
				}
			}
			.post-box-desc {
				font-size: 13px;
				line-height: 2;
				letter-spacing: 0;
				font-family: "Georgia", sans-serif;
				font-weight: 400;
				color: #b2b2b2;
				margin-bottom: 0;
				margin-top: 5px;
				p {
					margin-bottom: 0;
					color: #b2b2b2;
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.all-posts-descr h6 {
		margin-bottom: 10px;
	}
	.post_list {
		.post-box {
			.post-box-img-wrapp {
				height: 370px;
			}
		}
	}
}

@media only screen and (max-width: 767px) {
	.all-posts-descr {
		text-align: center;
		padding: 0 15px;
		margin-bottom: 40px;
	}
	.post_list {
		.all-posts-descr {
			margin: 30px auto;
			h5 {
				font-size: 34px;
				line-height: 40px;
			}
		}
	}
	.post-box {
		margin: 0 0 5px;
	}
	.post-box .text {
		padding: 0 15px;
	}
	.post_list {
		.post-box {
			.text {
				margin: 15px 0;
			}
		}
	}
	.simple {
		margin: 0 15px;
	}
	.simple {
		.post-box {
			.text {
				padding: 0;
			}
		}
	}
}

.post-list .pager-pagination {
	padding: 35px 15px;
	margin: auto;
	max-width: 1000px;
	.page-numbers {
		display: none;
		&.next,
		&.prev {
			padding-top: 2px;
			display: inline-block;
			font-size: 11px;
			font-family: "ArcaMajora3 Bold", sans-serif;
			color: #b2b2b2;
			max-width: 50%;
			padding-bottom: 0;
			text-transform: uppercase;
			position: relative;
			letter-spacing: 2px;
			border: none;
			&::before {
				position: absolute;
				color: #1b1b1b;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				font-family: 'FontAwesome';
				font-size: 35px;
				font-weight: 900;
				line-height: 40px;
				display: block;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
			&.prev::before {
				content: '\f104';
				left: 5px;
			}
			&.next::before {
				content: '\f105';
				right: -10px;
			}
			&.prev::after {
				left: 0;
			}
			&.next::after {
				right: 2px;
			}
			&::after {
				content: '';
				height: 4px;
				display: block;
				position: absolute;
				width: 30px;
				background-color: #1b1b1b;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
		}
		&.next {
			float: right;
			padding-right: 40px;
			&:hover {
				opacity: 1;
				&::before {
					right: -20px;
				}
				&::after {
					right: -8px;
				}
			}
		}
		&.prev {
			float: left;
			padding-left: 40px;
			&:hover {
				opacity: 1;
				&::before {
					left: -7px;
				}
				&::after {
					left: -10px;
				}
			}
		}
	}
}

@media only screen and (max-width: 767px) {
	.post-list .pager-pagination .page-numbers.prev,
	.post-list .pager-pagination .page-numbers.next {
		padding-left: 15px;
		padding-right: 15px;
		&::before,
		&::after {
			display: none;
		}
	}
	.post-list .pager-pagination {
		padding: 20px 0;
	}
}

@media only screen and (max-width: 600px) {
	.next.page-numbers,
	.prev.page-numbers {
		display: none;
	}
}

/*------------------------------------------------------*/
/*---------------------- 38. PORTFOLIO SLIDER ----------------------*/

//CAROUSEL ALBUMS
.swiper3-container.carousel-albums {
	.swiper3-button-next,
	.swiper3-button-prev {
		background-image: none;
		position: absolute;
		width: 40px;
		height: 40px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.swiper3-button-next::before,
	.swiper3-button-prev::before {
		content: '\f105';
		right: -10px;
		position: absolute;
		color: #fff;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-family: 'FontAwesome';
		font-size: 39px;
		font-weight: 900;
		line-height: 40px;
		display: block;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.swiper3-button-prev::before {
		content: '\f104';
		left: 5px;
		right: auto;
	}
	.swiper3-button-next::after,
	.swiper3-button-prev::after {
		content: '';
		right: 0;
		height: 4px;
		display: block;
		position: absolute;
		width: 35px;
		background-color: #fff;
		top: 51%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	/*This will work for firefox*/
	@-moz-document url-prefix() {
		.swiper3-button-next::after,
		.swiper3-button-prev::after {
			top: 52%;
		}
	}
	.swiper3-button-prev::after {
		right: auto;
		left: 0;
	}
	.swiper3-button-next {
		right: 30px;
		&:hover {
			right: 20px;
		}
	}
	.swiper3-button-prev {
		left: 30px;
		&:hover {
			left: 20px;
		}
	}
	.swiper3-slide {
		width: 75%;
		&::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, .5);
			-webkit-transition: background-color 450ms ease-out;
			transition: background-color 450ms ease-out;
		}
		.image-wrap .caption {
			opacity: 0;
			-webkit-transition: opacity 450ms ease;
			transition: opacity 450ms ease;
		}
	}
	.swiper3-slide.swiper3-slide-active,
	.swiper3-slide-duplicate-active {
		&::before {
			-webkit-transition: background-color 450ms ease-out;
			transition: background-color 450ms ease-out;
			background-color: rgba(0, 0, 0, 0);
		}
		.image-wrap .caption {
			opacity: 1;
			-webkit-transition-delay: 200ms;
			transition-delay: 200ms;
		}
	}
	.swiper3-pagination {
		display: none;
	}
}

.albums-sp .scroll-btn.down {
	top: -webkit-calc(49% + 70px);
	top: calc(49% + 70px);
	left: -webkit-calc(50% - 15px);
	left: calc(50% - 15px);
}

.albums-sp .scroll-btn.up {
	top: -webkit-calc(48% - 70px);
	top: calc(48% - 70px);
	right: -webkit-calc(50% - 15px);
	right: calc(50% - 15px);
}

.scroll-btn {
	position: absolute;
	top: 48%;
	width: 30px;
	height: 15px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	&::before {
		content: '';
		position: absolute;
		color: #fff;
		top: 50%;
		left: 9px;
		border-left: 4px solid #fff;
		border-top: 4px solid #fff;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		-ms-transform: translate(-50%, -50%) rotate(-45deg);
		-moz-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
		width: 17px;
		height: 17px;
		display: block;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	&::after {
		content: '';
		height: 4px;
		display: block;
		position: absolute;
		width: 30px;
		background-color: #fff;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

&.up {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		right: -webkit-calc(50% - 50px);
		right: calc(50% - 50px);
	}
	&.down {
		left: -webkit-calc(50% - 50px);
		left: calc(50% - 50px);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

.carousel-albums .image-wrap .caption {
	position: absolute;
	left: 50px;
	bottom: 50px;
	.title {
		font-size: 50px;
		font-family: "ArcaMajora3", sans-serif;
		color: #fff;
		display: inline-block;
		width: auto;
		line-height: 1.4;
		height: auto;
		position: relative;
		text-decoration: none;
		&:hover {
			opacity: .8;
		}
	}
	.descr {
		font-size: 20px;
		font-family: "Georgia", sans-serif;
		color: #fff;
		font-style: italic;
		letter-spacing: 0px;
		line-height: normal;
		p {
			margin-bottom: 0;
		}
	}
}

.carousel-albums .image-wrap {
	height: -webkit-calc(100vh - 200px);
	height: calc(100vh - 200px);
	background-size: cover;
	background-position: center;
	width: 100%;
}

@media only screen and (min-width: 1024px) {
	.swiper3-container.carousel-albums .swiper3-button-prev {
		left: 85px;
		&:hover {
			left: 75px;
		}
	}
	.swiper3-container.carousel-albums .swiper3-button-next {
		right: 85px;
		&:hover {
			right: 75px;
		}
	}
}

@media only screen and (max-width: 992px) {
	.carousel-albums .image-wrap .caption .title {
		font-size: 36px;
	}
	.carousel-albums .image-wrap .caption .descr {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.swiper3-container.carousel-albums .swiper3-button-next,
	.swiper3-container.carousel-albums .swiper3-button-prev {
		display: none;
	}
	.carousel-albums .image-wrap .caption .title {
		font-size: 30px;
	}
	.carousel-albums .image-wrap .caption {
		left: 20px;
		bottom: 25px;
	}
}

@media only screen and (max-width: 600px) {
	.carousel-albums .image-wrap {
		max-height: 380px;
	}
}