/* @charset utf-8; */
/*
Theme Name: Phantasia 2026
Author: Code by Ricardo Juárez	
Author URI: http://rjvv.com/
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2026 Ricardo Juárez
*/

:root {
	--small: 17px;
	--body: 17px;
	--bodyt: 18.5px;
	--medium: 36px;
	--big: 48px;
	--huge: 52px;
	--xhuge: 98px;
	--linesmall: 20px;
	--linebody: 20px;
	--linemedium: 1;
	--linebig: 48px;
	--linehuge: 56px;
	--linexhuge: 93.5px;
	--lssmall: .04em;
	--lsmedium: -0.01em;
	--lsbig: .01em;
	--lsxhuge: -0.01em; 
	--sans: 'ABCPelikan-Bold', sans-serif;
	--serif: 'Phimes', Times, serif;
	--border: 1px solid var(--contrast);
	--primary: white;
	--contrast: #000;
	--pad: 30px;
	--pads: 2px;
	--medpad: 100px;
	--bigpad: 200px;
	--smallrad: 10px;
	--rad: 25px;
	--trans: rgba(149, 149, 149, 0.1);
	--blurproject: 10px;
	--progresswork: 0;
	--workrad: 10px;
}


* {
	overscroll-behavior: none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;

}

[id^="menu-main-project"]{
	display: block;
  position: absolute;
  left: var(--pads);
  top: var(--pads);}

html,
body {
	margin: 0;
	font-size: 100%;
	width: 100%;
	background-color: var(--primary);
}

html {
	 scroll-padding-top: var(--pad);
	margin-top: 0px !important;
}
/*
[id^="menu-main"] li a::first-letter{
  letter-spacing: 0 !important;
}
*/

* html body {
	margin-top: 0px !important;
}

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

	* html body {
		margin-top: 0px !important;
	}
}

body {
	  font-feature-settings: "liga" 1;
font-variant-ligatures: discretionary-ligatures;
	opacity: 0;
	display: flex;
	overflow-x: hidden;
	min-height: var(--app-height);
	flex-direction: column;
	margin: 0;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	font-size: var(--body);
	line-height: 1.3;
	font-family: var(--sans);
	color: var(--contrast);
}

h1,
h2,
h3 {
	margin-bottom: 0;
	font-weight: normal !important;	
}

.serif{
	font-family: var(--serif);
	font-style: normal !important;
	font-weight: normal !important;
}
span.serif,
.body .serif,
.serif.body{
	font-weight: normal !important;
	
}

.post-single .grid-item:nth-of-type(2){
margin-top: 131px;
}

.related{
	height: 100vh;
	display: flex;
	flex-direction: column;
}
.related .post-content{
padding: 0 10px;
flex: 1;
display: flex;
align-items: center;
}



.post-single .related-projects .grid-item{
	margin-top: 0 !important;
	}

#main {}

.splash_bg {
	width: 100vw;
	height: var(--app-height);
	height: 100vh;
}

.splash_bg video,
.splash_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xhuge{
	text-transform: uppercase;
	font-size: var(--xhuge);
	line-height: var(--linexhuge);
}

.huge, .post-content blockquote, .post-content blockquote h2, .post-content blockquote * {
	font-size: var(--huge);
	line-height: var(--linehuge);
	letter-spacing: var(--lshuge);
}

.big{
	font-size: var(--big);
	line-height: var(--linebig);
	letter-spacing: var(--lsbig);}

.medium {
	font-size: var(--medium);
	line-height: var(--linemedium);
		letter-spacing: var(--lsmedium);
}
.post-content *{
	text-align: justify;
	max-width: 1000px;
	margin: 0px auto 0px 0px;
}
.post-content blockquote{
max-width: 100vw;
margin: 0px auto;}

.post-content blockquote *{
max-width: 1200px;
margin: 0px auto;
font-weight: normal;
text-align: center;}

