/*--------------------------------------------------
	Ajax Page Transition
---------------------------------------------------*/
	
	main{
		overflow:hidden
	}
	main .cd-main-content>div{
		height:100%;
		min-height: 100vh;
	}
	main .cd-main-content{
		width:100%;
	}
	main .cd-main-content.cd-index>div{
		vertical-align:middle
	}
	main .cd-main-content.cd-index::after{
		background-color:rgba(64,137,166,0);
		background-image:-webkit-linear-gradient(bottom,#4089a6,rgba(64,137,166,0));
		background-image:linear-gradient(to top,#4089a6,rgba(64,137,166,0))
	}
	main .cd-main-content.cd-index::before{
		background-color:rgba(64,137,166,0);
		background-image:-webkit-linear-gradient(top,#4089a6,rgba(64,137,166,0));
		background-image:linear-gradient(to bottom,#4089a6,rgba(64,137,166,0))
	}
	main .cd-main-content.cd-about{
		background-color:#fff
	}
	main .cd-main-content.cd-about>div{
		padding-top:50px
	}
	main .cd-main-content.cd-about::after{
		background-color:rgba(40,48,64,0);
		background-image:-webkit-linear-gradient(bottom,#283040,rgba(40,48,64,0));
		background-image:linear-gradient(to top,#283040,rgba(40,48,64,0))
	}
	main .cd-main-content.cd-about::before{
		background-color:rgba(40,48,64,0);
		background-image:-webkit-linear-gradient(top,#283040,rgba(40,48,64,0));
		background-image:linear-gradient(to bottom,#283040,rgba(40,48,64,0))
	}
	.cd-cover-layer,.cd-cover-layer.invisible{
		background-color:transparent
	}
	.cd-cover-layer{
		position:fixed;
		z-index:5000;
		left:50%;
		top:50%;
		bottom:auto;
		right:auto;
		-webkit-transform:translateX(-50%) translateY(-50%);
		-moz-transform:translateX(-50%) translateY(-50%);
		-ms-transform:translateX(-50%) translateY(-50%);
		-o-transform:translateX(-50%) translateY(-50%);
		transform:translateX(-50%) translateY(-50%);
		height:101%;
		width:101%;
		opacity:0;
		visibility:hidden;
		-webkit-transition:opacity .4s .4s,visibility 0s .4s;
		-moz-transition:opacity .4s .4s,visibility 0s .4s;
		transition:opacity .6s 0s,visibility 0s .4s
	}
	.page-is-changing .cd-cover-layer{
		opacity:1;
		visibility:visible;
		-webkit-transition:opacity .3s 0s,visibility 0s 0s;
		-moz-transition:opacity .3s 0s,visibility 0s 0s;
		transition:opacity .3s .3s,visibility 0s 0s
	}
 

/*--------------------------------------------------
	Flex Nav
---------------------------------------------------*/	

	.flexnav,.flexnav li ul{
		width:100%;
		margin:0
	}
	.flexnav,.flexnav li{
		margin:0
	}
	.flexnav li,.flexnav li ul li{
		font-size:100%
	}
	.flexnav .touch-button:hover,.menu-button{
		cursor:pointer
	}
	.flexnav{
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		transition:none;
		-webkit-transform-style:preserve-3d;
		overflow:hidden;
		max-height:0
	}
	.flexnav.opacity{
		opacity:0
	}
	.flexnav.flexnav-show{
		max-height:2000px;
		opacity:1;
		-webkit-transition:all .5s ease-in-out;
		-moz-transition:all .5s ease-in-out;
		-ms-transition:all .5s ease-in-out;
		transition:all .5s ease-in-out
	}
	.flexnav.one-page{
		position:fixed;
		top:50px;
		right:5%;
		max-width:200px
	}
	.flexnav li,.flexnav li a,.flexnav li ul li{
		position:relative;
		overflow:hidden
	}
	.flexnav li a{
		background:#fff;
		border-bottom:1px solid rgba(0,0,0,.05);
		color:#222;
		display:block;
		padding:20px 0;
		z-index:2
	}
	.oldie .flexnav li ul.open ul.open,.oldie .flexnav ul li:hover ul{
		margin-left:100%;
		top:0
	}
	.flexnav li ul.flexnav-show li,.oldie .flexnav,.oldie .flexnav li,.oldie .flexnav li a{
		overflow:visible
	}
	.flexnav li ul li a{
		background:#fff;
		display:block;
		padding:20px
	}
	.flexnav ul li ul li a{
		background:#bfbfbc
	}
	.flexnav ul li ul li ul li a{
		background:#cbcbc9
	}
	.flexnav .touch-button{
		background:rgba(0,0,0,0);
		display:inline-block;
		height:60px;
		position:absolute;
		right:0;
		text-align:right;
		top:0;
		width:60px;
		z-index:999
	}
	.flexnav .touch-button .navicon{
		position:relative;
		top:1.8em;
		font-size:12px;
		color:#666
	}
	.menu-button{
		background:0 0;
		border-bottom:medium none;
		box-sizing:border-box;
		color:#222;
		display:block;
		font-size:14px;
		font-weight:400;
		height:60px;
		line-height:60px;
		padding:0 50px;
		position:relative;
		text-align:right;
		text-transform:uppercase;
		z-index:0
	}
	.no-button .menu-button{
		padding-right:0
	}
	.menu-button.one-page{
		position:fixed;
		top:0;
		right:5%;
		padding-right:45px
	}
	.menu-button .touch-button{
		background:0 0;
		display:none;
		position:absolute;
		z-index:999;
		top:0;
		right:0;
		width:50px;
		height:50px;
		text-align:center
	}
	.menu-button .touch-button .navicon{
		font-size:16px;
		position:relative;
		top:1em;
		color:#666
	}
	@media all and (min-width:1025px){
		.flexnav li a,.flexnav li ul li a{
			border-bottom:none
		}
		.flexnav,.flexnav li{
			overflow:visible
		}
		body.one-page{
			padding-top:70px
		}
		.flexnav.opacity{
			opacity:1
		}
		.flexnav.one-page{
			top:0;
			right:auto;
			max-width:1080px
		}
		.flexnav li{
			position:relative;
			list-style:none;
			float:left;
			display:block;
			background-color:#a6a6a2
		}
		.flexnav li a{
			border-left:1px solid #acaca1
		}
		.flexnav li>ul{
			position:absolute;
			top:auto;
			left:0
		}
		.flexnav li ul li>ul,.flexnav li ul.open ul.open{
			margin-left:100%;
			top:0
		}
		.flexnav li>ul li{
			width:100%
		}
		.flexnav li ul.open{
			display:block;
			opacity:1;
			visibility:visible;
			z-index:1
		}
		.flexnav li ul.open li{
			overflow:visible;
			max-height:100px
		}
		.menu-button{
			display:none
		}
	}
	.oldie body.one-page{
		padding-top:70px
	}
	.oldie .flexnav.one-page{
		top:0;
		right:auto;
		max-width:1080px
	}
	.oldie .flexnav li{
		position:relative;
		list-style:none;
		float:left;
		display:block;
		background-color:#a6a6a2;
		width:20%;
		min-height:50px
	}
	.oldie .flexnav li:hover>ul{
		display:block;
		width:100%;
		overflow:visible
	}
	.oldie .flexnav li:hover>ul li{
		width:100%;
		float:none
	}
	.oldie .flexnav li a{
		border-left:1px solid #acaca1;
		border-bottom:none
	}
	.oldie .flexnav li>ul{
		background:#acaca1;
		position:absolute;
		top:auto;
		left:0;
		display:none;
		z-index:1;
		overflow:visible
	}
	.oldie .flexnav li ul.open,.oldie .flexnav li ul.open ul.open{
		display:block;
		width:100%;
		overflow:visible
	}
	.oldie .flexnav li ul li ul{
		top:0
	}
	.oldie .flexnav li ul li a{
		border-bottom:none
	}
	.oldie .flexnav li ul.open li{
		width:100%
	}
	.oldie .menu-button{
		display:none
	}
	.oldie.ie7 .flexnav li{
		width:19.9%
	}


/*--------------------------------------------------
	Swiper Slider
---------------------------------------------------*/	

	.swiper-container {
	  margin: 0 auto;
	  position: relative;
	  overflow: hidden;
	  z-index: 1;
	}
	.swiper-container-no-flexbox .swiper-slide {
	  float: left;
	}
	.swiper-container-vertical > .swiper-wrapper {
	  -webkit-box-orient: vertical;
	  -moz-box-orient: vertical;
	  -ms-flex-direction: column;
	  -webkit-flex-direction: column;
	  flex-direction: column;
	}
	.swiper-wrapper {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  z-index: 1;
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-transition-property: -webkit-transform;
	  -moz-transition-property: -moz-transform;
	  -o-transition-property: -o-transform;
	  -ms-transition-property: -ms-transform;
	  transition-property: transform;
	  -webkit-box-sizing: content-box;
	  -moz-box-sizing: content-box;
	  box-sizing: content-box;
	}
	.swiper-container-android .swiper-slide,
	.swiper-wrapper {
	  -webkit-transform: translate3d(0px, 0, 0);
	  -moz-transform: translate3d(0px, 0, 0);
	  -o-transform: translate(0px, 0px);
	  -ms-transform: translate3d(0px, 0, 0);
	  transform: translate3d(0px, 0, 0);
	}
	.swiper-container-multirow > .swiper-wrapper {
	  -webkit-box-lines: multiple;
	  -moz-box-lines: multiple;
	  -ms-flex-wrap: wrap;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	}
	.swiper-container-free-mode > .swiper-wrapper {
	  -webkit-transition-timing-function: ease-out;
	  -moz-transition-timing-function: ease-out;
	  -ms-transition-timing-function: ease-out;
	  -o-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	  margin: 0 auto;
	}
	.swiper-slide {
	  -webkit-flex-shrink: 0;
	  -ms-flex: 0 0 auto;
	  flex-shrink: 0;
	  width: 100%;
	  height: 100%;
	  position: relative;
	}
	/* Auto Height */
	.swiper-container-autoheight,
	.swiper-container-autoheight .swiper-slide {
	  height: auto;
	}
	.swiper-container-autoheight .swiper-wrapper {
	  -webkit-box-align: start;
	  -ms-flex-align: start;
	  -webkit-align-items: flex-start;
	  align-items: flex-start;
	  -webkit-transition-property: -webkit-transform, height;
	  -moz-transition-property: -moz-transform;
	  -o-transition-property: -o-transform;
	  -ms-transition-property: -ms-transform;
	  transition-property: transform, height;
	}
	/* a11y */
	.swiper-container .swiper-notification {
	  position: absolute;
	  left: 0;
	  top: 0;
	  pointer-events: none;
	  opacity: 0;
	  z-index: -1000;
	}
	/* IE10 Windows Phone 8 Fixes */
	.swiper-wp8-horizontal {
	  -ms-touch-action: pan-y;
	  touch-action: pan-y;
	}
	.swiper-wp8-vertical {
	  -ms-touch-action: pan-x;
	  touch-action: pan-x;
	}
	/* Arrows */
	.swiper-button-prev,
	.swiper-button-next {
	  position: absolute;
	  top: 50%;
	  width: 27px;
	  height: 44px;
	  margin-top: -22px;
	  z-index: 10;
	  cursor: pointer;
	  -moz-background-size: 27px 44px;
	  -webkit-background-size: 27px 44px;
	  background-size: 27px 44px;
	  background-position: center;
	  background-repeat: no-repeat;
	}
	.swiper-button-prev.swiper-button-disabled,
	.swiper-button-next.swiper-button-disabled {
	  opacity: 0.35;
	  cursor: auto;
	  pointer-events: none;
	}
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	  left: 10px;
	  right: auto;
	}
	.swiper-button-prev.swiper-button-black,
	.swiper-container-rtl .swiper-button-next.swiper-button-black {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
	}
	.swiper-button-prev.swiper-button-white,
	.swiper-container-rtl .swiper-button-next.swiper-button-white {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	}
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	  right: 10px;
	  left: auto;
	}
	.swiper-button-next.swiper-button-black,
	.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
	}
	.swiper-button-next.swiper-button-white,
	.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	}
	/* Pagination Styles */
	.swiper-pagination {
	  position: absolute;
	  text-align: center;
	  -webkit-transition: 300ms;
	  -moz-transition: 300ms;
	  -o-transition: 300ms;
	  transition: 300ms;
	  -webkit-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  z-index: 10;
	}
	.swiper-pagination.swiper-pagination-hidden {
	  opacity: 0;
	}
	/* Common Styles */
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-container-horizontal > .swiper-pagination-bullets {
	  bottom: 10px;
	  left: 0;
	  width: 100%;
	}
	/* Bullets */
	.swiper-pagination-bullet {
	  width: 8px;
	  height: 8px;
	  display: inline-block;
	  border-radius: 100%;
	  background: #000;
	  opacity: 0.2;
	}
	button.swiper-pagination-bullet {
	  border: none;
	  margin: 0;
	  padding: 0;
	  box-shadow: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -webkit-appearance: none;
	  appearance: none;
	}
	.swiper-pagination-clickable .swiper-pagination-bullet {
	  cursor: pointer;
	}
	.swiper-pagination-white .swiper-pagination-bullet {
	  background: #fff;
	}
	.swiper-pagination-bullet-active {
	  opacity: 1;
	  background: #007aff;
	}
	.swiper-pagination-white .swiper-pagination-bullet-active {
	  background: #fff;
	}
	.swiper-pagination-black .swiper-pagination-bullet-active {
	  background: #000;
	}
	.swiper-container-vertical > .swiper-pagination-bullets {
	  right: 10px;
	  top: 50%;
	  -webkit-transform: translate3d(0px, -50%, 0);
	  -moz-transform: translate3d(0px, -50%, 0);
	  -o-transform: translate(0px, -50%);
	  -ms-transform: translate3d(0px, -50%, 0);
	  transform: translate3d(0px, -50%, 0);
	}
	.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 5px 0;
	  display: block;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 0 5px;
	}
	/* Progress */
	.swiper-pagination-progress {
	  background: rgba(0, 0, 0, 0.25);
	  position: absolute;
	}
	.swiper-pagination-progress .swiper-pagination-progressbar {
	  background: #007aff;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  -webkit-transform: scale(0);
	  -ms-transform: scale(0);
	  -o-transform: scale(0);
	  transform: scale(0);
	  -webkit-transform-origin: left top;
	  -moz-transform-origin: left top;
	  -ms-transform-origin: left top;
	  -o-transform-origin: left top;
	  transform-origin: left top;
	}
	.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	  -webkit-transform-origin: right top;
	  -moz-transform-origin: right top;
	  -ms-transform-origin: right top;
	  -o-transform-origin: right top;
	  transform-origin: right top;
	}
	.swiper-container-horizontal > .swiper-pagination-progress {
	  width: 100%;
	  height: 4px;
	  left: 0;
	  top: 0;
	}
	.swiper-container-vertical > .swiper-pagination-progress {
	  width: 4px;
	  height: 100%;
	  left: 0;
	  top: 0;
	}
	.swiper-pagination-progress.swiper-pagination-white {
	  background: rgba(255, 255, 255, 0.5);
	}
	.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	  background: #fff;
	}
	.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	  background: #000;
	}
	/* 3D Container */
	.swiper-container-3d {
	  -webkit-perspective: 1200px;
	  -moz-perspective: 1200px;
	  -o-perspective: 1200px;
	  perspective: 1200px;
	}
	.swiper-container-3d .swiper-wrapper,
	.swiper-container-3d .swiper-slide,
	.swiper-container-3d .swiper-slide-shadow-left,
	.swiper-container-3d .swiper-slide-shadow-right,
	.swiper-container-3d .swiper-slide-shadow-top,
	.swiper-container-3d .swiper-slide-shadow-bottom,
	.swiper-container-3d .swiper-cube-shadow {
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -ms-transform-style: preserve-3d;
	  transform-style: preserve-3d;
	}
	.swiper-container-3d .swiper-slide-shadow-left,
	.swiper-container-3d .swiper-slide-shadow-right,
	.swiper-container-3d .swiper-slide-shadow-top,
	.swiper-container-3d .swiper-slide-shadow-bottom {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  pointer-events: none;
	  z-index: 10;
	}
	.swiper-container-3d .swiper-slide-shadow-left {
	  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	  /* Safari 4+, Chrome */
	  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Chrome 10+, Safari 5.1+, iOS 5+ */
	  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 3.6-15 */
	  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Opera 11.10-12.00 */
	  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 16+, IE10, Opera 12.50+ */
	}
	.swiper-container-3d .swiper-slide-shadow-right {
	  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	  /* Safari 4+, Chrome */
	  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Chrome 10+, Safari 5.1+, iOS 5+ */
	  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 3.6-15 */
	  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Opera 11.10-12.00 */
	  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 16+, IE10, Opera 12.50+ */
	}
	.swiper-container-3d .swiper-slide-shadow-top {
	  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	  /* Safari 4+, Chrome */
	  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Chrome 10+, Safari 5.1+, iOS 5+ */
	  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 3.6-15 */
	  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Opera 11.10-12.00 */
	  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 16+, IE10, Opera 12.50+ */
	}
	.swiper-container-3d .swiper-slide-shadow-bottom {
	  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	  /* Safari 4+, Chrome */
	  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Chrome 10+, Safari 5.1+, iOS 5+ */
	  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 3.6-15 */
	  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Opera 11.10-12.00 */
	  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	  /* Firefox 16+, IE10, Opera 12.50+ */
	}
	/* Coverflow */
	.swiper-container-coverflow .swiper-wrapper,
	.swiper-container-flip .swiper-wrapper {
	  /* Windows 8 IE 10 fix */
	  -ms-perspective: 1200px;
	}
	/* Cube + Flip */
	.swiper-container-cube,
	.swiper-container-flip {
	  overflow: visible;
	}
	.swiper-container-cube .swiper-slide,
	.swiper-container-flip .swiper-slide {
	  pointer-events: none;
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  -ms-backface-visibility: hidden;
	  backface-visibility: hidden;
	  z-index: 1;
	}
	.swiper-container-cube .swiper-slide .swiper-slide,
	.swiper-container-flip .swiper-slide .swiper-slide {
	  pointer-events: none;
	}
	.swiper-container-cube .swiper-slide-active,
	.swiper-container-flip .swiper-slide-active,
	.swiper-container-cube .swiper-slide-active .swiper-slide-active,
	.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	  pointer-events: auto;
	}
	.swiper-container-cube .swiper-slide-shadow-top,
	.swiper-container-flip .swiper-slide-shadow-top,
	.swiper-container-cube .swiper-slide-shadow-bottom,
	.swiper-container-flip .swiper-slide-shadow-bottom,
	.swiper-container-cube .swiper-slide-shadow-left,
	.swiper-container-flip .swiper-slide-shadow-left,
	.swiper-container-cube .swiper-slide-shadow-right,
	.swiper-container-flip .swiper-slide-shadow-right {
	  z-index: 0;
	  -webkit-backface-visibility: hidden;
	  -moz-backface-visibility: hidden;
	  -ms-backface-visibility: hidden;
	  backface-visibility: hidden;
	}
	/* Cube */
	.swiper-container-cube .swiper-slide {
	  visibility: hidden;
	  -webkit-transform-origin: 0 0;
	  -moz-transform-origin: 0 0;
	  -ms-transform-origin: 0 0;
	  transform-origin: 0 0;
	  width: 100%;
	  height: 100%;
	}
	.swiper-container-cube.swiper-container-rtl .swiper-slide {
	  -webkit-transform-origin: 100% 0;
	  -moz-transform-origin: 100% 0;
	  -ms-transform-origin: 100% 0;
	  transform-origin: 100% 0;
	}
	.swiper-container-cube .swiper-slide-active,
	.swiper-container-cube .swiper-slide-next,
	.swiper-container-cube .swiper-slide-prev,
	.swiper-container-cube .swiper-slide-next + .swiper-slide {
	  pointer-events: auto;
	  visibility: visible;
	}
	.swiper-container-cube .swiper-cube-shadow {
	  position: absolute;
	  left: 0;
	  bottom: 0px;
	  width: 100%;
	  height: 100%;
	  background: #000;
	  opacity: 0.6;
	  -webkit-filter: blur(50px);
	  filter: blur(50px);
	  z-index: 0;
	}
	/* Fade */
	.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	  -webkit-transition-timing-function: ease-out;
	  -moz-transition-timing-function: ease-out;
	  -ms-transition-timing-function: ease-out;
	  -o-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.swiper-container-fade .swiper-slide {
	  pointer-events: none;
	  -webkit-transition-property: opacity;
	  -moz-transition-property: opacity;
	  -o-transition-property: opacity;
	  transition-property: opacity;
	}
	.swiper-container-fade .swiper-slide .swiper-slide {
	  pointer-events: none;
	}
	.swiper-container-fade .swiper-slide-active,
	.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	  pointer-events: auto;
	}
	/* Scrollbar */
	.swiper-scrollbar {
	  border-radius: 10px;
	  position: relative;
	  -ms-touch-action: none;
	  background: rgba(0, 0, 0, 0.1);
	}
	.swiper-container-horizontal > .swiper-scrollbar {
	  position: absolute;
	  left: 1%;
	  bottom: 3px;
	  z-index: 50;
	  height: 5px;
	  width: 98%;
	}
	.swiper-container-vertical > .swiper-scrollbar {
	  position: absolute;
	  right: 3px;
	  top: 1%;
	  z-index: 50;
	  width: 5px;
	  height: 98%;
	}
	.swiper-scrollbar-drag {
	  height: 100%;
	  width: 100%;
	  position: relative;
	  background: rgba(0, 0, 0, 0.5);
	  border-radius: 10px;
	  left: 0;
	  top: 0;
	}
	.swiper-scrollbar-cursor-drag {
	  cursor: move;
	}
	/* Preloader */
	.swiper-lazy-preloader {
	  width: 42px;
	  height: 42px;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  margin-left: -21px;
	  margin-top: -21px;
	  z-index: 10;
	  -webkit-transform-origin: 50%;
	  -moz-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	  animation: swiper-preloader-spin 1s steps(12, end) infinite;
	}
	.swiper-lazy-preloader:after {
	  display: block;
	  content: "";
	  width: 100%;
	  height: 100%;
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	  background-position: 50%;
	  -webkit-background-size: 100%;
	  background-size: 100%;
	  background-repeat: no-repeat;
	}
	.swiper-lazy-preloader-white:after {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	}
	@-webkit-keyframes swiper-preloader-spin {
	  100% {
		-webkit-transform: rotate(360deg);
	  }
	
	}
	@keyframes swiper-preloader-spin {
	  100% {
		transform: rotate(360deg);
	  }
	}