.body, .post-content h6,   .post-content h2,  .post-content h3,  .post-content h4,  .post-content h5,  .post-content p{
	font-size: var(--body);
	font-weight: bold !important;
	line-height: var(--linebody);
}

.small, .small p,
small,
pre {
		letter-spacing: var(--lssmall) !important;
		font-family: var(--sans) !important;
	font-size: var(--small) !important;
	line-height: var(--linesmall) !important;
}

.smallt {
	padding-bottom: var(--pad) !important;
}

.mediumt {
	padding-bottom: var(--medpad) !important;
}

.bigt {
	padding-bottom: var(--bigpad) !important;
}
.zero{
	margin-bottom: 0 !important;
}

.smallb {
	margin-bottom: var(--pad) !important;
}

.mediumb {
	margin-bottom: var(--medpad) !important;
}
.post-single .section{
	padding: 0;
	margin: 0 auto;
}

.single-block{
	padding-top: var(--bigpad);
}

.post-single .post-content{
	padding: var(--bigpad) 10px 0;
	margin: 0px auto 0px 0px !important;
}
.post-single .grid{
	margin-bottom: calc(var(--medpad) * -1);
}
.post-single{
}

.related-projects .services{
	display: none;
}

.related-projects{
	display: flex;
	align-items: flex-end;
}
.related-projects .grid-item{
	margin-bottom: 0;
}
.related-projects h2{
	font-size: 24px;
}

.bigb {
	margin-bottom: var(--bigpad) !important;
}

.uppercase {
	text-transform: uppercase;
}

.padded {
	padding: var(--pad);
	display: inline-block;
}

.fullw img,
.fullw video {

}
.list-image.active{
	opacity: 1;
}
.list-names{
	position: relative;
  z-index: 5;
}

.list-image{
	position: fixed;
	width: 100vw;
opacity: 0;
	display: flex;
transition: 0.15s ease;
	justify-content: center;
	align-items: center;
	height: 100dvh;
	top:0;
	left: 0;
	z-index: 1;
	pointer-events: none;
}
.list-names li{
width:fit-content;
	cursor: default;
	transition: all 0.5s ease;
}

.list-image img{
	max-width: 320px;
	max-height: 320px;
	height: auto;
	width: auto;
}
.cont-lists{
	margin:100px 0;	
	}
.section-lists{
	padding: 0 10px;
}
.section-big-text a{
		color: rgba(0, 0, 0, 0.3);
}
.section-big-text{
	margin: 385px 0 250px;
	padding: 0 10px;
}
.section-portrait img{
	max-width: 360px;
}

.section-reel img, .section-reel video{
	max-width: 240px;
}

.section-portrait{
	display: flex;
	gap:10px;
	align-items: center;
}
.section-reel a{
	display: flex;
	gap:10px;
	width: fit-content;
	transition: all 0.5s ease;
	align-items: center;
	letter-spacing: var(--lssmall);
}


.boldi, .boldi *{
	font-weight: bold !important;
	font-style: italic;
}

.section-intro{
padding: 150px 10px 100px;
max-width: 1200px;}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.fullw {

	margin-left: calc(var(--pad) * -1);
	margin-right: calc(var(--pad) * -1);
}

.framed2{
	width: 75%;
	margin: 0px auto;
}
.framed3{
	margin: 0px auto;
		width: 50%;
}

.fullw .caption {
	margin-left: calc(var(--pad) * 1);
}

.white {
	color: var(--primary);
}
.black {
	color: var(--contrast) !important;
}

.logo {
	pointer-events: none;
	position: fixed;
	z-index: 99999;
	text-align: center;
	width: 100vw;
}
.notround{
border-radius: 0 !important;}

blockquote, blockquote * {
	margin: 0px auto;
	font-family: var(--serif);
	font-style: normal !important;
	text-align: center;
	font-weight: normal !important;
}
.boldi blockquote *{
	font-weight: normal !important;
	font-style: normal !important;	
}