/*--------------------------------------------------
	Owl Carousel
---------------------------------------------------*/	

	.owl-carousel,.owl-carousel .owl-item{
		-webkit-tap-highlight-color:transparent;
		position:relative
	}
	.owl-carousel{
		display:none;
		width:100%;
		z-index:1
	}
	.owl-carousel .owl-stage{
		position:relative;
		-ms-touch-action:pan-Y;
		-moz-backface-visibility:hidden
	}
	.owl-carousel .owl-stage:after{
		content:".";
		display:block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0
	}
	.owl-carousel .owl-stage-outer{
		position:relative;
		overflow:hidden;
		-webkit-transform:translate3d(0,0,0)
	}
	.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0)
	}
	.owl-carousel .owl-item{
		min-height:1px;
		float:left;
		-webkit-backface-visibility:hidden;
		-webkit-touch-callout:none
	}
	.owl-carousel .owl-item img{
		display:block;
		width:100%
	}
	.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
		display:none
	}
	.no-js .owl-carousel,.owl-carousel.owl-loaded{
		display:block
	}
	.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
		cursor:pointer;
		cursor:hand;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none
	}
	.owl-carousel.owl-loading{
		opacity:0;
		display:block
	}
	.owl-carousel.owl-hidden{
		opacity:0
	}
	.owl-carousel.owl-refresh .owl-item{
		visibility:hidden
	}
	.owl-carousel.owl-drag .owl-item{
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none
	}
	.owl-carousel.owl-grab{
		cursor:move;
		cursor:grab
	}
	.owl-carousel.owl-rtl{
		direction:rtl
	}
	.owl-carousel.owl-rtl .owl-item{
		float:right
	}
	.owl-carousel .animated{
		animation-duration:1s;
		animation-fill-mode:both
	}
	.owl-carousel .owl-animated-in{
		z-index:0
	}
	.owl-carousel .owl-animated-out{
		z-index:1
	}
	.owl-carousel .fadeOut{
		animation-name:fadeOut
	}
	@keyframes fadeOut{
		0%{
			opacity:1
		}
		100%{
			opacity:0
		}
	}
	.owl-height{
		transition:height .5s ease-in-out
	}
	.owl-carousel .owl-item .owl-lazy{
		opacity:0;
		transition:opacity .4s ease
	}
	.owl-carousel .owl-item img.owl-lazy{
		transform-style:preserve-3d
	}
	.owl-carousel .owl-video-wrapper{
		position:relative;
		height:100%;
		background:#000
	}
	.owl-carousel .owl-video-play-icon{
		position:absolute;
		height:80px;
		width:80px;
		left:50%;
		top:50%;
		margin-left:-40px;
		margin-top:-40px;
		background:url(owl.video.play.png) no-repeat;
		cursor:pointer;
		z-index:1;
		-webkit-backface-visibility:hidden;
		transition:transform .1s ease
	}
	.owl-carousel .owl-video-play-icon:hover{
		-ms-transform:scale(1.3,1.3);
		transform:scale(1.3,1.3)
	}
	.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
		display:none
	}
	.owl-carousel .owl-video-tn{
		opacity:0;
		height:100%;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		transition:opacity .4s ease
	}
	.owl-carousel .owl-video-frame{
		position:relative;
		z-index:1;
		height:100%;
		width:100%
	}


/*--------------------------------------------------
	Magnific Popup
---------------------------------------------------*/	

	.mfp-bg,.mfp-wrap{
		position:fixed;
		left:0;
		top:0
	}
	.mfp-bg,.mfp-container,.mfp-wrap{
		height:100%;
		width:100%
	}
	.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{
		content:''
	}
	.mfp-bg{
		z-index:1042;
		overflow:hidden;
		background:#0b0b0b;
		opacity:.8
	}
	.mfp-arrow,.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close,.mfp-close:focus,.mfp-close:hover{
		opacity:1
	}
	.mfp-wrap{
		z-index:1043;
		outline:0!important;
		-webkit-backface-visibility:hidden
	}
	.mfp-container{
		text-align:center;
		position:absolute;
		left:0;
		top:0;
		padding:0 8px;
		box-sizing:border-box
	}
	.mfp-container:before{
		display:inline-block;
		height:100%;
		vertical-align:middle
	}
	.mfp-align-top .mfp-container:before{
		display:none
	}
	.mfp-content{
		position:relative;
		display:inline-block;
		vertical-align:middle;
		margin:0 auto;
		text-align:left;
		z-index:1045
	}
	.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
		width:100%;
		cursor:auto
	}
	.mfp-ajax-cur{
		cursor:progress
	}
	.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
		cursor:-moz-zoom-out;
		cursor:-webkit-zoom-out;
		cursor:zoom-out
	}
	.mfp-zoom{
		cursor:pointer;
		cursor:-webkit-zoom-in;
		cursor:-moz-zoom-in;
		cursor:zoom-in
	}
	.mfp-auto-cursor .mfp-content{
		cursor:auto
	}
	.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{
		-webkit-user-select:none;
		-moz-user-select:none;
		user-select:none
	}
	.mfp-loading.mfp-figure{
		display:none
	}
	.mfp-hide{
		display:none!important
	}
	.mfp-preloader{
		color:#CCC;
		position:absolute;
		top:50%;
		width:auto;
		text-align:center;
		margin-top:-.8em;
		left:8px;
		right:8px;
		z-index:1044
	}
	.mfp-preloader a{
		color:#CCC
	}
	.mfp-close,.mfp-preloader a:hover{
		color:#FFF
	}
	.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{
		display:none
	}
	button.mfp-arrow,button.mfp-close{
		overflow:visible;
		cursor:pointer;
		background:0 0;
		border:0;
		-webkit-appearance:none;
		display:block;
		outline:0;
		padding:0;
		z-index:1046;
		box-shadow:none;
		touch-action:manipulation
	}
	button::-moz-focus-inner{
		padding:0;
		border:0
	}
	.mfp-close{
		cursor:pointer!important;
		width:44px;
		height:44px;
		line-height:44px;
		position:absolute;
		right:0;
		top:0;
		text-decoration:none;
		text-align:center;
		padding:0 0 18px 10px;
		font-style:normal;
		font-size:28px;
		font-family:Arial,Baskerville,monospace
	}
	.mfp-close:active{
		top:1px
	}
	.mfp-close-btn-in .mfp-close{
		color:#333
	}
	.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
		color:#FFF;
		right:-20px;
		padding-right:0;
		width:40px;
		height:40px;
		text-align:center;
		top:20px;
		background:#000;
		line-height:40px;
		border-radius:2px
	}
	.mfp-counter{
		position:absolute;
		top:0;
		right:0;
		color:#CCC;
		font-size:12px;
		line-height:18px;
		white-space:nowrap
	}
	.mfp-figure,img.mfp-img{
		line-height:0
	}
	.mfp-arrow{
		position:absolute;
		margin:-55px 0 0;
		top:50%;
		padding:0;
		width:90px;
		height:110px;
		-webkit-tap-highlight-color:transparent
	}
	.mfp-arrow:active{
		margin-top:-54px
	}
	.mfp-arrow:after,.mfp-arrow:before{
		display:block;
		width:0;
		height:0;
		position:absolute;
		left:0;
		top:0;
		margin-top:25px;
		margin-left:35px
	}
	.mfp-arrow:after{
		border-top-width:13px;
		border-bottom-width:13px;
		top:22px
	}
	.mfp-arrow::before{
		width:30px;
		height:60px;
		opacity:1;
		background:rgba(0,0,0,.5);
		border-radius:2px
	}
	.mfp-arrow-left::after,.mfp-arrow-right:after{
		width:10px;
		height:10px;
		border-top:2px solid #fff
	}
	.mfp-arrow:hover::before{
		background:rgba(0,0,0,1)
	}
	.mfp-arrow-left::after{
		border-left:2px solid #FFF;
		margin-left:31px;
		transform:rotate(-45deg)
	}
	.mfp-arrow-left:after{
		margin-left:36px
	}
	.mfp-arrow-left:before{
		margin-left:25px
	}
	.mfp-arrow-right{
		right:0
	}
	.mfp-arrow-right:after{
		border-right:2px solid #FFF;
		margin-left:41px;
		transform:rotate(45deg)
	}
	.mfp-iframe-holder{
		padding-top:40px;
		padding-bottom:40px
	}
	.mfp-iframe-holder .mfp-content{
		line-height:0;
		width:100%;
		max-width:900px
	}
	.mfp-image-holder .mfp-content,img.mfp-img{
		max-width:100%
	}
	.mfp-iframe-holder .mfp-close{
		top:-40px
	}
	.mfp-iframe-scaler{
		width:100%;
		height:0;
		overflow:hidden;
		padding-top:56.25%
	}
	.mfp-iframe-scaler iframe{
		position:absolute;
		display:block;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#000
	}
	.mfp-figure:after,img.mfp-img{
		width:auto;
		height:auto;
		display:block
	}
	img.mfp-img{
		box-sizing:border-box;
		padding:40px 0;
		margin:0 auto
	}
	.mfp-figure:after{
		position:absolute;
		left:0;
		top:40px;
		bottom:40px;
		right:0;
		z-index:-1;
		background:#444
	}
	.mfp-figure small{
		color:#BDBDBD;
		display:block;
		font-size:12px;
		line-height:14px
	}
	.mfp-figure figure{
		margin:0
	}
	.mfp-bottom-bar{
		margin-top:-36px;
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		cursor:auto
	}
	.mfp-title{
		text-align:left;
		line-height:18px;
		color:#F3F3F3;
		word-wrap:break-word;
		padding-right:36px
	}
	.mfp-gallery .mfp-image-holder .mfp-figure{
		cursor:pointer
	}
	@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
		.mfp-img-mobile .mfp-image-holder{
			padding-left:0;
			padding-right:0
		}
		.mfp-img-mobile img.mfp-img{
			padding:0
		}
		.mfp-img-mobile .mfp-figure:after{
			top:0;
			bottom:0
		}
		.mfp-img-mobile .mfp-figure small{
			display:inline;
			margin-left:5px
		}
		.mfp-img-mobile .mfp-bottom-bar{
			background:rgba(0,0,0,.6);
			bottom:0;
			margin:0;
			top:auto;
			padding:3px 5px;
			position:fixed;
			box-sizing:border-box
		}
		.mfp-img-mobile .mfp-bottom-bar:empty{
			padding:0
		}
		.mfp-img-mobile .mfp-counter{
			right:5px;
			top:3px
		}
		.mfp-img-mobile .mfp-close{
			top:0;
			right:0;
			width:35px;
			height:35px;
			line-height:35px;
			background:rgba(0,0,0,.6);
			position:fixed;
			text-align:center;
			padding:0
		}
	}
	@media all and (max-width:900px){
		.mfp-arrow{
			-webkit-transform:scale(.75);
			transform:scale(.75)
		}
		.mfp-arrow-left{
			-webkit-transform-origin:0;
			transform-origin:0
		}
		.mfp-arrow-right{
			-webkit-transform-origin:100%;
			transform-origin:100%
		}
		.mfp-container{
			padding-left:6px;
			padding-right:6px
		}
	}

	
/*--------------------------------------------------
	Tool Tips
---------------------------------------------------*/	

	[data-tooltip]{
		position:relative
	}
	[data-tooltip]::after,[data-tooltip]::before{
		position:absolute;
		display:block;
		opacity:0;
		pointer-events:none;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
		line-height:12px
	}
	[data-tooltip]::before{
		content:attr(data-tooltip);
		font-size:12px;
		font-weight:500;
		font-family:Poppins,sans-serif;
		color:#000;
		padding:5px;
		border-radius:5px;
		white-space:nowrap;
		text-decoration:none;
		text-align:left
	}
	.light-content [data-tooltip]::before{
		color:#fff
	}
	[data-tooltip]::after{
		width:0;
		height:0;
		border:6px solid transparent;
		content:''
	}
	[data-tooltip]:hover::after,[data-tooltip]:hover::before{
		opacity:1
	}
	[data-tooltip][data-placement=left]::before{
		top:32%;
		right:100%;
		margin-right:35px
	}
	[data-tooltip][data-placement=left]:hover::before{
		margin-right:-2px;
		-webkit-transition:all .3s ease-out .5s;
		transition:all .3s ease-out .5s
	}
	[data-tooltip][data-placement=top]::before{
		top:16%;
		right:100%;
		margin-right:0;
		width:200px;
		height:16px;
		transform:translateX(147px) translateY(-170px) rotate(-90deg)
	}
	[data-tooltip][data-placement=top]:hover::before{
		transform:translateX(147px) translateY(-140px) rotate(-90deg);
		-webkit-transition:all .3s ease-out .5s;
		transition:all .3s ease-out .2s
	}
	[data-tooltip][data-placement=right]::before{
		top:32%;
		left:100%;
		margin-left:35px
	}
	[data-tooltip][data-placement=right]:hover::before{
		margin-left:-2px;
		-webkit-transition:all .3s ease-out .5s;
		transition:all .3s ease-out .5s
	}
	@media only screen and (max-width:479px){
		[data-tooltip]:hover::after,[data-tooltip]:hover::before{
			opacity:0
		}
	}


/*--------------------------------------------------
	Social Share
---------------------------------------------------*/	

	.jssocials-shares{
		margin:.2em 0
	}
	.jssocials-shares *{
		box-sizing:border-box
	}
	.jssocials-share{
		display:inline-block;
		vertical-align:middle;
		margin:0;
	}
	.jssocials-share:last-child{
		margin-right:0
	}
	.jssocials-share-logo{
		width:1em;
		vertical-align:middle;
		font-size:1.5em
	}
	img.jssocials-share-logo{
		width:auto;
		height:1em
	}
	.jssocials-share-link{
		display:block;
		text-align:center;
		text-decoration:none;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.jssocials-share-link.jssocials-share-link-count{
		padding-top:.2em
	}
	.jssocials-share-link.jssocials-share-link-count .jssocials-share-count{
		display:block;
		font-size:.6em;
		margin:0 -.5em -.8em
	}
	.jssocials-share-link.jssocials-share-no-count{
		padding-top:.5em
	}
	.jssocials-share-link.jssocials-share-no-count .jssocials-share-count{
		height:1em
	}
	.jssocials-share-label{
		padding-left:.3em;
		vertical-align:middle
	}
	.jssocials-share-count-box{
		display:inline-block;
		height:1.5em;
		padding:0 .3em;
		line-height:1;
		vertical-align:middle;
		cursor:default
	}
	.jssocials-share-count-box.jssocials-share-no-count{
		display:none
	}
	.jssocials-share-count{
		line-height:1.5em;
		vertical-align:middle
	}


/*--------------------------------------------------
	Justified Galler
---------------------------------------------------*/	

	.justified-gallery{
		width:100%;
		position:relative;
		overflow:hidden
	}
	.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{
		position:absolute;
		display:inline-block;
		overflow:hidden;
		filter:"alpha(opacity=10)";
		opacity:.1;
		margin:0;
		padding:0
	}
	.justified-gallery>a>a>img,.justified-gallery>a>img,.justified-gallery>div>a>img,.justified-gallery>div>img,.justified-gallery>figure>a>img,.justified-gallery>figure>img{
		position:absolute;
		top:50%;
		left:50%;
		margin:0;
		padding:0;
		border:none;
		filter:"alpha(opacity=0)";
		opacity:0
	}
	.justified-gallery>a>.caption,.justified-gallery>div>.caption,.justified-gallery>figure>.caption{
		display:none;
		position:absolute;
		bottom:0;
		padding:5px;
		background-color:#000;
		left:0;
		right:0;
		margin:0;
		color:#fff;
		font-size:12px;
		font-weight:300;
		font-family:sans-serif
	}
	.justified-gallery>.entry-visible{
		filter:"alpha(opacity=100)";
		opacity:1;
		background:0 0
	}
	.justified-gallery>.entry-visible>a>img,.justified-gallery>.entry-visible>img{
		filter:"alpha(opacity=100)";
		opacity:1;
		-webkit-transition:opacity .5s ease-in;
		-moz-transition:opacity .5s ease-in;
		-o-transition:opacity .5s ease-in;
		transition:opacity .5s ease-in
	}
	.justified-gallery>.jg-filtered{
		display:none
	}
	.justified-gallery>.spinner{
		position:absolute;
		bottom:0;
		margin-left:-24px;
		padding:10px 0;
		left:50%;
		filter:"alpha(opacity=100)";
		opacity:1;
		overflow:initial
	}
	.justified-gallery>.spinner>span{
		display:inline-block;
		filter:"alpha(opacity=0)";
		opacity:0;
		width:8px;
		height:8px;
		margin:0 4px;
		background-color:#fff;
		border-radius:6px
	}




/*--------------------------------------------------
	Content Marquee
---------------------------------------------------*/

	.content-marquee-wrapper {
		position:relative;
		float:left;
		z-index:0;
		pointer-events:none;
	}
	
	.content-marquee {
		font-size:100px;
		line-height:130px;
		font-weight:500;
		white-space: nowrap;
		animation: content-marquee 15s infinite linear;
		padding-left: 2vw;
		color:#000;
	}
	
	.light-content .content-marquee {
		color:#fff;
	}
  
	.content-marquee:after{
		content: attr(data-text);
		padding-left: 2vw;
	}


	@keyframes content-marquee {
	  0% {
		transform: translateX(0)
	  }
	  100% {
		transform: translateX(-50%)
	  }
	}

	
/*--------------------------------------------------
	Carousel
---------------------------------------------------*/
	
	.swiper-container {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
	
	.content-carousel .swiper-wrapper {
	 
	}
	
	.swiper-container.content-carousel, .swiper-container.content-looped-carousel, .swiper-container.content-middle-carousel {
		overflow: visible!important;
		cursor:grab;
    }
	
	.swiper-container.content-middle-carousel {
		margin-bottom:100px
	}
	
	.drag-cursor .swiper-container.content-carousel, .drag-cursor .swiper-container.content-looped-carousel {
		cursor:grabbing;
    }
	
	.content-carousel .swiper-slide, .content-looped-carousel .swiper-slide, .content-middle-carousel .swiper-slide {
        text-align: left;
        font-size: 18px;
        background: transparent;
        display: block;
		height:100%;
		width:auto;
		padding-right:10vw;
		overflow:visible!important;
    }
	
	.content-looped-carousel .swiper-slide {
        padding-left:2vw;
		padding-right:2vw;
		text-align:center;
    }
	
	.content-carousel .swiper-slide:last-child {
		padding-right:0px;
    }
	
	.content-carousel .swiper-slide img, .content-looped-carousel .swiper-slide img {
		height:100%;
		max-height:26vw;
		width:auto;
    }
	
	.content-middle-carousel .swiper-slide {
        padding-left:20px;
		padding-right:20px;
		text-align:center;
    }
	
	.content-middle-carousel .swiper-slide img {
		height:100%;
		max-height:30vw;
		width:auto;
	}
	
	.content-middle-carousel .swiper-slide .hover-caption {
		color:#fff;
		font-size:14px;
		font-weight:500;
		margin-top:20px;
		opacity: 0;
		-webkit-transition:translateY(10px);
		transform: translateY(10px);	
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	.content-middle-carousel .swiper-slide:hover .hover-caption {
		opacity:1;
		-webkit-transition:translateY(0px);
		transform: translateY(0px);	
	}
	
	.content-carousel-caption {
		position:absolute;
		left:0;
		bottom:-100px;
		width:100%;
		padding-left:2px;
	}
	
	.content-carousel .swiper-slide h5, .content-looped-carousel h5 {
		margin-top:20px;
		margin-bottom:0px;
    }
	
	.content-slider .slider-button-prev {
		position:absolute;
		top:0;
		left:0;
		margin:0;
		width:50%;
		height:100%;
		z-index:10;
		cursor:pointer;	
	}
	
	.content-slider .slider-button-next {
		position:absolute;
		top:0;
		right:0;
		margin:0;
		width:50%;
		height:100%;
		z-index:10;
		cursor:pointer;		
	}
	
	
	.content-carousel .swiper-pagination-bullets, .content-looped-carousel .swiper-pagination-bullets {
		display:none;
	}
	
	.content-looped-carousel.middle .swiper-pagination-bullets {
		display:block;
	}
	
	.swiper-container-horizontal.content-middle-carousel > .swiper-pagination-bullets {
		bottom: -100px;
		left: 0;
		width: 100%;
	}
	
	
/*--------------------------------------------------
	Light Box
---------------------------------------------------*/	

	.image-link {
		display: inline-block;
		width: auto;
	}
	
	.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
		opacity: 0;
		-webkit-backface-visibility: hidden;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
	}
	
	.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.93;
	}

	.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
	  opacity: 0;
	}
	
	.mfp-content figcaption, .mfp-bottom-bar {
		display:none;
	}
	
	
/*--------------------------------------------------
	Video Player
---------------------------------------------------*/	
	
	.hero-video-wrapper {
		position: fixed;
    	box-sizing: border-box;
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: auto;
		background-size: cover;
		padding:0;
		overflow:hidden!important;
		opacity:1;		
	}
	
	.item .hero-video-wrapper, .swiper-slide .hero-video-wrapper, .hover-reveal__img .hero-video-wrapper, .vp-img-mask .hero-video-wrapper {
		position: absolute;
		box-sizing: border-box;
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: auto;
		background-size: cover;
		padding: 0;
		overflow: hidden !important;
		opacity: 1;
		top: 0;
		z-index: 120;
		pointer-events: none;
	
	}
	
	.hero-video-wrapper video.bgvid {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		transform: translateX(-50%) translateY(-50%);
	  	background-size: cover;
	}
	
	.video-wrapper {
		position: relative;
    	box-sizing: border-box;
		min-width: 100%;
		max-height: 100vh;
		width: 100%;
		height: auto;
		background-size: cover;
		padding:0;
		overflow:hidden!important;
		opacity:1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	.video-cover {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:100;
		cursor:pointer;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
		transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s;
	}
	
	.video-cover.hidden {
		opacity:0;
		height: calc(100% - 50px);
		-webkit-transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
		transition: opacity 0.3s ease-out, height 0s ease-out 0.3s;
	}
	
	video.bgvid { 
		background-size: cover;
		height: auto;
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		width: 100%;
		z-index: -100;
	}
	
	.video-wrapper video.bgvid {
		position: relative;
	}
	
	.full .video-wrapper video.bgvid {
		position: relative;
		margin-top: 50vh;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.control {
		bottom: 25px;
		color: #ccc;
		display: none;
		left: 0;
		position: absolute;
		width: calc(100% - 40px);
		z-index: 5;
		background-color: #eee;
		padding: 0;
		box-sizing: border-box;
		right: 0;
		margin: 0 auto;
	}
	
	.full .control {
		bottom: 10px;
		width: calc(100% - 160px);
	}

	.btmControl{
		clear:both;
	}
	
	.control .sound{
		width: 30px;
		height: 50px;
		float:left;
		cursor:pointer;
		text-align:center;
		line-height:50px;
		color:#fff;
		opacity:0.4;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.control .sound:hover {
		opacity:1;
	}
	
	.control .sound i {
		line-height:50px;
	}
	
	.control .sound.muted i:first-child {
		display:none;
	}
	
	.control .sound.muted i:last-child {
		display:block;
	}
	
	.control .sound i:last-child {
		display:none;
	}
	
	.control .btnFS{
		width: 50px;
		height: 50px;
		float:left;
		cursor:pointer;
		text-align:center;
		line-height:50px;
		color:#fff;
		opacity:0.4;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.control .btnFS:hover{
		opacity:1;
	}

	.progress-bar {
		background: rgba(255,255,255,0.5);
		box-sizing: border-box;
		float: left;
		height: auto;
		width: calc(100% - 123px);
		cursor: pointer;
		bottom: 23px;
		position: absolute;
		left: 23px;
		opacity:0;
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;
		-ms-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	
	.video-wrapper:hover .progress-bar {
		opacity:1;
	}
	
	.progress {
		height: 2px;
		max-width: 100%;
		position: relative;
		width: 100%;
	}
	
	.progress span {
		height:100%;
		position:absolute;
		top:0;
		left:0;
		display:block;
	}
	
	.timeBar{
		z-index:10;
		width:0;
		background: #fff;
	}
	
	.bufferBar{
		z-index:5;
		width:0;
		background: rgba(255,255,255,0.2);
	}
	
	.video-btns {
		position: absolute;
		right: 3px;
		bottom: 0px;
		opacity:0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.video-wrapper:hover .video-btns {
		opacity:1;
	}
	
	.volume{
		position:relative;
		cursor:pointer;
		width:70px;
		height:10px;
		float:right;
		margin-top:10px;
		margin-right:10px;
	}
	
	.volumeBar{
		display:block;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
	
	
/*--------------------------------------------------
	Intro Landing
---------------------------------------------------*/

	.random-collage-wrap {
		display:block;
		position:relative;
		box-sizing:border-box;
		padding:0 25px;
		width:100%;
		height:auto;
	}
	
	.random-collage {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
	}
	
	.rc-slide {
		display: block;
		position: relative;
		box-sizing: border-box;
		z-index: 0;
		margin:25px;
		width: calc(33.333% - 50px);
		height: auto;
		float:left;
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		justify-content:center;
	}
	
	.random-collage .rc-slide:nth-of-type(9n+1) {
		width: calc(26% - 50px);
		justify-content:flex-end;
	}
	
	.random-collage .rc-slide:nth-of-type(9n+2) {
		width: calc(48% - 50px);
		justify-content:flex-end;	
	}
	
	.random-collage .rc-slide:nth-of-type(9n+3) {
		width: calc(26% - 50px);
		justify-content:flex-end;
	}
	
	.random-collage .rc-slide:nth-of-type(9n+4) {
		width: calc(33.333% - 50px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+5) {
		width: calc(33.333% - 50px);	
	}
	
	.random-collage .rc-slide:nth-of-type(9n+6) {
		width: calc(33.333% - 50px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+7) {
		width: calc(40% - 50px);
		justify-content: start;
	}
	
	.random-collage .rc-slide:nth-of-type(9n+8) {
		width: calc(20% - 50px);
		justify-content: start;	
	}
	
	.random-collage .rc-slide:nth-of-type(9n+9) {
		width: calc(40% - 50px);
		justify-content: start;
	}
	
	.rc-slide a {
		overflow:hidden;
	}
	
	.random-collage .rc-slide .item-wrap-image {
		height:100%;
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		justify-content: center;
		position: relative;
	}
	
	.random-collage .rc-slide .item-wrap-image:hover {		
		-webkit-transform:scale(1);
		transform: scale(1);			
	}
	
	.random-collage .rc-slide img{
		display: block;
		max-width: 100%;
		height: auto;
		width: 100%;
	}
	
	.rc-title {
		font-size:14px;
		font-weight:500;
		color:#fff;
		text-align:center;
		margin-top:10px;
		display:none;
	}
	
	.portfolio-features {
		background-color:#1c1c1c;
		border-radius:5px;
		margin-bottom:20px;
	}
	
	.portfolio-features:after {
		content:""; 
		display:table; 
		clear:both;
	}
	
	.pf-box {
		display: block;
		position:relative;
		width: 33.333%;
		float: left;
		box-sizing: border-box;
		padding: 30px 30px 30px 80px;
		text-align: left;
		border-right:1px solid rgba(255,255,255,0.1);
	}
	
	.pf-box:last-child {
		border-right:none;
	}
	
	.pf-nr {
		font-size:60px;
		font-weight:600;
		position:absolute;
		left:30px;
		top:6px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.pf-box:hover .pf-nr {
		color:#f33a3a;
	}
	
	.pf-box h5, .pf-box h5.has-mask span, h5.has-mask span > span {
		line-height: 20px;
		height: 20px;
	}
	
	.theme-features {
		margin:0;
		padding:0;
		display:block;
		width:100%;
		position:relative;
	}
	
	.theme-features li {
		list-style:none;
		margin:0;
		margin-bottom:30px;
		text-align:center;
		display:block;
		float:left;
		width:16.66%;
	}
	
	.theme-features li img {
		border-radius:5px;
		overflow:hidden;
		background-color:#222;
		display:block;
		width:120px;
		margin:0 auto;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.theme-features li:hover img {
		background-color:#f33a3a;
	}
	
	.feature-title {
		font-size:12px;
		margin-top:15px;
		line-height:18px;
	}
	
	.buy-features {
		background-color:#fff;
		border-radius:5px;
		margin-bottom:20px;
		max-width:600px;
		width:100%;
		margin:0 auto;
		display:table;
	}
	
	.buy-features:after {
		content:""; 
		display:table; 
		clear:both;
	}
	
	.bf-box {
		display: block;
		position:relative;
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 30px 20px;
		text-align: center;
		border-right:1px solid rgba(0,0,0,0.1);
	}
	
	.bf-box:last-child {
		border-right:none;
	}
	
	.bf-box h5 {
		color:#000!important;
		margin-top:20px;
	}
	

/*--------------------------------------------------
	Buttons
---------------------------------------------------*/	

	.button-box {
		margin-top:10px;
		line-height:16px;
		cursor:pointer;
		border:none;
		box-sizing:border-box;
		text-align:center;
		display:inline-block;
		position:relative;
	}
	
	nav .button-box {
		opacity:0;
		display:table;
		margin:0 auto;
		-webkit-transform: translateY(200px) scale(0.5);
		transform: translateY(200px) scale(0.5);
	}
	
	.text-align-center .button-box {
		margin-left:10px;
		margin-right:10px;
	}
	
	.button-content .submit-box {
		color:#fff;
	}
	
	.clapat-button-wrap {
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		left:0;
		right:0;
		min-width:100px;
		height:60px;		
	}
	
	.clapat-button-wrap.circle {
		min-width:104px;
		height:104px;	
	}
	
	.text-align-center .clapat-button-wrap {
		margin:0 auto;
	}
	
	.clapat-button {		
		opacity:1;		
	}
	
	.button-border {
		height: 50px;
		width: auto;
		border: solid 2px #000;
		background-color:#000;
		border-radius: 5px;
		cursor:pointer;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		line-height:50px;
		overflow: hidden;
		color:#000;
		text-align:center;
		-webkit-transition : border 0.2s ease-out;
		transition : border 0.2s ease-out;
	}
	
	.light-content .button-border {
		border: solid 2px #fff;
		background-color:#fff;
	}
	
	.light-content .buy-button .button-border {
		border: solid 2px #80b541;
		background-color:#80b541;
		color:#fff;
		font-size: 18px;
		line-height:60px;
		height:60px;
	}
	
	.button-border.rounded {
		border-radius: 30px;
	}
	
	.button-border.outline {
		border: solid 3px #000;
		color:#000;
		background-color:transparent;
	}
	
	.light-content .button-border.outline {
		border: solid 3px #fff;
		color:#fff;
		background-color:transparent;
	}
	
	.light-content .white-section .button-border.outline {
		border: solid 3px #000;
		color:#000;
		background-color:transparent;
	}
	
	.circle .button-border {
		border-radius: 100px;
		height: 100px;
		width: 100px;
	}
	
	
	.button-border span {
		position: relative;
		display: inline-block;
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
		width: auto;
		text-align: center;
		transform-origin: 100% 0%;
		padding: 0 30px;
	}
	
	.button-border span::before {
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
		content: attr(data-hover);
		text-align: center;
	}
	
	.clapat-button:hover .button-border span {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		transform-origin: 0% 0%;
	}
	
	.clapat-button-wrap.circle:hover .button-border {
		border: solid 2px transparent;	
	}
	
	.clapat-button-wrap.circle .button-border input, .clapat-button-wrap.circle .button-border a {
		height: 100px;
		width: 100px;
		line-height: 100px;
		text-align: center;
		padding: 0;
		font-size: 12px;
		cursor:pointer;	
	}
	
	

/*--------------------------------------------------
	Appearing Items
---------------------------------------------------*/	
	
	.has-animation {
		opacity: 0;
		-webkit-transition:translateY(60px);
		transform: translateY(60px);
	}
	
	.has-animation.has-scale {
		opacity: 0;
		-webkit-transition:translateY(0px) scale(1.1);
		transform: translateY(0px) scale(1.1);
		transform-origin: 50% 0;
		will-change:transform;
	}
	.has-animation.has-scale-vertical {
		opacity: 1;
		-webkit-transition:translateY(20px) scale(1.1);
		transform: translateY(20px) scale(1.1);
		transform-origin: 50% 0;
		will-change:transform;
	}
	
	.has-mask {
		margin-bottom:10px;
	}
	
	.has-mask span {
		display:inline-block;
		overflow:hidden;
	}
	
	.has-mask span > span {
		display: inline-block;
		margin:0!important;
		line-height:40px;
		height:40px;
		opacity:0;
		-webkit-transform:translateY(60px);
		transform: translateY(60px);
	}
	
	h1.big-title.has-mask span, h1.big-title.has-mask span > span {
		line-height:inherit;
		height:inherit;
		margin-right:12px;
	}
	
	h1.has-mask span, h1.has-mask span > span {
		line-height:60px;
		height:60px;
		margin-right:12px;
	}
	
	h2.has-mask span, h2.has-mask span > span {
		line-height:48px;
		height:48px;
		margin-right:10px;
	}
	
	h3.has-mask span, h3.has-mask span > span {
		line-height:40px;
		height:40px;
		margin-right:8px;
	}	
	
	h4.has-mask span, h4.has-mask span > span {
		line-height:36px;
		height:36px;
		margin-right:7px;
	}
	
	h5.has-mask span, h5.has-mask span > span {
		line-height:28px;
		height:28px;
		margin-right:6px;
	}
	
	h6.has-mask span, h6.has-mask span > span {
		line-height:24px;
		height:24px;
		margin-right:5px;
	}
	
	


/*--------------------------------------------------
	Underline Link
---------------------------------------------------*/			
	
	a.link {
		display:inline-block;
		position:relative;
	}
	
	.light-content a.link {
		color:#fff;
	}
	
	.light-content .white-section a.link {
		color:#000;
	}
	
	a.link::before {
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		height: 2px;
		background: rgba(0,0,0,1);
		transform: scaleX(0);
		transform-origin: right;
		transition: transform .2s ease-out;
	}
	
	h1 a.link::before {
		bottom: 0px;
		height: 3px;
	}
	
	.light-content a.link::before {
		background: rgba(255,255,255,1);
	}
	
	.light-content .white-section a.link::before {
		background: rgba(0,0,0,1);
	}
  
    a.link:hover::before {
		transform: scaleX(1);
		transform-origin: left;
	}
	
	.clapat-icon {
		color: #000;
		position: relative;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	
	.clapat-icon i {
		position:relative;
		margin-bottom:0px;
		font-size:24px;
	}
	
	.light-content .clapat-icon {
		color:#fff;
	}
	
	.light-content .white-section .clapat-icon {
		color:#000;
	}
	
	.clapat-icon:after {
	  content: "";
	  clear: both;
	  display: table;
	}
	
	.clapat-icon h5 {
		margin-bottom:5px;
	}
	
	
/*--------------------------------------------------
	Clients Table
---------------------------------------------------*/	
	
	.clients-table {
		margin:0;
		margin-left:2px;
		display:block;
	}
	
	.clients-table:after {
	  content: "";
	  clear: both;
	  display: table;
	}
	
	.clients-table li {
		display: block;
		float: left;
		width: 25%;
		min-height: 30px;
		border: 1px solid #ddd;
		box-sizing: border-box;
		text-align: left;
		margin: 0px;
		margin-left: 0px;
		margin-left: -1px;
		margin-bottom:-1px;
	}
	
	.light-content .clients-table li {
		border: 1px solid #222;
	}
	
	.clients-table.no-borders li {
		border:none;
	}
	
	.clients-table:hover li img {
		margin:0 auto;
		opacity:0.5;
		transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
	}
	
	.clients-table li:hover img {
		opacity:1;
	}	
	
	
/*--------------------------------------------------
	Accordion
---------------------------------------------------*/
	
	.accordion {
		border-top: 2px solid rgba(0,0,0,1);
		border-bottom: 2px solid rgba(0,0,0,1);
		padding:50px 0;
		overflow:hidden;
	}
	
	.light-content .accordion {
		border-bottom: 2px solid rgba(255,255,255,1);
		border-top: 2px solid rgba(255,255,255,1);
	}
	
	.accordion dt {
		position:relative;
		cursor: pointer;
		padding: 0px;
		margin-bottom:0;
		font-size:48px;
		color: #999;
		font-weight:400;	
		transition:all 0.2s ease 0s;
    	-webkit-transition:all 0.2s ease 0s;
		z-index:10;
	}
	
	.accordion dt span {
		width: calc(90% - 80px);
		position: relative;
		overflow: hidden;
		display: block;
		padding: 5px 0px;
		color:#000;
	}
	
	.light-content .accordion dt span {
		color:#fff;
	}
	
	.accordion .accordion-content {
		margin-bottom: 0;
		font-size:18px;
		color:#000;
		font-weight:400;
		line-height: 28px;
		padding-left: 0;
		padding-right: 80px;
		padding-bottom:20px;
		z-index: 0;
		position: relative;
	}
	
	.light-content .accordion .accordion-content {
		color:#fff;
	}
	
	.acc-icon-wrap {
		width: 80px;
		height: 80px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		float: none;
		position: absolute;
		right: 50px;
		top: 0px;
		opacity:0;
		transition:opacity 0.2s ease 0s;
    	-webkit-transition:opacity 0.2s ease 0s;
	}
	
	.accordion dt:hover .acc-icon-wrap, .accordion dt.accordion-active .acc-icon-wrap {
		opacity:1;
	}
	
	.acc-button-icon {
		height: 40px;
		width: 40px;
		color: #000;
		text-align: center;
		line-height: 30px;
		font-size: 22px;
	}
	
	.light-content .acc-button-icon {
		color: #fff;
	}
	
	.acc-button-icon i {
		height: 40px;
		line-height: 40px;
		width: 40px;
		text-align: center;
		transition:transform 0.2s ease 0s;
    	-webkit-transition:transform 0.2s ease 0s;
	}
	
	dt.accordion-active .acc-button-icon i {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	


/*--------------------------------------------------
	Justified Gallery
---------------------------------------------------*/	
	
	.justified-gallery {
		box-sizing: border-box;
		padding: 0 10px;
		width:calc(100% + 20px) !important;
		margin-left:0px;
	}
	
	.collage-thumb {
		position:relative;
		overflow:hidden;
		cursor:pointer;
	}
	
	.collage-thumb:hover .thumb-info {
		opacity:1;
		bottom:-5px;
	}
	
	.thumb-info {
		position:absolute;
		bottom:-10px;
		left:0;
		width:100%;
		opacity:0;
		color: #fff!important;
		padding: 50px 20px 20px;
		box-sizing:border-box;
		font-size:12px;
		font-weight: 500;
		transition:all 0.2s ease-in-out 0s;
    	-webkit-transition:all 0.2s ease-in-out 0s;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.55))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
	
/*--------------------------------------------------
	Team Members
---------------------------------------------------*/	
	
	
	#team-members-list  {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing:border-box;
		margin: 0 auto;
		padding: 50px 0px;
		overflow:hidden;
		pointer-events: none;
	}
	
	#team-members-list li {
		list-style:none;
		position: relative;
		margin:0;
		width:100%;
		cursor:pointer;
		pointer-events: initial;
		padding-bottom:25px;
	}
	
	#team-members-list li:last-child {
		padding-bottom:0px;
	}
	
	.team-member {
		font-size: 48px;
		font-weight: 400;
		line-height:80px;
		position: relative;
		display:table;
		margin-bottom:0px;
		vertical-align: top;
		width:100%;	
		z-index:10;
		color:#000;
	}
	
	.light-content .team-member {
		color:#fff;
	}
	
	#team-members-list:hover li .team-member {
		opacity:0.3;
	}
	
	#team-members-list li:hover .team-member {
		opacity:1;
	}
	
	.team-member span {
		font-size: 12px;
		line-height: inherit;
		position: relative;
		color: #000;
		display: block;
		float: right;
	}
	
	.light-content .team-member span {
		color:#fff;
	}
	
	#team-members-list .hover-reveal {
		position: fixed;
		width: 300px;
		height: 400px;
		pointer-events: none;
		opacity: 0;
	}
	
	
/*--------------------------------------------------
	Contact Formular
---------------------------------------------------*/	
	
	#contact-formular {
		margin-top:30px;
	}
	
	.text-align-center #contact-formular {
		margin:0 auto;
		max-width:800px;
		margin-top:30px;
	}
	
	#contact-formular::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	#contactform {
		position:relative;
	}
	
	.name-box, .email-box, .message-box {
		position:relative;
		display:block;
	}
	
	.name-box, .email-box  {
		width: 47%;
		float: left;
		margin-bottom: 20px;
		margin-right: 6%;
		position: relative;
	}
	
	.name-box::after, .email-box::after {
		clear: both;
		content: " ";
		display: table;
	}

	.email-box {
		margin-right:0px;
	}
	
	.message-box {
		float:left;
		width:100%;		
		margin-top:60px;
	}
	
	input[type="text"], input[type="search"], textarea {
		color: rgba(0,0,0,1);
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		font-weight: 400;
		height: 50px;
		padding: 12px 20px 12px 20px;
		padding-left:0;
		width: 100%;
		border-radius:0px;
		margin-bottom:0px;
		border:none;
		transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		box-sizing: border-box;
		background-color:transparent;
		outline:none;
		border-bottom:1px solid rgba(0,0,0,0.1);
	}
	
	.bigger-form input[type="text"], .bigger-form input[type="search"], .bigger-form textarea {
		font-size: 48px;
		font-weight: 500;
		height: 100px;
		padding: 0;
	}
	
	input[type="search"] {
		padding-left:0px;
	}
	
	.light-content input[type="text"], .light-content input[type="search"], .light-content textarea {
		color:rgba(255,255,255,1);
		border-bottom:1px solid rgba(255,255,255,0.3);
	}
	
	.light-content .white-section input[type="text"], .light-content .white-section input[type="search"], .light-content .white-section textarea {
		color:rgba(0,0,0,1);
		border-bottom:1px solid rgba(0,0,0,0.3);
	}
	
	::placeholder, .light-content .white-section ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #000;
	  opacity: 1; /* Firefox */
	}
	
	.light-content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #fff;
	  opacity: 1; /* Firefox */
	}
	
	.light-content :-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #fff;
	}
	
	.light-content .white-section :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #000;
	  opacity: 1; /* Firefox */
	}
	
	.light-content ::-ms-input-placeholder { /* Microsoft Edge */
	  color: #fff;
	}
	
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #000;
	}
	
	.input_label {
		background-color: #000;
		height: 2px;
		left: 0;
		position: absolute;
		top: 49px;
		width: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.bigger-form .input_label {
		top: 99px;
	}
	
	.light-content .input_label {
		background-color: #fff;
	}
	
	.light-content .white-section .input_label {
		background-color: #000;
	}
	
	.input_label.slow {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	input[type="text"]:focus + .input_label, input[type="search"]:focus + .input_label, textarea:focus + .input_label {
		width:100%;		
	}
	
	input[type="text"]:focus, textarea:focus {
		color:#000;
	}
	
	.light-content input[type="text"]:focus, .light-content textarea:focus {
		color:#fff;
	}
	
	.light-content .white-section input[type="text"]:focus, .light-content .white-section textarea:focus {
		color:#000;
	}
	
	textarea {
		resize:none;
		margin-bottom:0;
		height:50px;
		box-sizing: border-box;
		padding: 14px 20px 6px 20px;
		padding-left:0;
		margin-bottom:60px;
	}
	
	textarea:after {
		background-color: #000;
		content: "";
		height: 2px;
		left: 0px;
		position: absolute;
		top: 20px;
		width: 100%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	input[type="submit"] {
		margin:0;
		background:transparent;
		border:none;
		color:#fff;
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
		font-weight: 600;
		padding-left:30px;
		padding-right:30px;
	}
	
	.light-content input[type="submit"] {
		color:#000;
	}
	
	.outline input[type="submit"] {
		color:#000;
	}
	
	.light-content .outline input[type="submit"] {
		color:#fff;
	}
	
	.light-content .white-section .outline input[type="submit"] {
		color:#000;
	}
	
	.error_message {				
		margin-bottom:30px;
		font-size:13px;		
		color:#e93735;		
		font-weight:bold;		
	}
	
	#success_page p, #success_page p strong {		
		color:#fff;		
		margin-top:20px;		
	}
	
	#message fieldset {		
		border:none;		
	}
	
	
/*--------------------------------------------------
	Google Map
---------------------------------------------------*/	
	
	#map_canvas {
		display: block;
		height:62vh;
		position:relative;
		width: 100%;
	}
	
	#hero-image.bgrelative #map_canvas {
		position:relative!important;
	}
	
	.gmnoprint a, .gmnoprint span, .gm-style-cc {
		display:none;
	}
	
	.gmnoprint div {
		background:none !important;
	}
	
	.gm-style button {
		display:none!important;
	}
	
	
	.services-icon i {
		font-size:24px;
		margin-bottom:20px;
	}
	
	.service-info-text {
		margin-bottom:40px;
	}
	
	
	
/*--------------------------------------------------
	Responsive
---------------------------------------------------*/			
			