.post-content blockquote h6{
	margin: 0px !important;
		font-weight: bold !important;
	font-style: italic !important;
	text-align: left !important;
	font-family: var(--sans) !important;
}

video {
	width: 100%;

}

.logo h1 {
	text-align: center;
	padding: var(--pad);
}


.section {
	padding: calc(var(--pad) + var(--linexhuge)) var(--pad) var(--pad);
}

.section-title {
	pointer-events: none;
	z-index: 99999;
	text-transform: uppercase;
	text-align: center;
/* 	top: calc(var(--pad) + var(--linexhuge)); */
}

.table-row {
	border-top: var(--border);
	margin-left: calc(var(--pad) * -1);
	margin-right: calc(var(--pad) * -1);
	padding: var(--pad);
}

.columns {
	display: flex;
	justify-content: space-between;
}

.column50 {
	flex-basis: calc((100% - var(--pad)) / 2);
}

.block {
	margin-bottom: var(--medpad)
}

.block:last-of-type {
	margin-bottom: 0;
}
.gallery,
.width-slider {
	position: relative;
	margin-left: calc(var(--pad) * -1);
	margin-right: calc(var(--pad) * -1);
	overflow: hidden;
	padding: 0 var(--pad);
}

.stories-slider {
	position: relative;
	margin-left: calc(var(--pad) * -1);
	margin-right: calc(var(--pad) * -1);
	/*overflow: hidden;*/
}

.paddedb{
	padding-bottom: var(--medpad);
}

.page-template-default .sectionnav{
	padding-top: var(--pad);
}
.page-template-default .sectionnav p{
	margin-bottom: 10px;
}

.page-template-default #onepagenav{
	max-width: 25%;
}


.m100{
margin-bottom: 100px;}

.prever, .nexter{
	position: absolute;
	width: 50%;
	bottom: 0;
	height:calc(100% - 60px);
	cursor: pointer;
	z-index: 999;
}
.prever{
	left: 0;
}
.nexter{
	right: 0;
}


#team {
	position: relative;
}

.none-i {
	display: none !important;
}

.fixed-i {
	position: fixed !important;
}

.hover-cont{
/*	position: relative;*/
}

.gallery .swiper-slide {
	height: auto !important;
	width: fit-content !important;
	display: flex;
	flex-direction: column;
}