@media only screen and (max-width: 1466px) {
	
	.content-carousel .swiper-slide {
		padding-right:11vw;
    }
	
	.content-carousel .swiper-slide img, .content-looped-carousel .swiper-slide img {
		max-height:30vw;
    }
	
	.button-border {
		height: 36px;
		line-height: 36px;
	}
	
	.button-border span {
		padding: 0 26px;
	}
	
	.content-marquee {
		font-size: 80px;
		line-height: 100px;
	}
	
	.random-collage-wrap {
		padding:0 15px;
	}
	
	.rc-slide {
		margin:15px;
		width: calc(33.333% - 30px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+1) {
		width: calc(26% - 30px);
		justify-content:flex-end;
	}
	
	.random-collage .rc-slide:nth-of-type(9n+2) {
		width: calc(48% - 30px);
		justify-content:flex-end;	
	}
	
	.random-collage .rc-slide:nth-of-type(9n+3) {
		width: calc(26% - 30px);
		justify-content:flex-end;
	}
	
	.random-collage .rc-slide:nth-of-type(9n+4) {
		width: calc(33.333% - 30px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+5) {
		width: calc(33.333% - 30px);	
	}
	
	.random-collage .rc-slide:nth-of-type(9n+6) {
		width: calc(33.333% - 30px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+7) {
		width: calc(40% - 30px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+8) {
		width: calc(20% - 30px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+9) {
		width: calc(40% - 30px);
	}
	
	
	
}


@media only screen and (max-width: 1024px) {
	
	.content-carousel .swiper-slide {
		padding-right:10vw;
    }
	
	.content-carousel .swiper-slide img, .content-looped-carousel .swiper-slide img {
		max-height:35vw;
    }
	
	.content-middle-carousel .swiper-slide img {
		max-height: 50vw;
	}
	
	.content-middle-carousel .swiper-slide .hover-caption {
		opacity: 1;
		-webkit-transition: translateY(0px);
		transform: translateY(0px);
	}
	
	.content-carousel .swiper-pagination-bullets, .content-looped-carousel .swiper-pagination-bullets {
		display:block;
	}
	
	.text-align-center .clapat-icon {
		padding-left: 0;
	}
	
	.text-carousel {
		max-width:500px;
		margin: 0 auto;
	}
	
	#mc_embed_signup .submit-box {
		margin-top: 30px;
	}
	
	textarea {
		margin-bottom: 30px;
	}
	
	.justified-gallery {
		margin-left:0px;
		width:100% !important;
		padding:0;
	}
	
	.slider .owl-nav, .carousel .owl-nav {
    	display:none;
	}
	
	.full .video-wrapper video.bgvid {
		position: relative;
		margin-top: 0;
		left: 0;
		transform: translateX(0) translateY(0);
	}
	
	.full .control {
		bottom: 10px;
		width: calc(100% - 100px);
	}
	
	#map_canvas {
		height:50vh;
	}
		
	h1.has-mask span, h1.has-mask span > span {
		line-height:50px;
		height:50px;
		margin-right:12px;
	}
	
	h2.has-mask span, h2.has-mask span > span {
		line-height:40px;
		height:40px;
		margin-right:10px;
	}
	
	.accordion dt {
    	font-size: 36px;
	}
	
	.accordion dt span {
		max-width: none;
	}
	
	.accordion .accordion-content {
		padding-bottom: 40px;
		margin-bottom: 0;
		line-height: 28px;
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
		-webkit-transform:translateY(0px);
		transform: translateY(0px);
	}
	
	.team-member {
		font-size: 36px;
		line-height: 60px;
	}
	
	#team-members-list .hover-reveal {
		width: 200px;
		height: 300px;
	}
	
	.random-collage-wrap {
		padding:0 10px;
	}
	
	.rc-slide {
		margin:10px;
		width: calc(33.333% - 20px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+1) {
		width: calc(26% - 20px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+2) {
		width: calc(48% - 20px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+3) {
		width: calc(26% - 20px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+4) {
		width: calc(33.333% - 20px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+5) {
		width: calc(33.333% - 20px);	
	}
	
	.random-collage .rc-slide:nth-of-type(9n+6) {
		width: calc(33.333% - 20px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+7) {
		width: calc(40% - 50px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+8) {
		width: calc(20% - 20px);
	}
	
	.random-collage .rc-slide:nth-of-type(9n+9) {
		width: calc(40% - 20px);
	}
	
	.random-collage .rc-slide .item-wrap-image {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	
	.rc-title {
		display:block;
		margin-bottom:10px;
	}
	
}


@media only screen and (max-width: 767px) {
	
	.content-carousel .swiper-slide {
		padding-right:10vw;
    }
	
	.content-carousel .swiper-slide img, .content-looped-carousel .swiper-slide img {
		max-height:50vw;
    }
	
	.content-middle-carousel .swiper-slide img {
		max-height: 60vw;
	}
	
	.content-marquee {
		font-size: 40px;
		line-height: 55px;
	}
	
	.text-carousel .owl-prev, .text-carousel .owl-next {
		width:80px;
		height:80px;
		margin:0;
		padding:23px;
		box-sizing:border-box;
		display: inline-block;
		justify-content: center;
		align-items: center;
		float:none;
	}
	
	.video-wrapper {
    	max-height: 50vh;
	}
	
	.control {
		display:none;
	}
	
	.name-box, .email-box {
		width: 100%;
		margin-right: 0;
	}
	
	.clients-table li {
    	width: 50%;
	}
	
	.empty-space, .empty-space.tx { 
		height:60px;
	}
	
	input[type="text"], textarea {
    	font-size: 14px;
	}
	
	.team-member {
		font-size: 30px;
		line-height: 48px;
	}
	
	.random-collage-wrap {
		padding:0px;
	}
	
	.rc-slide {
		margin:30px;
		width: calc(100% - 60px)!important;
	}
	
	.rc-title {
		margin-bottom:0px;
	}
	
	.portfolio-features {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		display: table;
		margin-bottom: 20px;
	}
	
	.pf-box {
		display: block;
		position: relative;
		width: 100%;
		float: left;
		box-sizing: border-box;
		padding: 30px 30px 30px 80px;
		text-align: left;
		border-right:none;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.pf-box:last-child {
		border-bottom:none;
	}
	
	.theme-features li {
		width: 33.333%;
	}
	
	.accordion dt {
    	font-size: 20px !important;
	}
    

	
}


@media only screen and (max-width: 479px) {
	
	.content-carousel .swiper-slide img, .content-looped-carousel .swiper-slide img {
		max-height:60vw;
    }
	
	.content-middle-carousel .swiper-slide img {
		max-height: 70vw;
	}
			
	.clapat-button {
    	margin-bottom: 20px;
	}
	
	.text-carousel {
    	max-width: 280px;
	}
	
	.text-carousel .owl-prev, .text-carousel .owl-next {
		margin: 0;
	}
	
	.team-member {
		font-size: 24px;
		line-height: 40px;
	}
	
	#team-members-list .hover-reveal {
		width: 150px;
		height: 220px;
	}
	
	.rc-slide {
		margin:20px;
		width: calc(100% - 40px)!important;
	}
	
	.theme-features li {
		width: 50%;
	}
		
}			
	


	#app {
		top: 0;
		left: 0;
		position: fixed;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		pointer-events: none;
		opacity:0;
		-webkit-transition: all 0.1s ease-in-out 0.3s;
		transition: all 0.1s ease-in-out 0.3s;
	}
	
	.load-project-thumb #app, .load-project-thumb-with-title #app, .load-project-thumb-with-title-and-scale #app {
		opacity:1;
	}
	
	.grid__item-img--large {
		pointer-events: none;
		position: absolute ;
		opacity: 0;
	}
	
	.grid__item-hidden {
		pointer-events: none;
		position: fixed;
		opacity: 0;
	}
	
	#project-holder {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index:100;
		pointer-events:none;
	}
	
	#project-holder.open {
		pointer-events:initial;
	}
	
	#showcase-height {
		position:relative;
		width:100vw;
		height:0;
	}
	
	#project-holder #main, #project-holder #main-page-content {
		opacity:1;
	}


	.thumb-container {
		visibility: hidden;
		height:100vh;
		width: 100%;
		left:0px;
		position: fixed;
		top:0;
		z-index:100;
		opacity:1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);	
		background-color:#161717;
	}
	
	
	.thumb-page {
		cursor: pointer;
		position: absolute;
		height:100vh;
		width:100%;
		top:0;
		left:0px;
		position: fixed;
		visibility:hidden;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	
	.thumb-page::after {
		content: "";
		width: 100%;
		height: 60%;
		position: absolute;
		bottom: 0;
		left: 0;
		pointer-events: none;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	}
	
/*--------------------------------------------------
	02. Filters
---------------------------------------------------*/		
	
		
	#show-filters {
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		font-size: 12px;
		color:#000;
		opacity: 0;
		display: block;
		cursor: pointer;
		position: fixed;
		left: 48px;
		bottom: 30px;
		height: 80px;
		width: 80px;
		background: none;
		transform-origin: 0 0;
		z-index:100;
		pointer-events:none;
	}
	
	.light-content #show-filters {
		color:#fff;
	}
	
	#show-filters.enabled {
		pointer-events:initial;
	}
	
	.show-filters-wrap {
		width: 80px;
		height: 80px;
		float: right;
		top: 0px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	
	.open-filters {
		height: 46px;		
		width: 46px;
		text-align:center;
		line-height:46px;
		font-size:16px;
		cursor: pointer;
		position: relative;		
	}
	
	#filters-overlay {
		position:fixed;
		z-index:15;
		height:100vh;
		width:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		opacity:0;
		visibility:hidden;
	    box-sizing: border-box;
		-webkit-transition: all 0.1s ease-in-out 0.6s;
		transition: all 0.1s ease-in-out 0.6s;
	}
	
	#filters-overlay.active {
		opacity:1;
		visibility:visible;
		-webkit-transition: all 0.3s ease-in-out 0.2s;
		transition: all 0.3s ease-in-out 0.2s;
	}
	
	#close-filters {
		position: fixed !important;
		height:100vh;
		width:100vw;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	
	#filters-overlay .outer {
		width: 100%;
		margin: 0 auto;
		padding: 80px;
		padding-top:160px;
		box-sizing: border-box;
	}
	
	#filters-overlay .inner {
		vertical-align: middle;
		position: relative;
		pointer-events: none;
		text-align: center;
	}
	
	.filters-wrap {
		position: relative;
		width: 100%;
		max-height: 0px;
		opacity:0;
		margin-top: 100px;
		transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
		-webkit-transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
	}
	
	.filters-wrap.active {
		opacity: 1;
		max-height: 100px;
		transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	
	#filters {
		height: auto;
		z-index: 15;
		position: relative;
		width: auto;
		display: inline-block;
		padding: 0;
		pointer-events: initial;
		margin: 0;
	}
	
	#filters li {
		display: block;
		opacity: 1;
		position: relative;
		margin: 15px 0;
		opacity: 0;
		text-align: center;
	}
	
	#filters li a {
		display: inline-block;
		color: #000;
		font-weight: 500;
		font-size:48px;
		line-height: 60px;
		z-index: 15;
		position: relative;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}
	
	.light-content #filters li a {
		color: #fff;
	}
	
	#filters:hover li a {
		opacity:0.4;
	}
	
	#filters li a:hover {
		opacity:1;
	}
	
	
/*--------------------------------------------------
	09. Portfolio Isotope Transitions
---------------------------------------------------*/

	.isotope, .isotope .isotope-item {
		-webkit-transition-duration: 1.8s;
		-moz-transition-duration: 1.8s;
		-ms-transition-duration: 1.8s;
		-o-transition-duration: 1.8s;
		transition-duration: 1.8s;
	}
	
	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-ms-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}
	
	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
	}
	
/*--------------------------------------------------
	03. Portfolio Layout
---------------------------------------------------*/	
	
	
	.scale-up .portfolio-wrap {		
		pointer-events:none;
	}
		
	.portfolio-wrap {		
		position:relative;
		margin:0 auto;
		width: 100%;
		padding:0;
		box-sizing:border-box;
		min-height:50vh;
	}
	
	.portfolio {
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
		-webkit-transition: height 0.5s ease-out;
		transition: height 0.5s ease-out;
	}
	
	.portfolio:after {
		content:""; 
		display:table; 
		clear:both;
	}
	
	.portfolio .item:last-child {
		margin-bottom:0!important;
	}
	
	/*-- Spaced Grid --*/
	
	.landing-grid .button-wrap {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
		position: absolute;
		left: calc(100% - (50% - 450px));
		bottom: 35px;
		height: 60px;
		float: none;
		top: auto;
	}
	
	.landing-grid:before {	
		content:"";
		position:absolute;
		bottom:0;
		width:100%;
		height:20vw;
		background-color:#eee;
		z-index:0;
		-webkit-transition: opacity 0.15s ease-out;
		transition: opacity 0.15s ease-out;
	}
	
	.light-content .landing-grid:before {
		background-color:rgb(34, 34, 34);
	}
	
	.show-loader .landing-grid:before {
		opacity:0;
	}		
	
	.item {
		display: block;
		position: relative;
		box-sizing: border-box;
		z-index: 0;
		margin:0px;
		width: 50%;
		height: 32vw;
	}
	
	.landing-grid .item:nth-child(1) {
		width: calc(50% - 390px);
		margin-top:20vw;
		height: 20vw;
	}
	
	.landing-grid .item:nth-child(2) {
		width: calc(100% - (50% - 390px));
		margin-top:0;
		height: 40vw;
	}
	
	.landing-grid .item:nth-last-child(2) {
		width: calc(100% - (50% - 390px));
		margin-top:0;
		height: 40vw;
	}
	
	.landing-grid .item:nth-last-child(1) {
		width: calc(50% - 390px);
		margin-top:0;
		height: 20vw;
	}
	
	.metro-grid .item:nth-child(1) {
		margin-top:20vw!important;
		height: 20vw!important;
	}
	
	.metro-grid .item:nth-of-type(6n+1) {
		width: calc(50% - 390px);
		margin-top:0;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+2) {
		width: calc(100% - (50% - 390px));
		margin-top:0;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+3) {		
		margin:0px;
		width: 50%;
		height: 32vw;
	}
	
	.metro-grid .item:nth-of-type(6n+4) {
		margin:0px;
		width: 50%;
		height: 32vw;
	}
	
	.metro-grid .item:nth-of-type(6n+5) {
		width: calc(100% - (50% - 390px));
		margin-top:0;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+6) {
		width: calc(50% - 390px);
		margin-top:0;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+6):nth-last-child(1) {
		margin-top:0;
		height: 20vw;
	}
	
	.item-parallax {
		height: 100%;
		width: 100%;
		position: absolute;
	}
	
	.item-appear {
		display: block;
		position: relative;
		box-sizing: border-box;
		z-index: 0;
		width: 100%;
		height: 100%;
		overflow:hidden;
					
	}
	
	.item-image::after {
		content: "";
		opacity:0;
		width: 100%;
		height: 60%;
		position: absolute;
		bottom: 0;
		left: 0;
		pointer-events: none;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
		-webkit-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}
	
	.load-project-thumb .item-image::after {
		content: "";
		opacity:1;
		width: 100%;
		height: 60%;
		position: absolute;
		bottom: 0;
		left: 0;
		pointer-events: none;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
		-webkit-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}

	.item-content {
		width: 100%;
		height: 100%;
		position:relative;
		opacity:1; 
	}
	
	.fade-scalein-effect .item-content {
		opacity:0; 
		-webkit-transform:scale(0.8);
		transform: scale(0.8);
		-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s;	
		transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s;	
	}
	
	.fade-scalein-effect .item.active .item-content {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		position:absolute;
		right:0;	
	}
	
	.fade-scaleout-effect .item-content {
		opacity:0; 
		-webkit-transform:scale(1.2);
		transform: scale(1.2);
		-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s;	
		transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s;	
	}
	
	.fade-scaleout-effect .item.active .item-content {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		position:absolute;
		right:0;	
	}
	
	.width-scale-effect .item-content {
		-webkit-transform:scale(1.2);
		transform: scale(1.2);
		-webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
		-o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
		transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);	
	}
	
	.width-scale-effect .item.active .item-content {
		-webkit-transform: scale(1);
		transform: scale(1);	
	}
	
	.width-scale-effect .item-content:after {
		content: "";
		width: 100%;
		height: 100%;
		background-color:#141414;
		position:absolute;
		top:0;
		right:0;
		-webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
		-o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);
		transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01);	
	}
	
	.width-scale-effect .item.active .item-content:after {
		width: 0;
	}
	
	.height-scale-effect .item-content {
		opacity: 0;
		-webkit-transition:translateY(220px) scaleY(1.3);
		transform: translateY(220px) scaleY(1.3);
		-webkit-transition: transform 1s cubic-bezier(.165,.84,.44,1), opacity 1s cubic-bezier(.165,.84,.44,1);	
		transition: transform 1s cubic-bezier(.165,.84,.44,1), opacity 1s cubic-bezier(.165,.84,.44,1);		
	}
	
	.height-scale-effect .item.active .item-content {
		opacity: 1;
		-webkit-transition:translateY(0px) scaleY(1);
		transform: translateY(0px) scaleY(1);	
	}
	
	.item-wrap {
		width: 100%;
		height: 100%;
		position:absolute;	 				
	}
	
	.item-wrap-image {
		width: 100%;
		height: 100%;
		position:relative;
		z-index:0;
		overflow:hidden;
		-webkit-transform:scale(1.05);
		transform: scale(1.05);
		-webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;	
		transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;			
	}
	
	.item:hover .item-appear .item-wrap-image, .above  .item-wrap-image {		
		-webkit-transform:scale(1);
		transform: scale(1);			
	}
	
	.item-image {
		width:100%;
		height: 100%;
		position:relative;
		display:block;
		z-index:100;	
		object-position: center; 
		object-fit: cover;
	}
	
	.portfolio .item-image {
		cursor:pointer;		
	}
	
	.above.item {
		opacity: 1 !important;
	}
	
	.item-caption {
		z-index: 10;
		position: absolute;
		bottom: 0px;
		height: auto;
		padding:50px 60px;
		box-sizing: border-box;
		width: 100%;
		cursor:default;
		pointer-events: none;
		opacity:0;
		-webkit-transition: all 0.2s ease-out 0.4s;
		transition: all 0.2s ease-out 0.4s;	
	}
	
	.item.active .item-caption {
		opacity: 1;
	}
	
	.item-title {		
		margin: 0;
		font-weight: 500;
		font-size:24px;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		margin-left:-1px;
		display: block;
		position:relative;
		color:#000;
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;		
	}
	
	.light-content .item-title {
		color:#000;
	}
	
	.change-header .item-title {
		color:#fff;
	}
	
	.light-content .change-header .item-title {
		color:#fff;
	}
	
	.item:hover .item-title {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	.portfolio .item:first-child .item-title::after {
		content: "New";
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
		font-size: 10px;
		position: absolute;
		font-weight: 600;
		margin-left: 10px;
		color: #FF1B0B;
		top: -6px;
	}
	
	.item-cat {
		display:block;
		font-size: 12px;
		font-weight: 500;
		opacity: 0;
		line-height: 20px;
		overflow:hidden;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
		color:#000;
		-webkit-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;		
	}
	
	.change-header .item-cat {
		color:#fff;
	}
	
	.light-content .change-header .item-cat {
		color:#fff;
	}
	
	.light-content .item-cat {
		color:#000;
	}
	
	.item:hover .item-cat {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
		opacity:1;
		-webkit-transition: all 0.1s ease-out 0.1s;
		transition: all 0.1s ease-out 0.1s;
	}


/*--------------------------------------------------
	Project Page Navigation
---------------------------------------------------*/	
	
	#project-nav {
		height: 100vh;
		width: 100%;
		color: #000;
		position: absolute;
		margin-bottom: 0;
		bottom: -100vh;
		overflow:hidden;
	}
	
	.light-content #project-nav {
		color: #fff;
	}
	
	.next-project-wrap {
		display: table;
		width: 100%;
		margin: 0 auto;
		height: 100%;
		position: relative;
		box-sizing: border-box;
		opacity:0;
		top:-40%;
		z-index:10;
	}
	
	.next-project-image-wrapper {
		background-color: #171717;
		position: fixed;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
	}
	
	.next-project-image {
		position: fixed;
		top:60%;
		opacity:0;
		left: 0;
		height: 100%;
		width: 100%;
		overflow:hidden;
	}
	
	.load-project-thumb-with-title .next-project-image {
		z-index:10;
	}
	
	.next-project-image.temporary {
		top:0!important;
	}
	
	.next-project-image.visible {
		opacity:1!important;
	}
	
	.next-project-image-bg {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-size: cover;
		background-position:center center;
		background-repeat: no-repeat;
		opacity:1;
		z-index:1;
		-webkit-transform: scale(1);
		transform: scale(1);	
	}
	
	.next-project-title {
		display: table;
		width: 100%;
		padding:20px;
		margin: 0 auto;
		height: 100%;
		position: relative;
		box-sizing: border-box;
		opacity:0;
		top:-40%;
		z-index:10;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	
	.app-canvas .next-project-title {
		padding: 0px;
		max-width:none;
	}
	
	.next-project-caption {
		display: table-cell;
		vertical-align: middle;
		box-sizing: border-box;
		vertical-align: middle;
		text-align:left;
		
	}
	
	.next-caption-wrapper {
		display: table;
		margin: 0 auto;
		width: 100%;
		position:relative;
		padding: 20px;
		padding-left:calc(50% - 390px);
		max-width:none;
		box-sizing:border-box;
	}
	
	#project-nav .next-ajax-link-project {
		display: block;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index:10;
	}
	
	.next-caption {
		display:block;
		position:relative;
		z-index:1;
	}

	.main-title {
		display:block;
		width:auto;
		font-size:60px;
		line-height:70px;
		font-weight: 500;
		z-index:10;
		color:#000;		
		position:relative;
		margin:0 auto;
		margin-bottom: 20px;
		margin-left: -3px;
	}
	
	.light-content .main-title {
		color:#fff;		
	}
	
	.main-title span {
		background-image: linear-gradient(transparent calc(100% - 3px), #000 1px);
		background-size: 0;
		background-repeat: no-repeat;
		display: inline;
		transition: 0.5s ease;
	}
	
	.light-content .main-title span {
		background-image: linear-gradient(transparent calc(100% - 3px), #fff 1px);
	}
  
  	.main-title:hover span {    
      	background-size: 100%;
    }
	
	.page-is-changing .main-title span {
		background-size: 0;
		transition: 0.3s ease;
	}
	
	.next-title {
		margin-bottom: 0;
		line-height: 20px;
		height:20px;
		overflow:hidden;
		position: relative;
		left: 0;
		display: block;
		font-size:16px;
		font-weight: 600;		
		transform: translateY(-20px);
		-webkit-transform: translateY(-20px);
	}
	
	.light-content .next-title {
		color:#FFF;		
	}
	
	.next-subtitle-name {
		margin-bottom: 0;
		opacity: 1;
		line-height: 20px;
		height:20px;
		overflow:hidden;
		position: relative;
		left: 0;
		display: block;
		font-size:16px;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		color: #000;
	}
	
	.next-subtitle-name {
		transform: translateY(50px) rotate(-7deg);
		-webkit-transform: translateY(50px) rotate(-7deg);
		opacity:0;
	}
	
	.light-content .next-subtitle-name {
		color: #fff;
	}
	
	#project-nav #itemsWrapperLinks {
		height:auto;
	}
	
	#project-nav #itemsWrapper {
		z-index:10!important;
		position:relative;
		padding: 0;
		max-width:1000px;
		margin: 0 auto;
	}
	
	#project-nav .item .item-title {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		font-size:14px;
	}
	
	#project-nav .item-wrap-image {
		-webkit-transform:scale(1);
		transform: scale(1);	
	}
	
	#project-nav .item-image {
		opacity: 1 !important;
	}
	
	#project-nav .item-caption {
		bottom:-5px;
		text-align:center;
	}
	
	
/*--------------------------------------------------
	Responsive
---------------------------------------------------*/	




@media only screen and (max-width: 1466px) {
	
	#filters-overlay .outer {
		padding: 60px;
	}
	
	#show-filters {
		left: 26px;
		bottom: 20px;
	}
	
	#main .landing-grid .large-btn .button-text {
		font-size: 12px;
		font-weight: 600;
		margin: 15px 0;
	}
	
	
}


@media only screen and (max-width: 1300px) {
	
	.landing-grid::before {
		height: calc(50vw + 60px);
	}
	
	.landing-grid .item:nth-child(1) {
		width: calc(100% - (50% - 390px));
		margin-top: 0;
		margin-left:calc(50% - 390px);
		height: 50vw;
	}
	
	.landing-grid .item:nth-child(2) {
		margin: 0px;
		width: 70%;
		height: 40vw;
	}
	
	.landing-grid .item:nth-last-child(2) {
		margin: 0px;
		width: 30%;
		height: 40vw;
	}
	
	.landing-grid .item:nth-last-child(1) {
		width: calc(100% - (50% - 390px));
		margin-top: 0;
		height: 50vw;
	}
	
	.metro-grid .item:nth-child(1) {
		width: calc(100% - (50% - 390px))!important;
		margin-top: 0!important;
		margin-left:calc(50% - 390px)!important;
		height: 50vw!important;
	}
	
	.metro-grid .item:nth-of-type(6n+1) {
		margin: 0px;
		width: 30%;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+2) {
		margin: 0px;
		width: 70%;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+3) {
		margin: 0px;
		width: 30%;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+4) {
		margin: 0px;
		width: 30%;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+5) {
		margin: 0px;
		width: 70%;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+6) {
		margin: 0px;
		width: 70%;
		height: 40vw;
	}
	
	.metro-grid .item:nth-of-type(6n+6):nth-last-child(1) {
		width: calc(100% - (50% - 390px));
		margin-top: 0;
		height: 50vw;
	}
	
	.see-all-works {
		display: table;
		max-width: 820px;
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding: 0 20px;
		box-sizing: border-box;
	}
	
	.landing-grid .button-wrap {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
		position: relative;
		left: auto;
		bottom: auto;
		height: 60px;
		float: none;
		top: 20px;
	}
	
}