.gallery .swiper-slide .caption{
position: absolute;}
.swiper-slide {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.stories-slider .story-slide {
}

.stories-slider .story-slide .fill img, .stories-slider .story-slide .fill video{
	width: 100%;
	height: 100%;
	padding: 0;
	object-fit:cover;
}
.stories-slider .story-slide .contained div, .stories-slider .story-slide .fill div{
	height: 90vh;
}

.stories-slider .story-slide .contained img, .stories-slider .story-slide .contained video{
	padding: var(--medpad);
	width: 100%;
	height: 100%;
	object-fit:contain;
}


.gallery .peque img, .gallery  .peque video{
	height: 24vw;
}


.gallery img, .gallery video{
	height: 30vw;
	width: auto;
}

/*
.gallery .vertical, .gallery video{
	width: 27vw;
height: auto;
}

.gallery.fitted .vertical, .gallery.fitted .horizontal{
	height:30vw;
width: auto;	
max-width: none !important;
}


.gallery .horizontal{
	height:21vw;
	width: auto;
}
.gallery video{
	max-width: 600px;
	max-height: 80vh; 
}
*/



.stories-slider .story-slide .text {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.stories-slider .story-slide .text *{
	text-align: center;
	padding: var(--pad);
}

.caption {
	    text-align: left;
	margin-top: 10px;
}

.page-load-status {
	display: block !important;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.page-load-status.show {
  opacity: 1;
}

.infinite-scroll-request {
	display: block !important;
}

.grid-item:first-of-type {
	margin-top: var(--medpad)
}

.work-grid-container .grid-item:first-of-type {
	margin-top: 0;
}

.post-single .grid-item:first-of-type {
	margin-top: 0;
}

.grid-item {
	width: calc((100% - var(--pad)) / 2);
	float: left;
	clear: left;
	margin-bottom: var(--medpad);
}

.title-anchor {
	margin-top: 9px;
	display: block;
}



.work_parent .grid-item {
	margin-bottom: 100px;
}

.grid-item.right {
	float: right;
	clear: right;
}

.grid-post a{
	display: block;
	position: relative;
}
.post-info h2{
	text-align: center;
}
.post-info .services{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}
.post-info{
	position: absolute;
	z-index: 99999;
	opacity: 0;
	transition-delay: 0s;
	transition: all 0.6s ease;	
	padding: 10px;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	
}
.flex-single{
	display: flex;
	align-items: center;
	gap:17px;
} 
.white {
	color: white;
}
.grid-post.rounded  img, .grid-post.rounded video {
	transition: filter 0.6s ease;
	border-radius: var(--rad);
	overflow: hidden;
	
}

.work_parent .grid-post.rounded  img, .work_parent .grid-post.rounded video {
	border-radius: var(--workrad);
}

.rounded {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
	border-radius: var(--rad);
	/*overflow: hidden;*/
	position: relative;
}

.work_parent .rounded {
	border-radius: var(--workrad);
}

.relative{
	position: relative;
}
.column50{
	width: 50%;
	display: block !important;
}
.muter{
	color: white;
	position: absolute;
	bottom:10px;
	right: 10px;
	z-index: 99;
mix-blend-mode: difference;
	transition: all 0.4s ease;
	cursor: pointer;
	text-align: right;
}

.swiper-slide .video-slide,
.swiper-slide  .desktop {
position: relative;}

.mute{
	color: white;
	position: absolute !important;
	top:0px;
	right:35px;
	font-size: var(--small);
	padding: 10px;
	z-index: 99;
/*	opacity: 0;*/
	transition: all 0.4s ease;
	cursor: pointer;
	width: fit-content;
	height: fit-content !important;
	text-align: right;
}

.gallery, .hover-img, #onepagenav {
	  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

#onepagenav .current{
	filter: blur(2px);
	-webkit-filter:blur(2px);
}



.hover-txt{
	max-width: 100%;
}
.hover-img{
	z-index: 1;
	margin: 20px 0 0 20px;
/*	position: absolute;*/
	display: none;
}

.hover-post {
	padding: 20px;
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	opacity: 0;
	display: flex;
	transition: all 0.6s ease;
	background: rgba(255,255,255,0.9);
}

.blur-post {
transition: all 0.6s ease;
	position: absolute;
	background: rgba(255,255,255,0.9);
opacity: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
}


.hover-post span {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}

.service {
	display: inline-block;
	margin-right: 10px;
}

.cover {
	/*overflow: hidden;*/
	position: relative;
}


.cover h1 {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	pointer-events: none;
	padding: var(--pad);
}

.cover h1.center-title {
	align-items: center;
	font-size: var(--huge);
	line-height: var(--linehuge);
}

.cover h1.top-title {
	font-size: var(--small);
	line-height: var(--linesmall);
}


.swiper-pagination-bullets {
	max-width: 600px;
	margin: 0 calc(50% - 300px);
	display: flex;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom: 15px !important;
}

.stories-slider .swiper-pagination-bullet {
	width: 40px;
	flex: 1;
	height: 2px;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0px 2.5px !important;
}

.stories-slider .swiper-pagination-bullet::before {
	content: "";
	display: block;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	transform: translateX(-100%);
	left: 0;
}


.swiper-pagination-bullet-active ~ .swiper-pagination-bullet{
	background: rgba(255, 255, 255, 0.5) !important;
	
}


.stories-slider .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 0.5);
}

.stories-slider .swiper-pagination-bullet-active::before {
	transform: translateX(-100%);
	background-color: var(--primary);
	animation: slide-progress linear forwards;
	animation-duration: 5s;
}