@media only screen and (max-width: 1024px) {	
	
	#filters-overlay .outer {
		padding: 40px;
		padding-bottom:80px;
	}
	
	#filters li a {
		font-size: 24px;
		line-height: 40px;
	}
	
	#show-filters {
		left: 22px;
		bottom: 14px;
		height: 46px;
		width: 46px;
	}
	
	#show-filters[data-tooltip][data-placement="top"]::before {
		display:none;
	}
	
	.show-filters-wrap {
		width: 46px;
		height: 46px;
	}
	
	.landing-grid .item:nth-child(1) {
		width: 100%;
		margin-top: 0;
		margin-left:0;
		height: 50vw;
	}
	
	.landing-grid .item:nth-child(2) {
		width: 50%;
		margin-top: 0;
		height: 30vw;
	}
	
	.landing-grid .item:nth-last-child(2) {
		width: 50%;
		margin-top: 0;
		height: 30vw;
	}
	
	.landing-grid .item:nth-last-child(1) {
		width: 100%;
		margin-top: 0;
		margin-left:0;
		height: 50vw;
	}
	
	.metro-grid .item:nth-child(1) {
		width: 100%!important;
		margin-top: 0!important;
		margin-left:0!important;
		height: 50vw!important;
	}
	
	.metro-grid .item {
		width: 50%!important;
		margin-top: 0!important;
		height: 30vw!important;
	}
	
	.metro-grid .item:nth-of-type(6n+6):nth-last-child(1) {
		width: 100%!important;
		margin-top: 0!important;
		margin-left:0!important;
		height: 50vw!important;
	}
	
	.item-caption {
		padding: 30px 40px;
	}
	
	.see-all-works {
		padding: 0px 40px;
	}
	
	.next-caption-wrapper {
		padding: 0 40px;
		max-width: 860px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	#filters-overlay .outer {
		padding: 30px;
		padding-bottom:80px;
	}
	
	#show-filters {
		left: 12px;
		bottom: 10px;
	}
	
	.landing-grid .item, .metro-grid .item, .metro-grid .item:nth-child(1), .metro-grid .item:nth-of-type(6n+6):nth-last-child(1) {
		width: 100%!important;
		margin-top: 0!important;
		height: 64vw!important;
	}
	
	.item-caption {
		padding: 30px 30px;
	}
	
	.see-all-works {
		padding: 0px 30px;
	}
	
	.next-caption-wrapper {
		padding: 0 30px;
	}
	
}

@media only screen and (max-width: 479px) {
	
	#filters-overlay .outer {
		padding: 20px;
		padding-bottom:80px;
	}
	
	#show-filters {
		left: 2px;
		bottom: 2px;
	}
	
	.portfolio {
		overflow:hidden;
	}	
	
	.item-caption {
		padding: 30px 20px;
	}
	
	.item-title {
    	font-size: 18px;
	}
	
	.see-all-works {
		padding: 0px 20px;
	}
	
	.next-caption-wrapper {
		padding: 0 20px;
	}
		
}			
	
 	
/*--------------------------------------------------
	Hero Section
---------------------------------------------------*/			
	
	#hero {		
		width:100%;
		height:auto;
		max-height:100%;
		position:relative;
		z-index:20;
	}
	
	#hero.has-image {
		z-index:2;
		height:100vh;
		overflow:hidden;
	}
	
	#hero-styles {
		position: relative;
		width: 100%;
		height:auto;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		margin: 0 auto;
		z-index:2;		
	}
	
	#hero.has-image #hero-styles {
		position: absolute;
		height:100vh;
	}
	
	#hero-caption {
		display: table;
		width: 100%;
		padding: 220px 20px 160px 20px;
		max-width: 820px;
		margin: 0 auto;
		height: 100%;
		position: relative;
		box-sizing: border-box;	
		text-align:left;
		pointer-events:initial;	
	}
	
	#hero.has-image #hero-caption {		
		padding: 20px;
		padding-left:calc(50% - 390px);
		max-width:none;
	}
	
	#hero #hero-caption.text-align-center {	
		text-align:center;
	}
	
	#hero #hero-caption .inner {
		vertical-align: top;
	}
	
	#hero.has-image #hero-caption .inner {
		vertical-align: middle;
	}	
	
	#hero-image-wrapper {
		position: absolute;
		width: 100%;
		height: 100vh;
		z-index: 0;
		margin: 0 auto;
		left: 0;
		top:0;
		right: 0;
		-webkit-transition: filter 0.6s ease-in-out;
		transition: filter 0.6s ease-in-out;
		overflow: hidden;
	}
	
	#hero-background-layer {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		z-index:0;
	}
	
	#hero-bg-image {
		background-size:cover;
		position:absolute;
		background-position:center center;
		width:100%;
		height:100%;
		z-index:0;
		opacity:0;
		overflow:visible;
	}
	
	.load-project-page #hero-bg-image, .load-next-project #hero-bg-image, .load-project-thumb-with-title #hero-bg-image {
		opacity:1!important;
		-webkit-transform: scale(1.02);
		transform: scale(1.02);	
	}
	
	.hero-title, .next-hero-title {
		font-size:100px;
		line-height:130px;
		font-weight:500;
		font-family: 'Poppins', sans-serif;
		position: relative;
		display:block;
		margin-bottom:0px;
		display:inline-block;
		vertical-align: top;
		width:auto;
		overflow:hidden;
		padding: 0;
		color:#000;
		margin-left:-4px;		
	}
	
	.text-align-center .hero-title, .text-align-center .next-hero-title {
		margin:auto;
	}
	
	.hero-title span {
		display: block;
		transform: translateY(230px);
		-webkit-transform: translateY(230px);
	}
	
	.next-hero-title span {
		display: block;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	
	.light-content .hero-title, .light-content .next-hero-title {
		color:#fff;		
	}
	
	.change-header .hero-title, .change-header .next-hero-title {
		color:#000;		
	}
	
	.hero-subtitle, .next-hero-subtitle {
		font-size: 18px;
		font-family: 'Poppins', sans-serif;
		font-weight:500;
		line-height:30px;
		margin-bottom:0px;
		width: 100%;
		z-index: 10;		
		position:relative;
		display:block;
		overflow:hidden;
		margin-left: 0px;
		color:#000;
	}
	
	.hero-subtitle span {
		position:relative;
		display:block;
		opacity:0;
		transform: translateY(60px);
		-webkit-transform: translateY(60px);
	}
	
	.next-hero-subtitle span {
		position:relative;
		display:block;
	}
	
	.load-next-project .hero-title span, .load-next-page .hero-title span {
		transform: translateY(0px)!important;
		-webkit-transform: translateY(0px)!important;
		opacity:1!important;
	}
	
	.load-next-project .hero-subtitle span, .load-next-page .hero-subtitle span {
		transform: translateY(0px)!important;
		-webkit-transform: translateY(0px)!important;
		opacity:1!important;
	}
	
	.light-content .hero-subtitle, .light-content .next-hero-subtitle {
		color: #fff;
	}
	
	.change-header .hero-subtitle, .change-header .next-hero-subtitle {
		color: #000!important;
	}
	
	#hero.has-image .hero-subtitle:before, .text-align-center .hero-subtitle:before {
		left:50%;
		margin-left:-10px;
	}
	
	#hero-footer {
		position: absolute;
		width: 100%;
		padding: 30px 60px;
		box-sizing: border-box;
		bottom: 0;
		left: 0;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		font-size: 12px;
		line-height:60px;
		color:#000;
	}
	
	#hero-footer.landing {
		top: calc(100vh - 120px);
		width:auto;
	}
	
	.light-content #hero-footer {
		color:#fff;
	}
	
	#hero-footer:after {
	  content: "";
	  clear: both;
	  display: table;
	}
	
	.hero-footer-left {
		float:left;
		opacity:0;
		cursor:pointer;
		transform: translateY(40px);
		-webkit-transform: translateY(40px);
	}
	
	.hero-footer-right {
		float:right;
		opacity:0;
		cursor:pointer;
		transform: translateY(40px);
		-webkit-transform: translateY(40px);
	}
	
	#share {
		top:-3px;
		right: -24px;
		position: relative;
	}
	
	#share::before {
		position: absolute;
		top: 0;
		left: -140px;
		content: attr(data-text);
		width: 120px;
		text-align:right;
	}
	
	#share .parallax-wrap {
		width: 60px;
		height: 60px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		float: left;
	}
	
	.landing-caption {
		position:absolute;
		margin-top:60px;
		opacity:0;
		transform: translateY(60px);
		-webkit-transform: translateY(60px);
	}
	
/*--------------------------------------------------
	Page Navigation
---------------------------------------------------*/	
	
	#page-nav {
		height: auto;
		width: 100%;
		color: #000;
		position: relative;
		margin-bottom: 0;
	}
	
	.light-content #page-nav {
		color: #fff;
	}
	
	.next-page-wrap {
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow:hidden;
		z-index: 3;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	
	
	.next-page-title {
		display: table;
		width: 100%;
		margin: 0 auto;
		padding: 220px 20px 160px 20px;
		max-width: 820px;
		margin: 0 auto;
		height: 100%;
		top:-20%;
		opacity:0;
		position: relative;
		box-sizing: border-box;
	}
	
	.next-page-title .inner {
		vertical-align: middle;
		text-align:left;
	}

	.page-title {
		font-weight: 500;
		margin:0;
		width:auto;
		z-index:10;
		color:#000;
		position:relative;
		display:table;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	.text-align-center .page-title {
		margin:0 auto;
	}
	
	.light-content .page-title {
		color:#fff;
	}
	
	.next-hero-title {
		padding-right:60px;
	}
	
	.next-hero-title::after {
		font-family: FontAwesome;
		content: "\f063";
		font-size: 32px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: absolute;
		right: 0px;
		bottom: 20px;
		color: #000;
		opacity: 1;
		transform: rotate(-45deg) translateY(0px);
		-webkit-transform: rotate(-270deg) translateY(0px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.next-hero-title:hover::after, .next-hero-title.hover-title::after {
		transform: rotate(0deg) translateY(-5px);
		-webkit-transform: rotate(0deg) translateY(-5px);
	}
	
	.light-content .next-hero-title::after {
		color:#fff;
	}
	
	.show-loader .next-hero-title::after {
		opacity:0;
	}
	
	.subtitle-info, .subtitle-name {
		margin-bottom: 0;
		line-height: 20px;
		height:20px;
		overflow:hidden;
		position: relative;
		left: 0;
		display: block;
		font-size:16px;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
	}
	
	.subtitle-info {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	
	.subtitle-name {
		transform: translateY(50px);
		-webkit-transform: translateY(50px);
		opacity:0;
	}
	
	.light-content .subtitle-info, .light-content .subtitle-name {
		color: #fff;
	}
	
/*--------------------------------------------------
	Temporary Hero
---------------------------------------------------*/	
	
	.temporary-hero {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		pointer-events: none;
		z-index:10;
	}
	
	.temporary-hero .outer {
		width: 100%;
		max-width: none;
		padding: 0px 20px;
		padding-left:calc(50% - 390px);
		height: 100%;
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
		z-index:10;
	}
	
	.temporary-hero .inner {
		vertical-align: middle;
	}
	
	.temporary-hero .inner .caption-wrapper, .temporary-hero .inner .next-caption {
		position: relative;
	}
	
	.temporary-hero .inner .caption-wrapper .title span {
		color: #000;
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	.temporary-hero .inner .caption-wrapper .subtitle span {
		position: relative;
		display: block;
		opacity: 1;
		color: #000;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	
	.temporary-hero.light-content .inner .caption-wrapper .title span, .temporary-hero.light-content .inner .caption-wrapper .subtitle span {
		color: #fff;
	}
	
	.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::before {
		opacity: 0;
		-webkit-transition: opacity 0.3s ease-out 0.2s;
		transition: opacity 0.3s ease-out 0.2s;
	}
	
	.temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::after {
		opacity: 0;
		-webkit-transition: opacity 0.3s ease-out 0.2s;
		transition: opacity 0.3s ease-out 0.2s;
	}		

	
/*--------------------------------------------------
	Responsive
---------------------------------------------------*/	




@media only screen and (max-width: 1466px) {
	
	.hero-title, .next-hero-title {
		font-size: 90px;
		line-height: 120px;
	}
	
	#hero-caption, .next-page-title {
		padding: 200px 20px 140px 20px;
	}
	
	#hero-footer {
		padding: 30px 60px;
	}
	
	#hero-footer.landing {
		display:none;
	}
	
}

@media only screen and (max-width: 1024px) {	
	
	.hero-title, .next-hero-title {
		font-size: 72px;
		line-height: 100px;
	}
	
	.next-hero-title::after {
		font-size: 30px;
		bottom: 14px;
	}
	
	#hero-caption, .next-page-title {
		padding: 200px 40px 140px 40px;
	}
	
	#hero.has-image #hero-caption, .temporary-hero .outer {
		padding: 0 40px;
		max-width: 860px;
	}
	
	#hero-footer {
    	padding: 20px 40px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	
	.hero-title, .next-hero-title {
		font-size: 60px;
		line-height: 80px;
	}
	
	.next-hero-title::after {
		font-size: 26px;
		bottom: 10px;
	}
	
	.hero-subtitle, .next-hero-subtitle {
		font-size: 16px;
		line-height: 30px;
	}
	
	#hero-caption, .next-page-title {
		padding: 180px 30px 120px 30px;
	}
	
	#hero.has-image #hero-caption, .temporary-hero .outer {
		padding: 0 30px;
	}
	
	#hero-footer {
		padding: 10px 30px;
	}
	
	.hero-footer-left .button-text {
		display:none;
	}
	
}

@media only screen and (max-width: 479px) {
	
	.hero-title, .next-hero-title {
		font-size: 48px;
		line-height: 72px;
	}
	
	.next-hero-title::after {
		font-size: 24px;
		bottom: 8px;
	}
	
	.hero-subtitle, .next-hero-subtitle {
		font-size: 14px;
		line-height: 30px;
	}
	
	#hero-caption, .next-page-title {
		padding: 160px 20px 100px 20px;
	}
	
	#hero.has-image #hero-caption, .temporary-hero .outer {
		padding: 0 20px;
	}
	
	#hero-footer {
		padding: 10px 20px;
	}
		
}			
	



/*--------------------------------------------------
	General Styles
---------------------------------------------------*/	

	#showcase-slider-holder {
		width:100%;
		height:100vh;
		position:relative;
		overflow:hidden;
		opacity:0;
		cursor:grab;
	}
	
	.scale-drag #showcase-slider-holder {
		cursor: grabbing!important;
	}
	
	#showcase-slider {
		position:absolute;
		width:100%;
		height:100%;
		z-index:1;
		overflow:visible;
		cursor:grab;
	}
	
	.swiper-slide {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		-webkit-user-select: none;
		-webkit-touch-callout: none; 
		user-select: none;
		z-index:0;
		display: flex;
		align-items: center;
		justify-content: center;		
	}
	
	.swiper-slide-active {
		z-index:1;		
	}
	
	.above.swiper-slide {
		opacity: 1 !important;
	}
	
	.img-mask {	
		width:100%;
		height:100%;
		display: block;
		position:absolute;
		left:0;
		right:0;
		margin:0 auto;
		box-sizing:border-box;
		z-index:0;
	}
	
	.section-image {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size: cover;
	}
	
	.section-image.temporary {
		position:absolute;
		top:0;
		left:0;
	}
	
	.swiper-slide .outer {
		padding: 0px;
		margin: 0 auto;
		box-sizing: border-box;		
		display: table;
		padding: 0px 20px;
		padding-left:calc(50% - 390px);
		padding-right:20px;
		width:100%;
		height: 100%;
		visibility:visible;
		opacity:1;
		position:relative;
		z-index:10;
	}
	
	.swiper-slide .inner {
		vertical-align: middle;
		text-align:left;
		position:relative;
	}
	
	.slide-title-wrapper {
		position: relative;
		height: auto;
		width: auto;
		display: table;
		margin: 0;		
		text-align:center;
	}
	
	.slide-title-wrapper .slide-link {
		display:none;
		width:0;
		height:0;
	}
	
	.slide-title {
		font-size:100px;
		line-height:130px;
		font-weight:500;
		font-family: 'Poppins', sans-serif;
		margin-left:-4px;
		position:relative;
		display:block;		
		pointer-events:none;
		cursor:pointer;
		color:#000;
		z-index:10;
	}
	
	.light-content .slide-title {
		color:#fff;
	}
	
	#showcase-slider-holder .slide-title span::before {
		font-size: 12px;
		font-weight:500;
		line-height:30px;
		position: absolute;
		top: 22px;
		left: -40px;
		content: attr(data-text);
		width: auto;
		text-align: right;
		color: #000;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;		
	}
	
	.light-content #showcase-slider-holder .slide-title span::before {
		color:#fff;
	}
	
	.show-loader #showcase-slider-holder .slide-title span::before {
		opacity:0;
	}
	
	#showcase-slider-holder .slide-title span::after {
		font-family: FontAwesome;
		content: "\f061";
		font-size: 32px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: absolute;
		right: -60px;
		bottom: 20px;
		color: #000;
		opacity: 1;
		transform: rotate(45deg) translateY(0px);
		-webkit-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	
	.light-content #showcase-slider-holder .slide-title span::after {
		color: #fff;
	}
	
	.show-loader #showcase-slider-holder .slide-title span::after {
		opacity:0;
	}
	
	#showcase-slider-holder .slide-title.hover-title span::after {
		transform: rotate(0deg) translateY(-5px);
		-webkit-transform: rotate(0deg) translateY(-5px);
	}
	
	#showcase-slider .swiper-slide .outer .slide-title.active-title {
		pointer-events:initial;
	}
	
	.scale-drag .swiper-slide .outer .slide-title.active-title {
		pointer-events:none;
	}
	
	.slide-title span {
		position: relative;
		display: block;
		opacity:0;
	}
	
	.slide-title span {
		text-align:left;
		opacity:0;
		transform: translateY(160px);
		-webkit-transform: translateY(160px);
	}
	
	.subtitle {
		font-size: 18px;
		font-weight:500;
		line-height:30px;
		margin-bottom:0px;
		z-index: 10;
		position:relative;
		display:block;
		color: #000;
		overflow:hidden;
	}
	
	.light-content .subtitle {
		color: #fff;
	}
	
	.subtitle span {
		position: relative;
		display: block;
		opacity:0;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
	}
	
/*--------------------------------------------------
	Showcase Sync Sliders
---------------------------------------------------*/
	
	#showcase-slider .inner .slide-title, #showcase-slider .inner .subtitle, #showcase-slider-captions .inner .subtitle {
		opacity:0;
	}
	
	#showcase-slider-captions {
		position:fixed;
		width:100%;
		height:160px;
		top:calc(50% - 80px);
		z-index:10;
		overflow:hidden;
		cursor:grab;
		pointer-events:none;
	}
	
	#showcase-slider-lists {
		position:fixed;
		width: 100%;
		height:calc(50% - 170px);
		top:calc(50% + 120px);
		z-index:5;
		overflow:hidden;
		cursor:grab;
		pointer-events:none;
	}
	
	#showcase-slider-lists .swiper-slide {
		height:auto;
		transform: translateY(-75px);
		-webkit-transform: translateY(-75px);
	}
	
	#showcase-slider-lists .slide-small-title {
		font-size: 18px;
		line-height: 40px;
		margin-top: 15px;
		margin-bottom: 15px;
		font-weight: 500;
		overflow:hidden;
		opacity:1;
		width: 100%;		
	}
	
	#showcase-slider-lists .slide-small-title span{
		color:#000;			
	}
	
	.light-content #showcase-slider-lists .slide-small-title span{
		color:#fff;		
	}
	
	#showcase-slider-lists .slide-small-title span {
		position: relative;
		display: block;
		opacity:0;
		transform: translateY(30px);
		-webkit-transform: translateY(30px);
	}
	
	#showcase-slider-holder.loaded #fixed-borders {
		opacity: 1;
		top: 50%;
		z-index: 100;
	}
	
	#showcase-slider-holder #fixed-borders .caption-border {
		-webkit-transition: width 0.5s ease-out 0.2s, opacity 0.2s ease-out 0s;
		transition: width 0.5s ease-out 0.2s, opacity 0.2s ease-out 0s;
	}
	
	#showcase-border {
		background-color:#000;
		height:2px;
		position:absolute;
		top:calc(50% + 80px);
		width: calc(100% - (50% - 330px));
		right:60px;
	}
	
	.light-content #showcase-border {
		background-color:#fff;
	}	

	
/*--------------------------------------------------
	WebGl Slider
---------------------------------------------------*/
	
	
	#canvas-slider {
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		right:0;
		overflow:hidden;
		-webkit-transition: width 0.5s ease-in-out 0;
		transition: width 0.5s ease-in-out 0s;
        filter: brightness(90%);
	}
	
	#canvas-slider.split {
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
	}
	
	#canvas-slider.split canvas{
		transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
	}
	
	#canvas-slider .slider-img {
		position: absolute;
		height:100%;
		width:100%;
		background-size:cover;
		background-position:center center;
		background-color:#222;
		visibility:hidden;
		top: 0;
		left: 0;
		z-index: 0;
		opacity: 0;
		-webkit-transform: scale(1.01);
		transform: scale(1.01);
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;		
	}
	
	#canvas-slider img {
		width:100%;
		height: 100%;
		position:relative;
		display:none;
		z-index:100;
		cursor:pointer;		
		object-position: center; 
		object-fit: cover;
        
	}
	
/*--------------------------------------------------
	Showcase Footer Elements
---------------------------------------------------*/	
	
	
	footer .swiper-pagination {
		margin: 0 auto;
		width: 100%;
		left: 0;
		right: 0;
		top:20px;
		max-width: 400px;
		pointer-events:initial;
	}
	
	.showcase-footer.slider .swiper-pagination {
		position: relative;
		text-align: right;
		max-width:none;
		pointer-events:none;
	}
	
	.swiper-pagination .parallax-wrap {
		width: 40px;
		height: 40px;
		display: inline-flex;
		position: relative;
		justify-content: center;
		align-items: center;
		pointer-events:initial;
	}
	
	.swiper-pagination .parallax-element {
		height: 40px;
		width: 40px;
		color: #000;
		text-align: center;
		line-height: 50px;
	}
	
	.swiper-pagination .swiper-pagination-bullet {
		width: 40px;
		height: 40px;
		background: transparent!important;
	}
	
	.swiper-pagination-bullet {
		background: #000;
	}
	
	.swiper-pagination-bullet-active .path {
		display: inline-block !important;
		stroke-dasharray: 1000;
		stroke-dashoffset: 0;
		animation: dash ease-in 3s;
		animation-iteration-count: unset;
	}
	
	.swiper-pagination-bullet .path {
		stroke:#000;
	}
	
	.swiper-pagination-bullet .solid-fill {
		fill:#000;
	}
	
	.light-content .swiper-pagination-bullet .path {
		stroke:#fff;
	}
	
	 .light-content .swiper-pagination-bullet .solid-fill {
		 fill:#fff;
	 }
	
	.path {
		display: none;
	}

	@keyframes dash {
	  from {
		stroke-dashoffset: 1000;
	  }
	
	  to {
		stroke-dashoffset: 0;
	  }
	}
		
	
	