.stories-slider .duration.swiper-pagination-bullet-active::before {
	animation-duration: var(--duration);
}



.carrusel {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 260;
}

.post_carrusel {
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.scrollmagic-pin-spacer{
	padding-bottom: 0;
}

.carrusel .panel {
	padding-top: var(--pad);
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	position: relative;
	padding-right: var(--pad);
}
#services.mediumb{
	padding-bottom: 70px !important;
}
#contact{
	min-height: var(--app-height);
	min-height: 100vh;
	margin-bottom: 0 !important;
}


.carrusel_item {
	width: 460px;
	position: relative;
	padding-right: var(--pad);
}

/*
.carrusel_item:last-of-type{
	padding-right: 0;
}
*/

#clients{
	min-height: var(--app-height);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.carrusel_item img {
	width: auto;
	display: block;
	max-width: 100%;
	height: auto;
}


/*
.anim{
	transition:all 0.6s ease;
	opacity: 0;
	transform: translateY(10px);	
	}
.hidden{
}
.animappear{
	opacity: 1;
	transform: translateY(0);
}
*/

@keyframes slide-progress {
	0% {
		transform: translateX(-100%);
		/* width: 0; */
	}

	100% {
		transform: translateX(0);
		/* width: 100%; */
	}
}

#onepagenav a, .profile_footer a{
	transition: all 0.3s ease;
}

.post-single #onepagenav {
	position: fixed;
	/* padding: var(--pad) var(--pad) calc(100vh + var(--pad)); */
	top: 0;
}
#onepagenav li{
	margin-bottom: 5px;
	pointer-events: all;
	width: fit-content;
}
#onepagenav li:last-of-type{
	margin-bottom: 0;
}
#onepagenav {
		width: fit-content;

	pointer-events: none;
	position: fixed;
	padding-top: var(--pad);
	padding-left: var(--pad);
	z-index: 99999;
}

#introduction{
	padding: 175px var(--pad) 0;
}

.profile_footer {
	display: flex;
	justify-content: space-between;
	padding: 40px var(--pad);
}

.profile_footer .footer_text a {
	text-transform: uppercase;
}

@media all and (-ms-high-contrast:none) {}


@-webkit-keyframes scale-down-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes scale-down-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

.scale-down-center {
	opacity: 0.8;
	-webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	z-index: 1;
	border-radius: 2rem;
}

@-webkit-keyframes scale-up-center {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes scale-up-center {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		/* border-radius: 0; */
	}
}

.scale-up-center {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	animation-delay: 0.5s;
	/* transition: border-radius 0.1s linear; */
}

.appended{
	opacity: 0;
/*
	    margin-top: calc((var(--app-height) * -1) + 25px);
	margin-top: calc(-100vh + 25px);
*/
    position: relative;
    z-index: 999;
}
.post-nav{
	display: none;
}
.page-template-reel {
	overflow: hidden;
}
.page-template-reel .main_content_container,
.page-template-profile .main_content_container {
	margin: 0;
	border-radius: 0;
	min-height: var(--app-height);
	padding-top: 0;
}

.nextcover{
	position: relative;
	border-radius: var(--rad) var(--rad) 0 0;
	overflow: hidden;
}
.blur{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
	backdrop-filter: blur( var(--blurproject));
	  -webkit-backdrop-filter: blur( var(--blurproject));
}


.main_content_container {
	min-height: calc(var(--app-height) + 2rem);
	height: 100%;
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	margin: -2rem 0px 0px;
	padding-top: calc(2rem);
	position: relative;	
	transform-origin: center 110vh 0px;
}

.page_loader {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: 2rem;
	background-color: #ffffffde;
	z-index: 999991;
}

.page_loader img {
	width: auto;
	margin: 100px auto;
}

.in_active_page {
	position: fixed !important;
	top: calc(100vh + 2rem);
	z-index: 2;
	width: 100%;
}


.side_page_panel {
	top: 0;
}

.in_active_page.main_content_container[data-dir="left"] {
	left: -100vw;
}

.in_active_page.main_content_container[data-dir="right"] {
	right: -100vw;
}

.disabled_nav {
	pointer-events: none;
}

.contact_container {
	padding: 10px;
	height: 100vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.bottom-text{
	position: absolute;
	bottom: 10px;
}

.contact_container div {
	display: inline;
}

.section-big-text a, .contact_container a{
		transition: all 0.5s ease;
	color: rgba(0, 0, 0, 0.3);
}

#work_iframe {
	height: calc(100vh + var(--rad));
	height: calc(var(--app-height) + var(--rad));
		z-index: 99999999;
	width: 100%;
	position: fixed;
	border-radius:var(--rad) var(--rad) 0 0; 
}

#work_iframe.active_page {
	top: 0;
	margin-top: calc(var(--rad) * -1);
}

.disableScroll {
	overflow-y: hidden;
}

.disabled_action * {
	pointer-events: none;
}

.reel_page {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.reel_page img {
	min-height: 105vh;
}

.phantasmin img {
	min-height: 0;
}

.phantasmin {
	position: fixed;
	right: var(--pad);
	bottom: var(--pad);
	width: 90px;
	animation: floating 10s infinite ease-in-out;
}

@keyframes floating {
	50% {
		transform: translateY(-20px);
	}
}

.smwpcb_widget_chat .smwpcb_chat_input_field .smwpcb_widget_chat_convers>i:hover{
	background-color: rgba(204, 204, 204, 0.6) !important;
}

.smwpcb_widget_chat .smwpcb_chat_layout,
.smwpcb_widget_chat .smwpcb_chat_conversation_flow {
	min-height: calc(100vh - 40px) !important;
}

#smwpcb_chat_layout_screen {
	display: flex !important;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
}

.smwpcb_widget_chat .smwpcb_chat_conversation_flow {
	border-bottom: 65px solid transparent !important;
}

.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit.smwpcb_message_unit_customer {
	margin-right: 0 !important;
}

.smwpcb_widget_chat .smwpcb_quick_replies {
	display: flex !important;
	margin: 0 !important;
	width: 100% !important;
}

.smwpcb_widget_content {
	position: absolute;
}

.smwpcb_widget_chat .smwpcb_chat_layout {
	right: 140px !important;
}

.smwpcb_widget_chat,
.smwpcb_widget_chat .smwpcb_chat_input,
.smwpcb_widget_chat .smwpcb_chat_layout,
textarea#smwpcb_send_message_chat {
	font-family: var(--sans) !important;
	font-weight: normal !important;
	font-size: var(--small) !important;
	line-height: var(--linesmall) !important;
	padding: 10px 15px !important;
	margin: 0 5px 0 0 !important;
}
.zmdi{
	transition: none !important;
	font-family: var(--sans) !important;
	font-weight: normal !important;
	font-size: var(--small) !important;
	line-height: var(--linesmall) !important;
	padding: 10px 15px !important;
	margin: 0px !important;	
}

textarea#smwpcb_send_message_chat {
	font-size: var(--small) !important;
	line-height: var(--linesmall) !important;
	padding-top: 9px !important;
	padding-bottom: 9px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	width: 200px !important;
	margin-right: 10px !important;
	flex: 1;
	border-radius: 0;
	height: 40px !important;
}

.smwpcb_widget_chat .smwpcb-show-panel {
	display: flex !important;
	flex-direction: row-reverse;
}

.smwpcb_widget_chat .smwpcb_widget_chat_convers:not(:last-child).smwpcb_is_visible {
	width: auto !important;
	margin: 0 !important;
}

.single h1{
		font-weight: normal !important;	
font-size: var(--bodyt);	
}

header{
		font-weight: normal !important;	
}