/*--------------------------------------------------
	Showcase Lists
---------------------------------------------------*/
	
	
	
	.showcase-list-holder {
		position:relative;
		z-index:15;
		width:100%;
		height:calc(100vh - 700px);
		margin:0 auto;
		display:table;
	    box-sizing: border-box;
		padding: 0px 60px 0px 60px;
		
	}
	
	.showcase-list {
		width:100%;
		position:relative;
		margin:0 auto;
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		overflow:hidden;
	}
	
	.slide-list  {
		width: calc(100% - (50% - 390px));
		position: relative;
		display:table;
		float:none;
		cursor: pointer;
		pointer-events: initial;
		margin:0 auto;
		margin-left:calc(50% - 390px);
		padding-top: 30px;
		padding-bottom:30px;
		z-index:10;
		text-align:left;
		border-top:2px solid transparent;
		-webkit-transition: border 0.2s ease-in-out 0.1s;
		transition: border 0.2s ease-in-out 0.1s;		
	}
	
	.slide-list.show-borders  {
		border-top:2px solid #000;
	}
	
	.light-content .slide-list.show-borders  {
		border-top:2px solid #fff;
	}
	
	.slide-list:last-child {
		border-bottom:2px solid #000;	
	}
	
	.light-content .slide-list:last-child {
		border-bottom:2px solid #fff;	
	}
	
	.slide-list::before {
		font-size: 12px;
		font-weight:500;
		line-height:30px;
		position: absolute;
		top: 48px;
		left: -40px;
		content: attr(data-text);
		width: auto;
		text-align: right;
		color: #000;
		opacity:0;
		-webkit-transition: opacity 0.2s ease-in-out 0.1s;
		transition: opacity 0.2s ease-in-out 0.1s;		
	}
	
	.light-content .slide-list::before {
		color: #fff;
	}
	
	.slide-list.show-borders::before {
		opacity:0.3;
	}
	
	.slide-list.above::before {
		opacity:0;
	}
	
	.slide-list.above {
		opacity:1!important;
		border-top:2px solid transparent!important;
		border-bottom:2px solid transparent!important;	
	}
	
	.sl-title {
		font-size: 50px;
		line-height: 100px;
		position: relative;
		font-weight: 500;
		position: relative;
		display: table;
		margin-bottom: 0px;
		vertical-align: top;
		width: 100%;
		margin:0 auto;
		z-index: 10;
		color: #000;
		overflow:hidden;
		-webkit-transition: opacity 0.1s ease-in-out;
		transition: opacity 0.1s ease-in-out;
	}
	
	.slide-list.disable .sl-title {
		opacity:0.1;
	}
	
	.light-content .sl-title {
		color: #fff;
	}
	
	.sl-title span {
		position: relative;
		display: block;
		opacity:0;
		transform: translateY(80px);
		-webkit-transform: translateY(80px);
	}
	
	.sl-subtitle {
		font-size: 18px;
		line-height: 30px;
		font-weight: 500;
		font-family: 'Poppins', sans-serif;
		color: #000;
		position:absolute;
		right:0;
		top:65px;
		opacity:0.5;
		overflow:hidden;
		margin:0 auto;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	
	.slide-list.disable .sl-subtitle {
		opacity:0.5;
	}
	
	.slide-list:hover .sl-subtitle {
		color: #000;
		opacity:1;
	}
	
	.light-content .sl-subtitle {
		color: #fff;
	}
	
	.light-content .slide-list:hover .sl-subtitle {
		color: #fff;
		opacity:1;
	}
	
	.sl-subtitle span {
		position: relative;
		display: block;
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	
	.hover-reveal {
		position: fixed;
		width: 0px;
		height: 0px;
		pointer-events: none;
		opacity: 0;
	}
	
	.vertical-list .hover-reveal {
		width: 500px;
		height: 300px;
		top: calc(50vh - 150px);
		left:calc(50% - 250px);
	}
	
	.hover-reveal__inner,
	.hover-reveal__img {
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	.hover-reveal__img {
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		width:100%;
		height: 100%;
		position:relative;
		display:block;
	}
	

	

	
	
	
/*--------------------------------------------------
	16. Responsive
---------------------------------------------------*/			


@media only screen and (max-width: 1466px) {
	
	.slide-title {
		font-size: 90px;
		line-height: 120px;
	}

}


@media only screen and (max-width: 1024px) {
	
	.swiper-slide .outer {
		padding: 0 40px;
		max-width: 860px;
	}
	
	.slide-title {
		font-size: 72px;
		line-height: 100px;
	}
	
	#showcase-slider-holder .slide-title span::after {
		font-size: 30px;
		bottom: 14px;
	}
	
	#showcase-slider .inner .slide-title, #showcase-slider .inner .subtitle, #showcase-slider-captions .inner .subtitle {
		opacity:1;
	}
	
	#showcase-slider-captions {
		display:none;
		opacity:0;
	}
	
	#showcase-slider-lists {
		display:none;
		opacity:0;
	}
	
	#showcase-border {
		display:none;
	}
	
	/*-- Showcase Lists --*/
	
	.showcase-list-holder {
		padding: 0px 40px 0px 40px;
	}
	
	.slide-list.show-borders, .slide-list:last-child {
		border-top: none;
		border-bottom: none;
	}
	
	.slide-list {
		position: relative;
		opacity: 1;
		margin: 0;
		width: 100%;
		height: auto;
		padding: 0;
		padding-bottom:60px;
		float: left;
		text-align: left;
		display: block;		
	}
	
	.slide-list:last-child {
		padding-bottom:0px;
	}
	
	.slide-list::before {
		display:none;
	}
	
	.hover-reveal {
		position: relative;
		opacity: 1;
		width: 100%;
		height: 0vw;
		top: 0;
		left: 0;
		pointer-events:initial;
	}
	
	.sl-title {
		font-size: 24px;
		line-height: 40px;
		margin-top: 10px;
	}
	
	.sl-title span {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
	}
	
	.sl-subtitle {
		font-size: 14px;
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
		position: relative;
		top: 0;
	}
	
	.sl-subtitle span {
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
	}
	
	

	
}


@media only screen and (max-width: 767px) {
	
	.swiper-slide .outer {
		padding: 0 30px;
	}
	
	.slide-title {
		font-size: 60px;
		line-height: 80px;
	}
	
	#showcase-slider-holder .slide-title span::after {
		font-size: 26px;
		bottom: 10px;
	}
	
	.subtitle {
		font-size: 16px;
		line-height: 30px;
	}
	
	footer .swiper-pagination {
		display: none;
	}
	
	#showcase-slider-lists .slide-small-title {
    	font-size: 32px;
	}
	
	/*-- Showcase Lists --*/
	
	.showcase-list-holder {
		padding: 0px 30px 0px 30px;
	}
	
}


@media only screen and (max-width: 479px) {
	
	.swiper-slide .outer {
		padding: 0 20px;
	}
	
	.slide-title {
		font-size: 48px;
		line-height: 72px;
	}
	
	#showcase-slider-holder .slide-title span::after {
		font-size: 24px;
		bottom: 8px;
	}
	
	.subtitle {
		font-size: 14px;
		line-height: 30px;
	}
	
	/*-- Showcase Slider --*/
	
	#showcase-slider-lists .slide-small-title {
    	font-size: 28px;
	}
	
	.showcase-list-holder {
		padding: 0px 20px 0px 20px;
	}
	
	.slide-list {
		margin: 0;
		width: 100%;
	}
	
	.slide-list.show-borders, .slide-list:last-child {
		border-top: none;
		border-bottom: none;
	}
	
}			

/*------------------------------------------------------------------

01. General Styles
02. Magic Cursor
03. Page Preloader
04. Header Elements
05. Main Content 
06. Footer Elements
07. Responsive Media Querries

-------------------------------------------------------------------*/

	
/*--------------------------------------------------
	01. General Settings
---------------------------------------------------*/

	html,body{
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
		font-size:15px;
		height:100%;
		width:100%;
		color:#999;
		background-color:#fff;
		user-select: none; /* supported by Chrome and Opera */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */		
	}
	
	html {
		box-sizing: border-box;
		margin-right: 0px!important;
		overflow: visible!important;
	}
	
	body {
		overflow: hidden;
		overflow-y:scroll;
		-webkit-transition: opacity 0.2s ease-in-out 0.2s;
		transition: opacity 0.2s ease-in-out 0.2s;
	}
	
	body.smooth-scroll {
		overflow:hidden;
	}
	
	body.hidden {
		opacity:0;
	}
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
	}
	
	article,
	aside,
	details,
	figcaption,
	footer,
	header,
	hgroup,
	nav,
	section {
		display: block;
	}
	
	audio {
		display: inline-block;
		max-width: 100%;
	}	
	
	address {
		font-style: italic;
		margin-bottom: 24px;
	}
	
	abbr[title] {
		border-bottom: 1px dotted #2b2b2b;
		cursor: help;
	}
	
	b,
	strong {
		font-weight: 600;
		color:#000;
	}
	
	.light-content b, .light-content strong {
		font-weight: 600;
		color:#fff;
	}
	
	.light-content .white-section b, .light-content .white-section strong {
		font-weight: 600;
		color:#000;
	}
	
	cite,
	dfn,
	em,
	i {
		font-style: italic;
	}
	
	mark, ins {
		background: none repeat scroll 0 0 #111;
		text-decoration: none;
		color: #fff;
		padding: 0px 10px;
		display: inline-block;
		border-radius: 2px;
	}


 

	
	code,
	kbd,
	tt,
	var,
	samp,
	pre {
		font-family: monospace, serif;
		font-size: 15px;
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		line-height: 1.6;
	}
	
	pre {
		border: 1px solid rgba(0, 0, 0, 0.1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
		margin-bottom: 24px;
		max-width: 100%;
		overflow: auto;
		padding: 12px;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	
	blockquote,
	q {
		-webkit-hyphens: none;
		-moz-hyphens:    none;
		-ms-hyphens:     none;
		hyphens:         none;
		quotes: none;
	}
	
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: "";
		content: none;
	}
	
	blockquote {
		color: #000;
		font-size: 18px;
		font-style: italic;
		font-weight: 300;
		line-height: 30px;
		margin-bottom: 24px;
		font-family:Georgia, "Times New Roman", Times, serif;
		border-left:2px #ddd solid;
		padding:20px 20px 20px 40px;
		letter-spacing: 0.01em;
	}
	
	.light-content blockquote {
		color: #fff;
	}
	
	blockquote span {
		display:block;
		margin-top:20px;
		font-weight:400;
		font-size:12px;
		font-style:normal;
		font-family: Verdana,Geneva,sans-serif;
		color:#999;
	}
	
	blockquote cite,
	blockquote small {
		color: #2b2b2b;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}
	
	.light-content blockquote cite, .light-content blockquote small {
		color:#fff;
	}
	
	blockquote em,
	blockquote i,
	blockquote cite {
		font-style: normal;
	}
	
	blockquote strong,
	blockquote b {
		font-weight: 400;
	}
	
	small {
		font-size: smaller;
	}
	
	big {
		font-size: 125%;
	}
	
	sup,
	sub {
		font-size: 75%;
		height: 0;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	
	sup {
		bottom: 1ex;
	}
	
	sub {
		top: .5ex;
	}
	
	dl {
		margin-bottom: 24px;
	}
	
	dt {
		font-weight: bold;
	}
	
	dd {
		margin-bottom: 24px;
	}
	
	ul,
	ol {
		list-style: none;
		margin: 0 0 24px 20px;
	}
	
	ul,
	ol {
		list-style: none;
		margin: 0 0 24px 20px;
	}
	
	ul {
		list-style: disc;
	}
	
	ol {
		list-style: decimal;
	}
	
	li > ul,
	li > ol {
		margin: 10px 0 0 20px;
	}
	
	li {
		line-height: 20px;
		color:#333;
		margin-bottom:10px;
	}
	
	.light-content li {
		color:#fff;
	}
	
	
	
	figure {
		margin:0;
		position:relative;
		display: block;
	}
	
	figure.has-parallax {		
		overflow:hidden;
	}
	
	.full figure.has-parallax {		
		overflow:hidden;
		height:100vh;
	}
	
	figure img {
		max-width:100%;
	}
	
	.full img {
		width:100%;
		height: 100%;
		position:relative;
		display:block;
		object-position: center; 
		object-fit: cover;
	}
	
	.has-parallax-content img {
		width:100%;
		height: 100%;
		position:relative;
		display:block;
		object-position: center; 
		object-fit: cover;
	}
	
	figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		color: #fff;
		font-weight:400;
		font-size: 10px;
		padding: 5px 10px;
		position: absolute;
		right: 0px;
		z-index: 10;
		border-radius:0;
	}
	
	.wp-block-rayden-gutenberg-container .wp-block-image figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		color: #fff;
		font-weight:400;
		font-size: 10px;
		padding: 5px 10px;
		position: absolute;
		right: 0px;
		z-index: 10;
		border-radius:0;
		margin:0;
	}
	
	fieldset {
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 0 0 24px;
		padding: 0;
	}
	
	legend {
		white-space: normal;
	}
	
	button,	input {
		line-height: normal;
	}
	
	input,
	textarea {
		background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
	}
	
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		cursor: pointer;
	}
	
	button[disabled],
	input[disabled] {
		cursor: default;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
	}
	
	input[type="search"] {
		-webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}
	
	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	
	textarea {
		overflow: auto;
		vertical-align: top;
	}
	
	table, th, td {
		border: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	.light-content table, .light-content th, .light-content td {
		border: 1px solid rgba(255, 255, 255, 0.2);
	}
	
	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 24px;	
		width: 100%;
	}
	
	caption, th, td {
		font-weight: normal;
		text-align: left;
	}
	
	th {
		border-width: 0 1px 1px 0;
		padding: 10px;
	}
	
	td {
		border-width: 0 1px 1px 0;
		padding: 10px;
	}
	
	del {
		color: #767676;
	}
	
	hr {
		border: 0;
		height: 30px;
		width:100%;
		float:none;
		margin:0;
		display:inline-block;
		opacity: 1!important;
		-webkit-transition: translateY(0px)!important;
		transform: translateY(0px)!important;
	}
	
	hr.white-line {
		height:2px;		
		padding-top:12px;
		padding-bottom:12px;
	}
	
	hr.white-line:before {
		content: ""; 
		display: block; 
		width:0;
		height:2px;
		background:rgba(0,0,0,1);
	}
	
	.light-content hr.white-line:before {
		background:rgba(255,255,255,1);
	}
	
	hr.animated.white-line:before {
		width:100%;
		-webkit-transition: width 0.7s ease-in-out 0.1s;
		transition: width 0.7s ease-in-out 0.1s;
	}
	
	hr.small {
		height:20px;
	}
	
	hr:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	
	::selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	::-moz-selection {
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	
	img {
		border: 0 none;
		max-width: 100%;
		vertical-align: middle;
		height:auto;
	}
		
	h1, h2, h3, h4, h5, h6 {		
		font-weight:500;
		color:#000;
		margin-bottom:20px;
	}
	
	h1.big-title{
		font-size:100px;
		line-height: 130px;
		margin-left:-4px;
	}
	
	h1.big-title span {
		display:block;
	}
	
	h1{
		font-size:48px;
		line-height: 60px;
	}
	
	h2{
		font-size: 36px;
		line-height: 48px;
	}
	
	h3{
		font-size:30px;
		line-height: 40px;
		margin-left:-1px;
	}
	
	h4{
		font-size:24px;
		line-height: 36px;
		margin-left:-1px;	
	}
	
	h5{
		font-size:18px;
		line-height: 28px;
		margin-left:-1px;
	}
	
	h6{
		font-size:14px;
		line-height: 24px;
	}
	
	.no-margins {
		margin:0;
	}
	
	.light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6 {
		color: #fff;
	}
	
	.change-header-color h1, .change-header-color h2, .change-header-color h3, .change-header-color h4, .change-header-color h5, .change-header-color h6 {
		color: #fff;
	}
	
	.light-content .white-section h1, .light-content .white-section h2, .light-content .white-section h3, .light-content .white-section h4, .light-content .white-section h5, .light-content .white-section h6 {
		color: #000;
	}
	
	.light-content p {
		color:rgba(255,255,255,0.5);
	}
	
	.light-content .white-section p {
		color: #999;
	}
	
	.title-has-line {
		position:relative;
		margin-bottom:40px;
	}
	
	.title-has-line::after {
		background: none repeat scroll 0 0 #000;
		bottom: -15px;
		content: "";
		height: 2px;
		left:0px;
		position: absolute;
		width: 25px;
	}
	
	p.title-has-line::after {
		background: none repeat scroll 0 0 #000;
		top: 14px;
		content: "";
		height: 1px;
		left: -30px;
		position: absolute;
		width: 16px;
	}
	
	.light-content .title-has-line::after {
		background: none repeat scroll 0 0 rgba(255,255,255,1);
	}
	
	p {
		font-size:15px;
		margin-bottom:10px;
		line-height:28px;
		color:#999;
	}
	
	.light-content p {
		color:#999;
	}
	
	p.no-margins {
		margin-bottom:0;
	}
	
	.bigger {
		font-size: 18px;
		font-weight: 400;
		line-height:30px;
		color:#222;
	}
	
	.change-header-color .bigger, .light-content .bigger {
		color:#fff;
	}
	
	.smaller {
		font-size: 12px;
	}
	
	.container {
		max-width:1280px;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	
	.post-content .container {
		padding:0;
	}
	
	.container::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	a:hover, a:active {
	  outline: 0;
	  color: #000;
	}
	
	a {
		text-decoration: none;
		color: #000;
		outline: 0;
	}
	
	.light-content a {
		color: #fff;
	}
	
	a:hover {
		text-decoration:none;
	}
	
	.one_half {
    	width: 48%!important;
	}	

	.one_third {
		width: 30.6%!important;
	}	

	.one_fourth {
		width: 22%!important;
	}	

	.one_fifth {
		width: 16.8%!important;
	}	

	.one_sixth {
		width: 13.33%!important;
	}	

	.two_fifth {
		width: 37.6%!important;
	}	

	.two_fourth {
		width: 48%!important;
	}		

	.two_third {
		width: 65.33%!important;
	}	

	.three_fifth {
		width: 58.4%!important;
	}	

	.three_fourth {
		width: 74%!important;
	}	

	.four_fifth {
		width: 79.2%!important;
	}	

	.five_sixth {
		width: 82.67%!important;
	}	

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		float: left!important;
		margin-bottom: 10px!important;
		margin-right: 4%!important;
		position: relative!important;
	}

	.last {
		margin-right:0px!important;
	}
	
	.text-align-left {
		text-align:left;
	}
	
	.text-align-center {
		text-align:center;
	}
	
	.text-align-right {
		text-align:right;
	}
	
	.outer {
		display:table;
		width:100%;
		height:100%;
	}
	
	.inner {
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.white-section-wrapper, .dark-section-wrapper {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	}
	
	.white-section-container, .dark-section-container {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		max-width: 1380px;
		padding: 0 80px;
		margin: 0 auto;
	}
	
	.large .white-section-container, .large .dark-section-container {
		max-width: 1580px;
		padding:0 80px;
	}
	
	.half-white-section-wrapper, .half-dark-section-wrapper {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
		position: absolute;
		height: 50%;
		top:0;
	}
	
	.wp-block-clapat-gutenberg-container .section-wrapper:nth-child(2) {
		top:50%;
	}
	
	.wp-block-clapat-gutenberg-container .wp-block-image {
		margin:0;
		position:relative;
		display:block;
	}
	
	.row-half-color {
		height:100%;
		width:100%;
		position:relative;
		top:0;
	}
	
	.vc_row, .wp-block-clapat-gutenberg-container {
		position:relative;
		width:100%;
		margin:0 auto;
		z-index:1;
		opacity:1;
		box-sizing:border-box;
	}
	
	.vc_row.small, .small {
		max-width:780px;
		width:100%;
		margin:0 auto;
	}
	
	.vc_row.full {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	}
	
	.full {
		margin-left: calc(50% - 50vw)!important;
		margin-right: calc(50% - 50vw)!important;
		max-width: 1000%!important;
		width: 100vw!important;
	}
	
	.two-halfs-right {
		padding-left:calc(50vw - 390px);
		padding-right:60px;
	}
	
	.vc_row::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	.full .vc_column_container > .vc_column-inner {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.full .wpb_button, .full .wpb_content_element, .full ul.wpb_thumbnails-fluid > li {
		margin-bottom: 0!important;
	}
	
	.vc_row.has-animation {
		opacity:0;
	}
	
	.row_padding_top {
		padding-top:8vw;
	}
	
	.row_padding_bottom {
		padding-bottom:8vw;
	}
	
	.row_padding_left {
		padding-left:8vw;
	}
	
	.row_padding_right {
		padding-right:8vw;
	}
	
	.row_padding_all {
		padding:8vw;
	}
	
	main {
		-webkit-transition: background 0.5s ease-in-out 0s;
		transition: background 0.5s ease-in-out 0s;
	}

/*--------------------------------------------------
	02. Magic Cursor
---------------------------------------------------*/	
	
	
	#magic-cursor {
	  position: absolute;
	  left:0;
	  top:0;
	  width: 30px;
	  height: 30px;
	  pointer-events: none;
	  z-index:10000;
	  -webkit-transition: opacity 0.2s ease-in-out 0.5s;
		transition: opacity 0.2s ease-in-out 0.5s;
	}
	
	.hidden-ball #magic-cursor {
		opacity:0!important;
		visibility:hidden;
	}
	
	
	#ball {
		position: fixed;
		width: 80px;
		height: 80px;
		border: 2px solid #999999;
		border-radius: 50%;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;
		 -webkit-transform: scale(0.5);
	  	transform: scale(0.5);	
	}
	
	.mfp-zoom-out-cur #ball {
		opacity:0;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}
	
	.light-content #ball, #ball.over-movie,  .light-content #ball.with-icon {
		border: 2px solid #999999;
		border-color:#999999;
	}
	
	#ball:before {
		font-family: FontAwesome;
		content: "\f077";
		font-size:12px;
		width:8px;
		height:16px;
		line-height:26px;
		text-align:center;
		position:absolute;
		left: 32px;
		top: -42px;
		color:#999;
		opacity:0;
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball:before {
		color:#999;
	}
	
	#ball::after {
		font-family: FontAwesome;
		content: "\f078";
		font-size: 12px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: 32px;
		top: 100px;
		color: #999;
		opacity:0;
		transform: translateY(40px);
		-webkit-transform: translateY(40px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball:before, .light-content #ball:after {
		color:#999;
	}
	
	.scale-up #ball:before, .scale-drag-horizontal #ball:before {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-horizontal #ball:before {
		color: #fff;
	}
	
	.scale-up #ball:after, .scale-drag-horizontal #ball:after {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-horizontal #ball:after {
		color: #fff;
	}
	
	.scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after {
		opacity:0;
	}
	
	
	
	#ball-drag-x {
		position: absolute;
		width: 72px;
		height: 72px;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;	
	}
	
	#ball-drag-x:before {
		font-family: FontAwesome;
		content: "\f053";
		font-size:12px;
		width:8px;
		height:16px;
		line-height:26px;
		text-align:center;
		position:absolute;
		left: -40px;
		top: 24px;
		color:#000;
		opacity:0;
		transform: translateX(-40px);
		-webkit-transform: translateX(-40px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-x:before {
		color:#fff;
	}
	
	#ball-drag-x::after {
		font-family: FontAwesome;
		content: "\f054";
		font-size: 12px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		right: -39px;
		left:auto;
		top: 30px;
		color: #000;
		opacity:0;
		transform: translateX(40px);
		-webkit-transform: translateX(40px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-x:before, .light-content #ball-drag-x:after {
		color:#fff;
	}
	
	.scale-drag-x #ball-drag-x:before {
		opacity:1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-x #ball-drag-x:after {
		opacity:1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-up.scale-drag #ball-drag-x:before, .scale-up.scale-drag #ball-drag-x:after {
		opacity:0;
	}
	
	
	
	
	
	
	#ball-drag-y {
		position: absolute;
		width: 72px;
		height: 72px;
		pointer-events: none;
		opacity:1;
		box-sizing:border-box;	
	}
	
	#ball-drag-y:before {
		font-family: FontAwesome;
		content: "\f077";
		font-size:12px;
		width:8px;
		height:16px;
		line-height:26px;
		text-align:center;
		position:absolute;
		left: 32px;
		top: -42px;
		color:#000;
		opacity:0;
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-y:before {
		color:#fff;
	}
	
	#ball-drag-y::after {
		font-family: FontAwesome;
		content: "\f078";
		font-size: 12px;
		width: 8px;
		height: 16px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		left: 32px;
		top: 100px;
		color: #000;
		opacity:0;
		transform: translateY(40px);
		-webkit-transform: translateY(40px);
		transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball-drag-y:before, .light-content #ball-drag-y:after {
		color:#fff;
	}
	
	.scale-drag-y #ball-drag-y:before {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-drag-y #ball-drag-y:after {
		opacity:1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.scale-up.scale-drag #ball-drag-y:before, .scale-up.scale-drag #ball-drag-y:after {
		opacity:0;
	}
	
	
	
	
	
	
	#ball i {
		color:#fff;
		width:76px;
		height:80px;
		line-height:78px;
		text-align:center;
		font-size:12px;
		display:block;
		opacity:1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	#ball p {
		color:#fff;
		width:66px;
		height:16px;
		line-height:16px;
		padding-top:0px;
		padding-left:5px;
		margin:0;
		text-align:center;
		font-size:12px;
		font-weight:600;
		display:block;
		opacity:1;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content #ball p {
		color:#fff;
	}
	
	#ball p.first {
		padding-top:22px;
	}
	
	.light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i {
		color:#fff;
	}
	
	.light-content #ball.with-icon.dark-icon i {
		color:#000;
	}
	
	.scale-up #ball i {
		opacity:0;
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	#ball.with-icon i {
		width:76px;
	}
	
	#ball.with-icon i:nth-child(2) {
		display:none;
	}
	
	#ball.close-icon i {
		width:75px;
		height:76px;
		font-size:14px;
	}
	
	#ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause {
		display:block;
	}
	
	#ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play {
		display:none;
	}
	
	#ball-loader {
		width: 100px;
		height: 100px;
		position:absolute;
		background-color: transparent;
		border-right: 4px solid transparent;
		border-bottom: 4px solid #999999;
		border-left: 4px solid transparent;
		border-top: 4px solid transparent;
		border-radius: 100px;
		box-sizing: border-box;
		opacity:0;
		-webkit-transform: translate(-14px, -14px) rotate(0deg);
		transform: translate(-14px, -14px) rotate(0deg);
		-webkit-animation: rotating 0.8s ease-in-out infinite;
		animation: rotating 0.8s ease-in-out infinite;
		-webkit-transition: opacity 0s ease-in-out 0s;
		transition: opacity 0s ease-in-out 0s;
	}
	
	.light-content #ball-loader { 
		border-bottom: 4px solid #999999;
	}
	
	.show-loader #ball-loader {
		opacity:1;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}
	
	@keyframes rotating {
      0% {
		-webkit-transform: translate(-14px, -14px)rotate(0deg);
		transform:  translate(-14px, -14px)) rotate(0deg);
      }
	  
	  95% {
        -webkit-transform:  translate(-14px, -14px) rotate(350deg);
		transform:  translate(-14px, -14px) rotate(350deg);
      }
	  
      100% {
        -webkit-transform:  translate(-14px, -14px) rotate(360deg);
		transform:  translate(-14px, -14px) rotate(360deg);
      }
	}
	
	.show-loader a, .show-loader nav, .scale-up a, .scale-up .hide-ball, scale-up .link, .scale-up .button-wrap, .scale-up #burger-wrapper, .scale-up .disable-drag, .scale-drag a, .scale-drag .move-title {
		pointer-events:none!important;
	}
	
	#rotate-device {
		width:100%;
		height:100%;
		position:fixed;
		z-index:1000;
		top:0;
		left:0;
		background-color:#0f1010;
		background-image:url(images/rotate.png);
		background-size:100px 100px;
		background-position:center;
		background-repeat:no-repeat;
		display:none;
	}
	
	.disable-cursor {
		display:none;
	}
	
	