.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit.smwpcb_message_unit_customer:after,
.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit.smwpcb_message_unit_agent:before,
.smwpcb_chat_avatar,
.smwpcb_header_chat,
#smwpcb_widget_trigger {
	display: none !important;
}

.smwpcb_chat_layout {
	bottom: var(--pad) !important;
	height: 300px !important;
	box-shadow: none !important;
}

.smwpcb_chat_description {
	display: none !important;
}


.smwpcb_chat_input_field,
.smwpcb_chat_conversation_msgs {
	border-color: transparent !important;
	background: transparent !important;
}

.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit.smwpcb_message_unit_agent {
	float: right !important;
}

.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit.smwpcb_message_unit_agent {
	margin-left: 0 !important;
	margin-right: 0px !important;
}

.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit.smwpcb_message_unit_agent,
.smwpcb_widget_chat .smwpcb_chat_layout .smwpcb_chat_conversation_flow .smwpcb_message_unit.smwpcb_message_unit_customer {
	background: var(--trans) !important;
	color: #000 !important;
	border-radius: 0 !important;
}



/* .zmdi.zmdi-mail-send,
textarea#smwpcb_send_message_chat {
	background-color: var(--trans) !important;
	color: #ffffff !important;
}

.zmdi.zmdi-mail-send {
	
}
 */


textarea#smwpcb_send_message_chat::placeholder,
textarea#smwpcb_send_message_chat {
	color: #000 !important;
}

.zmdi.zmdi-mail-send:before {
	content: 'SEND';
}

.smwpcb_widget_chat .smwpcb_chat_input_field .smwpcb_widget_chat_convers>i,
.smwpcb_widget_chat .smwpcb_widget_chat_convers:not(:last-child) {
	background-color: var(--trans) !important;
	color: #000 !important;
	border-radius: var(--smallrad) !important;
}

.smwpcb_widget_chat .smwpcb_card_action_button {
	min-width: 80px !important;
	margin-bottom: 5px !important;
}

body .smwpcb_widget_chat .smwpcb_card_red,
.smwpcb_widget_chat .smwpcb_chat_input_field a:hover {
	background-color: var(--trans) !important;
	border-bottom: none !important;
}


textarea#smwpcb_send_message_chat {
	background: var(--trans) !important;
}

.reel_page_container .smwpcb_widget_content {
	display: none;
}

.smwpcb_widget_chat .smwpcb_writing_dot {
	background: #000 !important;
}

.single .grid{
    margin-left: calc(( var(--pad) * -1 ) / 2);
    margin-right: calc(( var(--pad) * -1 ) / 2);
}