/*--------------------------------------------------
	03. Page Preloader
---------------------------------------------------*/	

	.preloader-wrap {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0; 
		bottom: 0;
		background: #000;
		z-index : 1500;
		text-align:center;
	}
	
	.preloader-wrap.hidden {
		display:none;
		visibility:hidden;
		opacity:0;
	}
	
	.light-content.preloader-wrap {
		background: #000;
	}
	
	.preloader-wrap .outer {
		padding: 0px;
		box-sizing:border-box;
	}
	
	.preloader-wrap .inner {
		vertical-align:middle;
		box-sizing:border-box;
	}
	
	.percentage-intro {
		height: 20px;
		position: relative;
		margin-top: 30px;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		color: #fff;
		margin-bottom: 80px;
	}
	
	.percentage-wrapper {
		width: auto;
		height: 130px;
		position: relative;
		margin: 0 auto;
		margin-bottom: 60px;
		display: table;
	}
	
	.percentage {
		opacity: 1;
		font-size: 100px;
		line-height: 130px;
		font-weight: 500;
		width:100px;
		height: 130px;
		color: #fff;
		display: table;
		margin: 0 auto;
	}
	
	.percentag1e::after {
		content: "%";
		width: 20px;
		height: 20px;
		font-size: 100px;
		line-height: 130px;
		color: #fff;
	}
	
	.light-content .percentage, .light-content .percentage:after, .light-content .percentage-intro {
		color: #fff;
	}
	
	.trackbar {
		width: 30%;
		height: 2px;
		left:35%;
		right:35%;
		margin:0 auto;
		display:table;
		position: absolute;
		top:50%;
		opacity: 1;
	}
	
	.loadbar {
		width: 0;
		height: 2px;
		background: rgba(255,255,255,1);
		position: relative;
		top: 0px;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.light-content .loadbar {
		background: rgba(255,255,255,1); 		
	}
	
	.hold-progress-bar {
		width: 0%;
		height: 0px;
		background: rgba(255,255,255,1); 
		position: absolute;
		top: 0px;
		left: 0;
		right:0;
		overflow: hidden;
	}
	
	.light-content .hold-progress-bar {
		background: rgba(0,0,0,1);
	}
	
	.preloader-intro {
		font-family: 'Roboto Slab', serif;
		font-weight:500;
		position: relative;
		display:block;
		font-size:100px;
		line-height:130px;
		color:#000;
	}
	
	.light-content .preloader-intro {
		color:#fff;
	}
	
/*--------------------------------------------------
	04. Header Elements
---------------------------------------------------*/	
	
	.admin-bar header {
		top:32px;
	}
	
	header {
		width:100%;
		height:140px;
		left:0;
		top:0;
		background-color:transparent;
		position:fixed;
		box-sizing:border-box;
		z-index:1000;
		pointer-events:none;
		-webkit-transition: background 0.4s ease-in-out 0.3s;
		transition: background 0s ease-in-out 0s;
		/*mix-blend-mode: exclusion;*/
	}
	
	header.over-white-section {
		mix-blend-mode: normal;
	}
	
	#header-container {
		box-sizing: border-box;
		height: inherit;
		padding: 20px 60px;
		margin: 0 auto;
		position: relative;
		width: 100%;
		z-index: 20;
		opacity: 0;
	}
	
	.header-visible #header-container{
		opacity:1;
	}
	
	.header-middle {
		max-width: 1280px;
		padding:0 50px;
		box-sizing:border-box;
		position: relative;
		margin: 0 auto;
		opacity:0;
	}
	
	#logo {
		position: relative;
		display: table;
		pointer-events: initial;
		z-index: 10;
		top: 15px;
		float: left;
	}
	
	#logo a {
		display:block;
		-webkit-transition: transform 0.5s ease-in-out 0.1s;
		transition: transform 0.5s ease-in-out 0.1s;	
	}
	
	.logo-hidden #logo a {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	
	#logo a.disable, .open #logo a {
		pointer-events: none;
	}
	
	#logo img {
		display: block;
		height: 50px;
		width: auto;
		max-width:none;
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		transition: opacity 0.2s ease-in-out 0s;
	}
	
	#logo img.black-logo {
		opacity:1;
	}
	
	.light-content #logo img.black-logo {
		opacity:0;
	}
	
	#logo img.white-logo {
		position:absolute;
		top:0;
		left:0;
		opacity:0;
	}
	
	.light-content #logo img.white-logo {
		opacity:1;
	}
	
	.white-header #logo img.black-logo {
		opacity:0;
	}
	
	.light-content .white-header #logo img.black-logo {
		opacity:1;
	}
	
	.light-content .white-header.over-white-section #logo img.black-logo, .show-loader .light-content .white-header #logo img.black-logo {
		opacity:0;
	}
	
	.white-header #logo img.white-logo {
		opacity:1;
	}
	
	.light-content .white-header #logo img.white-logo {
		opacity:0;
	}
	
	.light-content .white-header.over-white-section #logo img.white-logo, .show-loader .light-content .white-header #logo img.white-logo {
		opacity:1;
	}
	
	.menu-open.light-content .slide-in #logo img.white-logo {
		opacity:1;
	}
	
	nav {
		pointer-events: none;
	}
	
	nav.open {
		pointer-events: initial;
	}
	
	@media all and (min-width: 1025px) {
	
		.classic-menu nav {
			position: relative;
			width: auto;
			top: 0px;
			-webkit-transition: all 0.2s ease-in-out 0.5s;
			transition: all 0.2s ease-in-out 0.5s;
			display:block;
			float:right;
			height: 60px;
			margin: 10px 0;
			background-color:transparent!important;
		}
		
		.flexnav {
			display: block;
			float: right;
			position: relative;
			width: auto;
			max-height: 60px;
		}
		
		.flexnav li ul {   
			min-width: 170px;
		}	
		
		.flexnav .touch-button {
			background: transparent none repeat scroll 0 0;
		}	
		
		.flexnav .touch-button .navicon {
			display:none;
		}
		
		.flexnav li {    
			background: transparent none repeat scroll 0 0;
			padding:0 25px;
			padding-bottom:20px;
			padding-top:20px;
		}
		
		.classic-menu .menu-timeline {
			opacity:1!important;
			-webkit-transition: translateY(0px)!important;
			transform: translateY(0px)!important;
			pointer-events:initial;
		}
		
		.flexnav li:last-child {
			padding-right:0px;
		}
		
		.classic-menu .before-span {
			opacity:1!important;
			-webkit-transition: translateY(0px)!important;
			transform: translateY(0px)!important;
			
		}
		
		.flexnav li a {    
			background: transparent none repeat scroll 0 0;
			padding: 0 5px;
			position:relative;
			border-left: medium none;
			font-weight: 600;
			font-family: 'Poppins', sans-serif;
			color:#000;		
			font-size:12px;
			line-height:20px;
			display:block;
			overflow:hidden;
			-webkit-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out;
		}
		
		.light-content .flexnav li a { 
			color:#fff;		
		}
		
		.light-content  .classic-menu.white-header .flexnav li a { 
			color:#000;		
		}
		
		.flexnav:hover li a {
			color: rgba(0,0,0,0.4);
		}
		
		.light-content .classic-menu .flexnav:hover li a {
			color: rgba(255,255,255,0.4);
		}
		
		.light-content  .classic-menu.white-header .flexnav:hover li a {
			color: rgba(0,0,0,0.4);	
		}
		
		.classic-menu .flexnav li:hover a {
			color:#000;
		}
		
		.light-content .classic-menu .flexnav li:hover a {
			color:#fff;
		}
		
		.light-content .classic-menu.white-header .flexnav li:hover a {
			color:#000;
		}
	
		.classic-menu .flexnav li a span {
			position: relative;
			display: block;
			-webkit-transition: -webkit-transform 0.2s;
			transition: transform 0.2s;
			transform-origin: 100% 0%;
		}
		
		.classic-menu .flexnav li a span::before {
			position: absolute;
			top: 100%;
			width:100%;
			left:0;
			content: attr(data-hover);
		}
		
		.classic-menu .flexnav li:hover a span {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			transform-origin: 0% 0%;
		}
		
		.flexnav li ul li a { 
			padding:0 20px 20px;
			background-color:transparent;
			font-size:13px;
			font-family: 'Roboto', sans-serif;
			font-weight:400;
			text-transform:none;
			color:#fff!important;
			opacity:0.6;
			-webkit-transition: all 0.05s ease-in-out;
			-moz-transition: all 0.05s ease-in-out;
			-o-transition: all 0.05s ease-in-out;
			-ms-transition: all 0.05s ease-in-out;
			transition: all 0.05s ease-in-out;
		}
		
		.flexnav li ul li a.link::before {
			display:none;
		}
		
		.flexnav li ul li a.active, .flexnav li ul li a:hover {
			opacity:1;
		}
		
		.flexnav li > ul li {
			margin-left:0;
			padding:0;
		}
		
		.classic-menu .flexnav li ul {
			-webkit-transform: translate3d(0px, 30px, 0px);
			transform: translate3d(0px, 30px, 0px);
			display:block!important;
			opacity:0!important;
			height:inherit!important;
			overflow:visible!important;
			visibility:hidden;
			left:10px;
			top:60px;
			padding-top:20px;
			background: #000;		
			border-radius:3px;
			-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
			transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important;
		}
		
		.classic-menu .flexnav li ul ul {
			left:5px!important;
		}
		
		.flexnav li ul:after {
			display: block;
			content: '';
			position: absolute;
			top: -6px;
			left: 20px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 9px;
			border-color: transparent transparent #000;
		}
		
		.flexnav ul li ul:after {
			display: block;
			content: '';
			position: absolute;
			top: 15px;
			left: -10px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 9px;
			border-color: transparent transparent #000;
			-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}
		
		.classic-menu .flexnav li ul li > ul, .classic-menu .flexnav li ul.open ul.open {
			top: -5px;
			z-index:10;
		}
		
		.classic-menu .flexnav ul li ul li a {
			background: #000;
		}
		
		.classic-menu .flexnav ul li ul li ul li a {
			background: #000;
		}
		
		.flexnav li ul.flexnav-show {
			-webkit-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
			opacity:1!important;
			visibility:visible;
			-webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
			transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;	
		}
		
		.flexnav .touch-button {
			display:none;
		}			
		
		/*-- Full Screen Menu --*/	
				
		.fullscreen-menu .nav-height {
			overflow-y: scroll;
			position: relative;
			height: 100%;
			padding: 40px 0;
			padding-right: 30px;
			width: calc(100% + 30px);
			box-sizing: border-box;
		}
		
		.fullscreen-menu nav {
			height: 100vh;
			position: fixed;
			top:0;
			left:0;
			width: 100%;
			box-sizing: border-box;
			visibility: visible;
			pointer-events:none;
			opacity:0;
			padding:20px 0;		
			-webkit-transition: all 0.2s ease-in 0.6s;
			transition: all 0.2s ease-in 0.6s;
		}
		
		.fullscreen-menu nav.open {
			visibility:visible;
			pointer-events:initial;
			opacity:1;
			-webkit-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}
		
		.fullscreen-menu .flexnav {
			max-height: 2000px;
			-webkit-transition: all 0.2s ease-in 0.6s;
			transition: all 0.2s ease-in 0.6s;
			display: table;
			width: auto;
			padding:0 80px;
			box-sizing:border-box;
			margin: 0 auto;
			float: none;
		}
		
		.fullscreen-menu .flexnav.flexnav-show {
			-webkit-transition: all .3s ease-out 0.2s;
			transition: all .3s ease-out 0.2s;	
		}
		
		.fullscreen-menu .flexnav li {
			text-align:center;
			padding:0;
			box-sizing:border-box;
			float:none;			
		}
		
		.fullscreen-menu .menu-timeline {
			opacity:0;
		}
		
		.fullscreen-menu .flexnav .touch-button {
			width: 100%;
			display: block;
			height:100px;
		}
		
		.fullscreen-menu .flexnav .touch-button .navicon {
			display:none;
		}
		
		.fullscreen-menu .flexnav li.link {
			border-bottom: none;	
		}
		
		.fullscreen-menu .flexnav li a {
			font-weight: 500;
			font-size: 72px;
			line-height: 100px;
			padding:0;
			-webkit-transition: all .1s ease-in-out 0s;
			transition: all .1s ease-in-out 0s;
		}
		
		.fullscreen-menu .flexnav li a {
			color:#fff;
		}
		
		.fullscreen-menu .flexnav:hover li a, .fullscreen-menu .flexnav.hover li a {
			opacity:0.3;
		}
		
		.fullscreen-menu .flexnav li:hover a, .fullscreen-menu .flexnav li a.active{
			opacity:1;
		}
		
		.fullscreen-menu .flexnav:hover li ul li a {
			opacity:0.3;
		}
		
		.fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li a:hover {
			opacity:1;
		}
		
		.fullscreen-menu .flexnav a.link::before {
			display:none;
		}
		
		.fullscreen-menu .flexnav li ul {
			margin-bottom:20px;
			position:relative;
			left:0;			
		}
		
		.fullscreen-menu .flexnav li ul:after {
			display:none;
		}
		
		.fullscreen-menu .flexnav li ul li a {
			padding: 6px 0;
			font-size: 14px;
			font-weight: 500;
			font-family: 'Poppins', sans-serif;
			line-height:20px;
			border-top: none;
			text-transform:none;
		}
		
		.fullscreen-menu .flexnav ul li ul li a {
			background:transparent;
		}
		
		.fullscreen-menu .flexnav li ul li > ul, .fullscreen-menu .flexnav li ul.open ul.open {
			margin-left: 0;
			top: 0;
		}
		
		.fullscreen-menu .menu-timeline {
			opacity:1;
		}
		
		.fullscreen-menu .menu-timeline .before-span {
			opacity:0;
			display:block;
			-webkit-transform: translateY(120px);
			transform: translateY(120px);
		}
		
		.fullscreen-menu .flexnav li a span {
			position: relative;
			display: block;
			-webkit-transition: -webkit-transform 0.2s;
			transition: transform 0.2s;
			transform-origin: 100% 0%;
			overflow:hidden;
		}
		
		.fullscreen-menu .open .flexnav li a span {
			overflow:visible;
		}
		
		.fullscreen-menu .flexnav li a span::before {
			position: absolute;
			top: 100%;
			width:100%;
			left:0;
			content: attr(data-hover);
		}
		
		.fullscreen-menu .flexnav li:hover a span {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
			transform-origin: 0% 0%;
		}
		
		.fullscreen-menu .flexnav li.hover a  span {
			-webkit-transform: translateY(-100%)!important;
			transform: translateY(-100%)!important;
			transform-origin: 0% 0%;
		}
		
		.fullscreen-menu li.buy-item {
			position: absolute !important;
			bottom: -150px;
			font-size: 14px;
			line-height: 30px;
			font-weight: 700;
			margin: 0 auto;
			display: table;
			width: 100%;
			pointer-events: none;
			left: 0;
		}
		
		.fullscreen-menu li.buy-item a {
			font-size: 14px;
			line-height: 30px;
			font-weight: 600;
			pointer-events: initial;
			color: #fff !important;
			-webkit-text-stroke: 1px rgba(255,255,255,0);
			position: relative;
			margin: 0 auto;
			display: table;
			width: 100px;
		}
		
		.fullscreen-menu li.buy-item, .fullscreen-menu li.buy-item a {
			pointer-events: none;
		}
		
		.fullscreen-menu nav.open li.buy-item, .fullscreen-menu nav.open li.buy-item a {
			pointer-events: initial;
		}
	
	}

	nav, nav.open {
		-webkit-transition: all 0s ease-in 0s;
		transition: all 0s ease-in 0s;
		background:transparent;
	}

	#burger-wrapper {
		width: 40px;
		height: 40px;
		float: right;
		top: 0px;
		right: 0;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		pointer-events: initial;
	}
	
	.classic-menu .button-wrap.right.menu {
		display:none;
	}

	#menu-burger {
		top:0px;
		width: 25px;
		height: 25px;
		position: relative;
		margin: 0 auto;		
		z-index:2;
		pointer-events: none;
	}
	
	.menu-overlay #menu-burger {
		display:block;
	}

	#menu-burger span {
	  display: block;
	  position: absolute;
	  height: 5px;
	  width: 5px;
	  border-radius:5px;
	  background-color: #000;
	  opacity: 1;
	  top:10px;
	  left:0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
	  transition: background-color  0.05s ease-in-out,  transform  0.2s ease-in-out,  height  0.2s ease-in-out, width  0.2s ease-in-out, top 0.2s ease-in-out, left  0.2s ease-in-out;
	}
	
	#burger-wrapper .touch-button {
		display:none;
	}
	
	.light-content #menu-burger span {
		background-color:#fff;
	}
	
	.white-header #menu-burger span {
		background-color:#fff;
	}
	
	.light-content .white-header #menu-burger span {
		background-color:#000;
	}
	
	.light-content .white-header.over-white-section #menu-burger span, .show-loader .light-content .white-header #menu-burger span {
		background-color:#fff;
	}

	#menu-burger span:nth-child(1) {
	  	left: 0px;
	}
	
	#menu-burger span:nth-child(2){
	  	left: 10px;
	}
	
	#menu-burger span:nth-child(3){
	  	left: 20px;
	}
	
	.button-wrap.right.menu .icon-wrap:hover #menu-burger span:nth-child(1) {
	  	left: 10px;
	}
	
	.button-wrap.right.menu .icon-wrap:hover #menu-burger span:nth-child(3) {
	  	left: 10px;
	}
	
	.button-wrap.right.menu .icon-wrap:hover #menu-burger.open span:nth-child(1) {
	  	left: 3px;
	}
	
	.button-wrap.right.menu .icon-wrap:hover #menu-burger.open span:nth-child(3) {
	  	left: 3px;
	}
	
	#menu-burger.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top:12px;
	  height: 2px;
	  width:20px;
	  left: 3px;
	}
	
	#menu-burger.open span:nth-child(2) {
	   -webkit-transform: scale(0);
	  transform: scale(0);
	}
	
	#menu-burger.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top:12px;
	  height: 2px;
	  width:20px;
	  left: 3px;
	}
	
	
	
/*--------------------------------------------------
	05. Main Content
---------------------------------------------------*/		
	
	#content-scroll {
		z-index:1;
		position:relative;
	}
	
	.smooth-scroll #content-scroll {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index:1;
	}
	
	.scroll-content {
		cursor:default!important;
	}
	
	.scale-up .scroll-content {
		cursor:grabbing!important;
	}
	
	.scrollbar-track {
		background: transparent!important;
	}
	
	#main {
		position:relative;
		opacity:0;
		user-select: none; 
		-webkit-user-select: none; 
		-khtml-user-select: none; 
		-moz-user-select: none; 
		-ms-user-select: none;
		overflow:hidden; 
	}
	
	.load-project-page #main, .load-project-page-carousel #main, .load-next-project #main, .load-next-page #main {
		opacity:1;
	}
	
	#main-content, #main-content-bg {
		position:relative;
		opacity:1;
		z-index:10;		
		-webkit-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}
	
	#main-page-content {
		position: relative;
		box-sizing:border-box;
		opacity: 0;
		width:100%;
		max-width:1380px;
		padding:0 80px;
		margin:0 auto;
		margin-bottom: 0;
	}
	
	#main-page-content::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	#main-page-content.project-page {
		margin-bottom: calc(100vh - 140px);
	}
	
	#main-page-content.portfolio-page {
		width:100%;
		max-width:none;
		padding:0;		
	}
	

	
	
/*--------------------------------------------------
	06. Footer Elements
---------------------------------------------------*/		
	
	footer {
		position:relative;
		width:100%;
		height:140px;
		z-index:900;
		box-sizing:border-box;
		text-align:center;
		bottom:0;
		left:0;
		overflow:hidden;
		pointer-events:none;
	}
	
	footer.fixed {
		position:fixed;
	}
	
	footer.showcase-footer{
		position:absolute;
	}
	
	#footer-container {
		padding: 0 60px;
		margin: 30px auto;
		height: 80px;
		opacity: 0;
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		bottom: 0;
		left: 0;
	}
	
	.footer-middle {
		position: absolute;
		margin: 0 auto;
		width: 100%;
		height: auto;
		display: table;
		left: 0;
		pointer-events: none;;
	}
	
	.copyright {
		position: relative;
		top: 25px;
		width: auto;
		height: 30px;
		overflow: hidden;
		font-size: 12px;
		font-weight: 500;
		font-family: 'Poppins', sans-serif;
		line-height: 30px;
		color: #000;
		pointer-events: initial;
		display: table;
		width: 100%;
		padding: 0px 20px 0px 20px;
		max-width: 820px;
		box-sizing:border-box;
		text-align:left;
		margin: 0 auto;	
	}
	
	.light-content .copyright {
		color:#fff;
	}
	
	.socials-wrap {
		position:relative;
		float: right;
		color: #000;
		width: 240px;
		height: 160px;
		box-sizing: border-box;
		pointer-events:initial;	
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.light-content .socials-wrap {
		color: #fff;
	}
	
	footer .socials-wrap {
		margin-top:0px;
	}
	
	.socials-wrap:hover {
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
	}
	
	.socials-text {
		float:right;
		font-size:12px;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		line-height:40px;
		transform:translateY(20px);
	}
	
	.socials-wrap:hover .socials-text {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;		
	}
	
	.socials-icon {
		float:right;
		width:30px;
		height:40px;
		font-size:12px;
		line-height:40px;
		text-align:right;
		margin-left:10px;
		transform:scale(1) translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.socials-wrap:hover .socials-icon {
		transform:scale(0) translateY(40px);
		width:0;
		margin:0;
		overflow:hidden;
		
	}
	
	.socials-icon:after, .socials-text:after {
	  content: "";
	  clear: both;
	  display: table;
	}
	
	.socials {
		height: auto;
		line-height: 30px;
		position: relative;
		width: auto;
		margin:0 auto;
		margin-top: 10px;
		text-align: center;
		bottom: 0;
		display: table;
		transform: translateX(15px);
		-webkit-transform: translateX(15px);
	}
	
	.socials-wrap .socials {
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	
	.socials li {
		margin-right: 0px;
		margin-left: 10px;
		list-style: none;
		color: #999;
		font-size: 15px;
		margin-bottom: 0;
		line-height: 40px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 40px;
		float: right;
		z-index: 2;
		-webkit-transition: background 0.4s ease-in-out 0s;
		transition: background 0.4s ease-in-out 0s;
	}
	
	.socials-wrap .socials li {
		opacity:0;
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	
	.socials-wrap:hover .socials li:nth-child(5) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);		
	}
	
	.socials-wrap:hover .socials li:nth-child(4) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);	
	}
	
	.socials-wrap:hover .socials li:nth-child(3) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);		
	}
	
	.socials-wrap:hover .socials li:nth-child(2) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);	
	}
	
	.socials-wrap:hover .socials li:nth-child(1) {
		transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
		opacity:1;
		transform: translateY(10px);
		-webkit-transform: translateY(10px);		
	}
		
	.socials li:last-child {
		margin-left: 0px;
	}
	
	.socials li a {
		color: #000;		
		font-size:12px;
		font-weight: 600;
		display: block;
		height: 40px;
		width: 40px;		
		line-height:40px;
		text-align:center;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	
	.socials:hover li  a {
		opacity:0.3;
	}
	
	.socials li a:hover {
		color: #000;
		opacity:1;
	}
	
	.light-content .socials li a {
		color: #fff;	
	}
	
	.light-content .socials:hover li  a {
		opacity:0.3;
	}
	
	.light-content .socials li a:hover {
		color: #fff;
		opacity:1;
	}
	
	.button-wrap {
		position:relative;		
		cursor:pointer;
		top:0px;
		pointer-events:initial;		
	}
	
	.button-wrap.left {
		float:left;
		left:-32px;	
	}
	
	.button-wrap.right {
		float:right;
		right:-26px;	
	}
	
	#main .button-wrap.left {
		left:-24px;		
	}
	
	#main .button-wrap.right {
		float:left;
		right:auto;			
	}
	
	.icon-wrap {
		width: 80px;
		height: 80px;
		display: flex;
		position: relative;
		justify-content: center;
		align-items: center;
		float:left;
	}
	
	#main .icon-wrap {
		width: 60px;
		height: 60px;
	}
	
	.button-wrap.left .icon-wrap {
		float:left;
	}
	
	.button-wrap.right .icon-wrap {
		float:right;
	}
	
	#main  .text-align-right .button-wrap.right {
		float:right;
	}
	
	.button-icon {
		height: 40px;
		width: 40px;
		color: #000;
		text-align: center;
		line-height: 30px;
		font-size: 22px;
	}
	
	.light-content .button-icon {
		color:#fff;
	}
	
	.light-content .change-header-color .button-icon {
		color:#000;
	}
	
	.button-icon i {
		height:40px;
		line-height:35px;
		width:40px;
		text-align:center;
	}
	
	#main .button-icon i {
		line-height:40px;
	}
	
	#main .button-icon i.fa.fa-arrow-right {
		font-size:14px;
	}
	
	.quickmenu i {
		font-size: 14px;
	}
	
	.button-text {
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		font-size: 17px;
		line-height:30px;
		margin:25px 0;
		overflow: hidden;
		width:auto;
		padding:0 10px;
		color:#000;
		-webkit-transition: color 0.05s ease-in-out;
		transition: color 0.05s ease-in-out;
	}
	
	#main #hero-footer .button-text span::after {
		content:none;
	}
	
	#main .button-text {
		margin:15px 0;
		transition: transform .2s ease-out;
	}
	
	#main .large-btn .button-text {
		font-size: 18px;
		font-weight:500;
		margin:15px 0;
		transition: transform .2s ease-out;
	}
	
	.light-content .button-text {
		color:#fff;		
	}
	
	.light-content .change-header-color .button-text {
		color:#000;		
	}
	
	.white-header .button-text {
		color:#fff;		
	}
	
	.light-content .white-header .button-text {
		color:#000;		
	}
	
	.light-content .white-header.over-white-section .button-text, .show-loader .light-content .white-header .button-text {
		color:#fff;		
	}
	
	.button-wrap.left .button-text {
		text-align:left;
		float: left;
	}
	
	.button-wrap.right .button-text {
		text-align:right;
		float: right;
		padding-left:0px;
	}
	
	.button-text span {
		position: relative;
		display: inline-block;
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
		width:auto;
		text-align:center;
		transform-origin: 100% 0%;
	}
	
	.button-wrap.left .button-text span {
		text-align:left;
	}
	
	.button-wrap.right .button-text span {
		text-align:right;
	}
	
	.button-text span::before {
		position: absolute;
		width:auto;
		top: 100%;
		left:0;
		content: attr(data-hover);
	}
	
	.header-middle .button-text span::before {
		content: attr(data-on);
	}
	
	.button-wrap:hover .button-text span {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		transform-origin: 0% 0%;
	}
	
	nav, nav.open {
		-webkit-transition: all 0s ease-in 0s;
		transition: all 0s ease-in 0s;
		background:transparent;
	}
	
/*--------------------------------------------------
	07. Responsive
---------------------------------------------------*/			

			
@media only screen and (max-width: 1466px) {
	
	.percentage-wrapper {
		height:auto;
	}
	
	.percentage {
		font-size: 90px;
		line-height: 120px;
		height: auto;
	}
	
	h1.big-title {
		font-size: 90px;
		line-height: 120px;
		margin-left: -3px;
	}
	
	header {
    	height: 120px;
	}
	
	#header-container {
		padding: 15px 60px;
	}
	
	.flexnav li {
    	padding: 20px;
	}
	
	#main-page-content.project-page {
		margin-bottom: calc(100vh - 120px);
	}
	
	#main-page-content {
		padding: 0 60px;
	}
	
	.large .white-section-container, .large .dark-section-container {
		padding: 0 60px;
	}
	
	.white-section-container, .dark-section-container {
		padding: 0 60px;
	}
	
	footer {
    	height: 120px;
	}
	
	#footer-container {
    	padding: 0 60px;
		margin: 10px auto;
	}
		
	
	@media all and (min-width: 1025px) {	
		
		.fullscreen-menu .flexnav {
			padding: 0 60px;
		}
		
	}
	
	.fullscreen-menu li.buy-item a {
		font-size: 14px;
		line-height: 30px;
	}
	
	
	
}


@media only screen and (max-width: 1024px) {
	
	.trackbar {
		width: 50%;		
		left: 25%;
		right: 25%;
	}
	
	.percentage {
		font-size: 72px;
		line-height: 100px;
		height: auto;
	}
	
	.percentage-intro {
		margin-bottom: 60px;
	}
	
	h1.big-title {
		font-size: 72px;
		line-height: 100px;
	}
	
	h1 {
		font-size: 40px;
		line-height: 50px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 40px;
	}
	
	.has-mask {
		margin-bottom:0px;
	}
	
	.row_padding_left {
		padding-left: 40px;
	}
	
	.row_padding_right {
		padding-right: 40px;
	}
	
	.row_padding_all {
		padding: 8vw 40px;
	}
	
	.two-halfs-right {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	header {
		height:80px;
	}
	
	#header-container {
    	padding: 0;
		margin: 0 auto;
	}
	
	#logo {
		left: 40px;
	}
	
	.header-middle {
		display:none;
	}
	
	.button-wrap.right.menu {
		right: 10px;
	}
	
	nav {
		padding-top:80px;
	}
	
	.flexnav {
		box-sizing:border-box;
		padding:0 50px;
		background: transparent;
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	
	.flexnav.opacity {
		opacity: 1;
	}
	
	.flexnav li a, .flexnav li ul li a {
    	background: transparent;
	}
	
	.flexnav li a {
		color: #999;
	}
	
	.flexnav li ul li a:hover, .flexnav li ul li a.active {
		color:#fff;
	}
	
	.flexnav li ul li a {
		border-top: 1px solid rgba(255,255,255,0.15);
	}
	
	.flexnav ul li ul li a {
		background: transparent;
	}
	
	.flexnav li ul li ul li a {
		padding: 20px 40px;	
	}
	
	.flexnav li.link {
		border-bottom: 1px solid rgba(255,255,255,0.15);
	}
	
	.flexnav li.link:last-child {
		border-bottom:none;
	}
	
	.flexnav a.link::before {
		display:none;
	}
	
	.flexnav .touch-button .navicon {
		font-style: normal!important;
	}
	
	.nav-height {
		overflow-y: scroll;
		position: relative;
		height: 100%;
		padding: 40px 0;
		padding-right: 30px;
		width: calc(100% + 30px);
		box-sizing: border-box;
	}
	
	nav {
		height: 100vh;
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		visibility: visible;
		pointer-events:none;
		opacity:0;
		padding:20px 0;		
		-webkit-transition: all 0.2s ease-in 0.6s;
		transition: all 0.2s ease-in 0.6s;
	}
	
	nav.open {
		visibility:visible;
		pointer-events:initial;
		opacity:1;
		background-color: transparent;
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	.flexnav {
		padding: 0 30px;
    	max-height: 2000px;
		display: table;
		width: auto;
		margin: 0 auto;
		text-align:center;
		-webkit-transition: all 0.2s ease-in 0.6s;
		transition: all 0.2s ease-in 0.6s;
	}
	
	.flexnav.flexnav-show {
		-webkit-transition: all .3s ease-out 0.2s;
		transition: all .3s ease-out 0.2s;	
	}
	
	.flexnav li {
		padding:0;
		-webkit-transition: color .15s ease-out 0s;
		transition: color .15s ease-out 0s;	
	}
	
	.flexnav:hover li  {
		color:rgba(255,255,255,0.4)
	}
	
	.flexnav li:hover {
		color:rgba(255,255,255,1)
	}
	
	.flexnav .touch-button {
		width: 100%;
		display: block;
		height: calc(5vw + 20px);
	}
	
	.flexnav .touch-button .navicon {
		display:none;
	}
	
	.flexnav li.link {
		border-bottom: none;	
	}
	
	.flexnav li a {
		font-family: 'Poppins', sans-serif;
		font-weight:500;
		font-size:50px;
		line-height:70px;
		padding:0;
		-webkit-transition: all .1s ease-in-out 0s;
		transition: all .1s ease-in-out 0s;
	}
	
	.flexnav li a {
		color:#fff;
	}
	
	.flexnav:hover li a {
		opacity:0.3;
	}
	
	.flexnav li:hover a, .flexnav li a.active{
		opacity:1;
	}
	
	.flexnav:hover li ul li a {
		opacity:0.3;
	}
	
	.flexnav:hover li ul li a.active, .flexnav:hover li ul li a:hover {
		opacity:1;
	}
	
	.flexnav li ul {
		margin-bottom:20px;
	}
	
	.flexnav li ul li a {
		padding: 10px 0;
		font-weight: 500;
		font-family: 'Poppins', sans-serif;
		text-transform:none;
		font-size: 14px;
		line-height: 14px;
		border-top: none;
		color:#fff;
		opacity:0.4;
		-webkit-text-stroke:none;
	}
	
	.flexnav li ul li:hover a, .flexnav li ul li a.active{
		opacity:1;
	}
	
	li.buy-item a {
		color:#fff;
		font-size: 14px;
		line-height:30px;
	}
	
	#menu-burger span.touch-button {
		display:none;
	}
	
	.classic-menu .button-wrap.right.menu {
		display: block;
	}
	
	.parallax-wrap {
		transform:none!important;
	}
	
	.parallax-element {
		transform:none!important;
	}
	
	#magic-cursor {
		display:none;

	}
	
	.scroll-down-wrap, .scroll-down-wrap.no-border {
		bottom: 40px;
	}
	
	#main-page-content {
		padding: 0 40px;
	}
	
	.large .white-section-container, .large .dark-section-container {
		padding: 0 40px;
	}
	
	.white-section-container, .dark-section-container {
		padding: 0 40px;
	}	
	
	#footer-container {
		padding: 0 40px;
		height:70px;
	}
	
	.destroy {
		display:none;
	}
	
	.has-parallax figcaption {
		display:none;
	}
	
	.footer-button-wrap {
    	bottom: 80px;
	}
	
	.copyright {
		text-align:center;
	}
	
	.socials-wrap {
		width: 240px;
		height: 40px;
		float:right;
		margin:0 auto;
		right:-10px;
		transform: translateX(0px) translateY(20px)!important;
		-webkit-transform: translateX(0px) translateY(20px)!important;
	}
	
	.socials-wrap:hover {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	
	.socials-icon, .socials-text {
		display:none;
	}
	
	.socials-wrap .socials {
		margin-top: 5px;
		text-align: right;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);	
	}
	
	.socials-wrap .socials li {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	
	.socials-wrap:hover .socials li {
		opacity: 1;
		transform: translateY(0px)!important;
		-webkit-transform: translateY(0px)!important;
	}
	
	.socials li {
		margin-right: 10px;
		line-height: 30px;
		height: 30px;
		width: 30px;
		margin: 0 5px auto;
		display: inline-block;
		float: none;
	}
	
	.socials li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
	}
	
}


@media only screen and (max-width: 767px) {	
	
	.percentage {
		font-size:60px;
		line-height: 80px;
	}
	
	.percentage-intro {
		margin-bottom: 40px;
	}
	
	h1.big-title{
		font-size:60px;
		line-height: 80px;
	}
	
	.row_padding_top {
		padding-top:10vw;
	}
	
	.row_padding_bottom {
		padding-bottom:10vw;
	}
	
	.row_padding_left {
		padding-left: 30px;
	}
	
	.row_padding_right {
		padding-right: 30px;
	}
	
	.row_padding_all {
		padding: 10vw 30px;
	}
	
	.two-halfs-right {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.admin-bar header {
		top: 46px;
	}
	
	#logo {
		left: 30px;
	}
	
	header .button-text {
		display: none;
	}
	
	.flexnav {
    	padding: 0 30px;
	}
	
	.flexnav li a {
		font-size: 40px;
		line-height: 55px;
	}
	
	li.buy-item a {
		color:#fff;
		font-size: 14px;
		line-height:30px;
	}
	
	.destory {
		display:none;
	}
		
	figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		font-size: 10px;
		padding: 5px 10px;
		right: 0px;
		border-radius: 0;
	}
	
	.one_half {
    	width: 100%!important;
	}
	
	.one_half {
    	padding-right: 0!important;
	}
	
	.one_half.last {
    	padding-left: 0!important;
	}

	.one_third {
		width: 100%!important;
	}	

	.one_fourth {
		width: 100%!important;
	}	

	.one_fifth {
		width: 100%!important;
	}	

	.one_sixth {
		width: 100%!important;
	}	

	.two_fifth {
		width: 100%!important;
	}	

	.two_fourth {
		width: 100%!important;
	}		

	.two_third {
		width: 100%!important;
	}	

	.three_fifth {
		width: 100%!important;
	}	

	.three_fourth {
		width: 100%!important;
	}	

	.four_fifth {
		width: 100%!important;
	}	

	.five_sixth {
		width: 100%!important;
	}	

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 20px!important;
		margin-right: 0%!important;
	}
	
	.text-align-center p.title-has-line::after, #page-nav p.title-has-line::after {
		display:none;
	}
	
	#main .text-align-right .button-wrap.right {
		float: left;
	}
	
	p {
    	font-size: 14px;
	}
	
	#main-page-content {
		padding: 0 30px;
	}
	
	.large .white-section-container, .large .dark-section-container {
		padding: 0 30px;
	}
	
	.white-section-container, .dark-section-container {
		padding: 0 30px;
	}	
	
	#footer-container {
		padding: 0 30px;
	}
	
	#footer-container #backtotop.button-wrap.left {
		float: none;
		left: 0;
		right: 0;
		position: absolute;
	}
	
	#backtotop.button-wrap.left .button-text {
		text-align: left;
		float: left;
		display: none;
	}
	
	#backtotop.button-wrap.left .icon-wrap {
		float: none;
		position: absolute;
		right: 0;
		left: auto;
		margin: auto;
		top: 0px;
	}
	
	.copyright {
		margin: 0;
		left: 10px;
		top: 30px;
		text-align:left;
	}
	
	.footer-middle {
		max-width: 1180px;
		position: absolute;
		margin: 0 auto;
		left: 0;
		width: 100%;
		top: -40px;
	}
	
	footer.showcase-footer .arrows-wrap {
		right: auto;
		left: -30px;
		float: left;
		margin: auto;
	}
	
	footer.showcase-footer .socials-wrap {
		width: 170px;
		float: right;
		left: auto;
		right: 0;
		top: 0;
	}
	
	.socials-wrap {
		width:170px;
		float: none;
		left: -6px;
		right: auto;
		top: 0px;
		margin: 0;
	}
	
	.socials-wrap .socials {
		text-align: left;
	}
	
	.socials li {
		margin: 0 0px auto;
	}
	
	.button-wrap.quickmenu {
		display:none;
	}
	
}


@media only screen and (max-width: 479px) {	
	
	.percentage {
		font-size: 48px;
		line-height: 72px;
	}
	
	.percentage-intro {
		margin-bottom: 30px;
	}
	
	h1.big-title{
		font-size: 48px;
		line-height: 72px;
	}
	
	.row_padding_top {
		padding-top:12vw;
	}
	
	.row_padding_bottom {
		padding-bottom:12vw;
	}
		
	.row_padding_left {
		padding-left: 20px;
	}
	
	.row_padding_right {
		padding-right: 20px;
	}
	
	.row_padding_all {
		padding: 12vw 20px;
	}
	
	.two-halfs-right {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	hr {
		height: 10px;
	}
	
	#logo {
		left: 20px;
	}
	
	.button-wrap.right.menu {
		right: -10px;
	}
	
	.flexnav {
    	padding: 0 20px;
	}
	
	.flexnav li ul li a {
    	padding: 5px 0;
	}
	
	li.buy-item a {
		color:#fff;
		font-size: 14px;
		line-height:30px;
	}
	
	p.title-has-line::after {
		display:none;
	}
	
	#main-page-content {
		padding: 0 20px;
	}
	
	.large .white-section-container, .large .dark-section-container {
		padding: 0 20px;
	}
	
	.white-section-container, .dark-section-container {
		padding: 0 20px;
	}	
	
	#footer-container {
		padding: 0px;
		margin:0;
	}
	
	footer.showcase-footer #footer-container {
		padding: 0px 20px;
	}
	
	.copyright {
		left: 0px;
	}
	
	.socials-wrap {
		float: none;
		left: 14px;
		right: auto;
	}
	
	.arrows-wrap {
		left: -10px;
		width: 80px;
	}
	
	.prev-wrap, .next-wrap {
    	width: 40px;
	}
	
	footer.showcase-footer .arrows-wrap {
		right: 0;
		left: 0;
		float: none;
		margin: auto;
	}
	
	footer.showcase-footer .arrows-wrap {
		width: 100%;
	}
	
	footer.showcase-footer .prev-wrap, footer.showcase-footer .next-wrap {
    	width: 60px;
	}
	
	footer.showcase-footer .footer-middle {
		top: 0px;
	}
	
	footer.showcase-footer .showcase-subtitles-wrap {
		left: 0;
	}
	
	footer.showcase-footer .socials-wrap {
		display:none;
	}
	
	.button-text {
		display:none;
	}
	
	#main-page-content .button-text {
		display:block;
	}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    
	#rotate-device {
		display:block;
        
        
        
        
	}
}