.grid, .scale-down-center .grid {
	display: block;
	margin-left: calc( var(--pad) / 2 );
	margin-right: calc( var(--pad) / 2 );
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.grid-item {
	clear: inherit;
	width: 50%;
}

.work_parent .grid-item {
	width: 100%;
}

.grid.not_loaded {
	margin-left: calc( (var(--pad) / 2 ) * -1 );
	margin-right: calc( (var(--pad) / 2 ) * -1 );
}



.single-post {
	overflow: hidden;
}

.post-single-container {
	height: var(--app-height);
	height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
	background-color: var(--primary);
	scroll-behavior: smooth;
}

body.not_smooth .post-single-container {
	scroll-behavior: inherit;
}

.post-single-container .nextcover {
	position: sticky;
    top: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    bottom: 0;
}

.nextprogress {
	height: var(--app-height);
}

.opening_work {
	background-color: var(--contrast);

}

.work_parent {
	background-color: var(--primary);
}

.work-grid-container {
	/* overflow-y: hidden; */
}

.post-single-container + .work_parent {
	right: 0 !important;
	left: 0 !important;
}

.main_content_container.work_parent.scale-down-center {
	border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.main_content_container.work_parent.removeBorder {
	border-radius: 0 !important;
    transition: border-radius 2s linear;
}

.progress-work-container {
	position: absolute;
	z-index: 1000;
	width: 100%;
	display: flex;
	justify-content: center;
	bottom: 40px;
}

.progress-work {
	background: rgba(255,255,255,0.1);
	justify-content: flex-start;
	border-radius: 100px;
	align-items: center;
	position: relative;
	display: flex;
	height: 2px;
	max-width: 470px;
	width: 90%;
}
  
.progress-work-value {
	border-radius: 100px;
	background: #fff;
	height: 2px;
	width: var(--progresswork);
	transition: all 0.6s ease;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#nav.fadeIn, #onepagenav{
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}

.phantasmin {
	display: none;
	cursor: pointer;
}


@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

#nav.fadeOut {
	-webkit-animation: fadeout 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 0.5s; /* Firefox < 16 */
        -ms-animation: fadeout 0.5s; /* Internet Explorer */
         -o-animation: fadeout 0.5s; /* Opera < 12.1 */
            animation: fadeout 0.5s;
	opacity: 0;
}


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

.tap-next {
	display: none;
}

/*
.post-single-container .nextcover {
    position: fixed;
    top: 0;
    transition: all 0.4s ease;
    overflow: hidden;
    bottom: 0;
    z-index: 0;
}



*/




.smwpcb_widget_content {
	display: none;
}

.reel_page_container {
	background-color: #000000a3;
}

.blurDiv {
	-webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -o-filter: blur(25px);
    -ms-filter: blur(25px);
    filter: blur(25px);
}

.splash_bg {
	transition: filter 0.3s ease-out;
}


.nextcover-container .hover-img {
	z-index: 999;
}

.page-template-default #nav {
	justify-content: flex-start;
	margin-left: 25px;
}

.grid-item:not([data-index="1"]) .projectCentered .hover-post,
.grid-item:not([data-index="1"]) .projectCentered .blur-post  {
	opacity: 1;
}

.grid-item:not([data-index="1"]) .projectCentered .hover-post *:not(h2) {
	display: none;
}


@media (max-width: 600px) {
	
	.work_parent .grid {
		margin: 0 !important;
	grid-template-columns: repeat(2, 1fr) !important;
	}

}

.work_parent .grid {
	background-color: #fff;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 !important;
}

#nprogress .bar {
	height: 6px !important;
	background: linear-gradient(90deg, rgba(160, 160, 160, 0.10) 0%, #A0A0A0 100%) !important;
}

#nprogress .peg {
	box-shadow: none !important;
}

.page-load-status {
	display: none; /* hidden by default */
	position: fixed;
	top:0;
	left: 0;
	z-index: 9999;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}

.page-load-status{
	display: none !important;
}
.loader-ellips {
width: 100%;
height: 100%;
	display: none !important;
align-items: center;
justify-content: center;
}
.infinite-scroll-request{
width: 100%;
height: 100%;
position: relative;	display: none;
}



.spinner {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: conic-gradient(#0000 10%,#a0a0a0);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6.4px),#000 0);
   animation: spinner-zp9dbg 1s infinite linear;
}

@keyframes spinner-zp9dbg {
    to {
      transform: rotate(1turn);
	}
}

.all-service-list {
	display: flex;
	padding: 116px 10px 78px;
	gap: 20px;
	overflow-x: auto;
    white-space: nowrap;
}

.all-service-list li {
	cursor: pointer;
	user-select: none;
	transition: all 0.5s ease;
}

.all-service-list li.selected {
letter-spacing: 0.35em;
}

.all-service-list {
  scrollbar-width: none;
}
.all-service-list::-webkit-scrollbar {
  display: none;
}
.all-service-list {
  -webkit-overflow-scrolling: touch;
}

.mt-0 {
	margin-top: 0;
}

.hidden-visibility {
	opacity: 0;
}

.fade-in {
  opacity: 0;
  transition: opacity 0.6s ease-in;
}
.fade-in.visible {
  opacity: 1;
}