/*
 Theme Name: Federico Salort
 Author: Federico Salort
 Author URI: http://federicosalort.com/
 Description: Theme developed for federicosalort.com

 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100vh;
	-webkit-overflow-scrolling: touch;
}

body {
	margin: 0px;
	color: black;
	margin: auto;
	overflow: auto;
	background-color: black;
	font-family: 'BaiJamjuree-Regular';
}
body.single-project {
	background-color: white;
}
body.single-project #colophon {
	color: black;
}

body.page-template-template_about {
	overflow: hidden;
}

.page-template-template_home #content,
.page-template-template_about #content {
	position: relative;
	background: #000;
}

.page-template-template_home::-webkit-scrollbar,
.page-template-template_about::-webkit-scrollbar {
	width: 14px;
	background: #000;
}

.page-template-template_home::-webkit-scrollbar-track,
.page-template-template_about::-webkit-scrollbar-track {
	background: #000;
}

.page-template-template_home::-webkit-scrollbar-thumb,
.page-template-template_about::-webkit-scrollbar-thumb {
	background: #050505;
	border: 4px solid #000;
}

.primary_home,
.primary_about {
	position: relative;
	z-index: 1;
}

.page-template-template_about .primary_about,
.page-template-template_about .primary_about #main,
.page-template-template_about .primary_about .page_content_container,
.page-template-template_about .primary_about .page_content_container_wrapper,
.page-template-template_about .primary_about .about_contact_module {
	height: 100vh;
	min-height: 100vh;
}

/* Temporarily hidden while the About/Contact content is being reworked. */
.page-template-template_about .side_container_box {
	display: none;
}

.fs-cosmic-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	min-height: 620px;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
	background: #000;
}

.fs-cosmic-background::before {
	content: "";
	display: none;
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(to bottom, #000 0%, rgba(0,0,0,.58) 5%, rgba(0,0,0,0) 18%, rgba(0,0,0,0) 78%, rgba(0,0,0,.72) 95%, #000 100%),
		linear-gradient(to right, #000 0%, rgba(0,0,0,.5) 4%, rgba(0,0,0,0) 13%, rgba(0,0,0,0) 87%, rgba(0,0,0,.58) 96%, #000 100%);
}

.fs-cosmic-canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.fs-cosmic-grain {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	opacity: .026;
	mix-blend-mode: screen;
	background-image:
		linear-gradient(115deg, rgba(255,255,255,.025), transparent 34%),
		repeating-radial-gradient(circle at 30% 20%, rgba(255,255,255,.1) 0 1px, transparent 1px 4px);
	background-size: 100% 100%, 170px 170px;
}

@media (max-width: 760px) {
	.fs-cosmic-background {
		min-height: 100vh;
	}
}

@media screen and (max-height: 780px) and (min-width: 768px) {
	.page-template-template_about .side_container {
		font-size: 14px;
		line-height: 19px;
	}

	.page-template-template_about .side_container .side_container_wrapper h1 {
		font-size: 20px;
		line-height: 34px;
		padding-bottom: 4px;
	}

	.page-template-template_about .side_container .side_container_wrapper .side_container_text {
		padding-top: 0;
	}

	.page-template-template_about .side_container .side_container_wrapper .side_container_text p {
		margin: 14px 0;
	}

	.page-template-template_about .side_container .side_container_wrapper .side_container_form form label {
		font-size: 14px;
	}

	.page-template-template_about .side_container .side_container_wrapper .side_container_form form input[type=text],
	.page-template-template_about .side_container .side_container_wrapper .side_container_form form input[type=email],
	.page-template-template_about .side_container .side_container_wrapper .side_container_form form textarea {
		font-size: 14px;
		margin: 2px 0;
		padding: 2px 0;
	}

	.page-template-template_about .side_container .side_container_wrapper .side_container_form form textarea {
		height: 44px;
	}

	.page-template-template_about .side_container .side_container_wrapper .side_container_form form input[type=submit] {
		margin-top: 24px;
	}
}

.overflow_hidden {
	overflow: hidden !important;
}

body * {
	outline: none;
}

div, ul, li, header, footer, a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

b, strong, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.clear::after {
	clear: both;
	display: block;
	content: '';
}

a {
	text-decoration: none;
	color: black;
}
textarea, input[type="text"], input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
#masthead {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 15;
	height: 75px;
	pointer-events: none;
}
#masthead .header_wrapper {
	padding: 60px;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
	height: 154px;
}
#page {
	overflow: hidden;
}
.page-template-template_about #page {
	height: 100vh;
}
.fixed_header #masthead .header_wrapper {
	padding: 20px 60px;
	background: rgba(0,0,0,.8);
	height: 75px;
/*glass*/
	background: rgba(0, 0, 0, .1);
	backdrop-filter: blur(3vw);
}
.thanks_opened.fixed_header #masthead .header_wrapper {
	padding: 60px;
	background: transparent;
	height: 152px;
}
.fixed_header .website_mode_container {
	padding-top: 0;
}
.thanks_opened.fixed_header .website_mode_container {
	padding-top: 30px;
}
.fixed_header .website_mode_container .website_mode_menu {
	padding-top: 20px;
}
.thanks_opened.fixed_header .website_mode_container .website_mode_menu {
	padding-top: 30px;
}
#masthead .header_wrapper a {
	display: inline-block;
	vertical-align: top;
	color: white;
	font-size: 26px;
	font-family: 'BaiJamjuree-Bold';
	line-height: 32px;
	text-transform: uppercase;
}
#masthead .header_wrapper a#logo {
	color: white;
	display: inline-block;
	width: 38px;
	vertical-align: top;
}
.logo_container {
	display: inline-block;
	max-width: calc(100% - 100px);
	height: 53px;
	pointer-events: auto;
	z-index: 18;
}
#masthead .header_wrapper a img {
	display: block;
	width: 100%;
}
.fs-header-logo-svg,
.fs-header-logo-img {
	display: block;
	height: auto;
	width: 100%;
}
#masthead .header_wrapper a#logo.birthday_logo .fs-header-logo-svg,
#masthead .header_wrapper a#logo.birthday_logo .fs-header-logo-img {
	margin: -18px 0 0 -13px;
	width: 51px;
}
#masthead .header_wrapper a#logo.chrismas_logo .fs-header-logo-svg,
#masthead .header_wrapper a#logo.chrismas_logo .fs-header-logo-img {
	margin: -3px 0 0 -6px;
	width: 44px;
}
#masthead.style_black .header_wrapper a#logo {
	color: black;
}

.fixed_header #masthead.style_black .header_wrapper a#logo {
	color: white;
}

.hamburger {
	padding: 0;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	float: right;
	height: 32px;
	pointer-events: auto;
}

.hamburger.open .hamburger-inner, .hamburger.open .hamburger-inner::before, .hamburger.open .hamburger-inner::after {
	background-color: white;
}

.hamburger-box {
	width: 38px;
	height: 32px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 38px;
	height: 1px;
	background-color: white;
	border-radius: 1px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -13px;
}
.hamburger-inner::after {
	bottom: -14px;
}

.hamburger--spin .hamburger-inner {
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.open .hamburger-inner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.open .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.open .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.home_module {
	color: white;
	position: relative;
	height: 100vh;
	pointer-events: none;
}
.home_module .home_module_wrapper {
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	pointer-events: none;
}
.home_module .home_module_wrapper .home_welcome_message {
	height: 8vw;
	width: 35.1vw;
	opacity: 0;
}
.home_module .home_module_wrapper .home_welcome_message h1 {
	font-size: 3.58vw;
	text-transform: uppercase;
	margin: 0;
	font-family: 'BaiJamjuree-Light';
	letter-spacing: .06vw;
	line-height: 4.026vw;
}
.home_module .home_module_wrapper .home_welcome_message h1 strong {
	font-family: 'BaiJamjuree-Bold';
	/* color: #4FC1C6; */
	color: white;
	display: inline-block;
}
html[lang="en-US"] .home_module .home_module_wrapper .home_welcome_message h1 strong {
	margin-right: 1.5 vh;
}
html[lang="en-US"] .home_module .home_module_wrapper .home_welcome_message h1 {
	letter-spacing: .70vh;
}
.home_module .home_module_wrapper .home_welcome_message h1 label {
	display: block;
	/* text-align:center; */
	font-size: 3.87vw;
	letter-spacing: 0vh;
	letter-spacing: .06vw;
}
.home_module .home_module_wrapper .home_welcome_message h1 label span {
	color: #4FC1C6;
}

::selection {
	background: #4FC1C6;
	opacity: 1;
}
::-moz-selection {
	background: #4FC1C6;
	opacity: 1;
}
.im_module {
	text-transform: uppercase;
	padding-left: .2vw;
	padding-right: .5vw;
	width: 35.3vw;
}

.im_module .im_item {
	display: inline-block;
	font-size: 1.2vw;
	padding:               .54vw 2vw;
	opacity: 0;
	-moz-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	transition-delay: .8s;
}
.im_module.animate .im_item {
	opacity: 1
}
.im_module .im_item:first-child {
	padding-left: 0;
	padding-right: 0;
	transition-delay: 0s;
}
.im_module .im_item:last-child {
	padding-left: 0;
	padding-right: 0;
	transition-delay: 1.6s;
	float: right;
}

.scroll_to_projects {
	position: absolute;
	text-align: center;
	bottom: 60px;
	text-align: center;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,0%);
	cursor: pointer;
	opacity: 0;
	-moz-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	transition-delay: 2.4s;
	pointer-events: none;
}
.scroll_bottom {
	color: white;
	position: absolute;
	text-align: center;
	bottom: 2VW;
	text-align: center;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,0%);
	cursor: pointer;
	opacity: 1;
	-moz-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	transition-delay: 2.4s;
	z-index: 1;
}
.black_arrow {
	display: none;
}
.fs-scroll-bottom-arrow {
	display: block;
	height: auto;
	width: 25px;
}
.style_black .white_arrow {
	display: none;
}

.style_black .black_arrow {
	display: block;
}
.scroll_bottom.style_black {
	color: black;
}
.scroll_bottom img {
	width: 25px;
	cursor: pointer;
	pointer-events: auto;
}
.scroll_bottom .fs-scroll-bottom-arrow {
	cursor: pointer;
	pointer-events: auto;
}

.scroll_to_projects label {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
	padding: 10px;
	pointer-events: auto;
}
.scroll_to_projects img {
	width: 25px;
	cursor: pointer;
	pointer-events: auto;
}
.scroll_to_projects.animate {
	opacity: 1;
}
.select_language_selector {
	opacity: 0;
	-moz-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .7s cubic-bezier(0.23, 1, 0.32, 1);
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	position: absolute;
	right: 60px;
	bottom: 60px;
	transition-delay: 2.4s;
	z-index: 8;
	pointer-events: all;
	vertical-align: top;
}
.select_language_selector a {
	color: white;
	vertical-align: top;
	line-height: 20px;
}
.select_language_selector a.selected {
	font-family: 'BaiJamjuree-Bold';
}
.select_language_selector.animate {
	opacity: 1;
}
#colophon {
	color: white;
	text-transform: uppercase;
	text-align: center;
	padding: 50px 60px;
	position: relative;
	pointer-events: none;
	font-size: 15px;
	font-family: 'OpenSans';
	z-index: 1;
}
#colophon .footer_wrapper {

}
#colophon .footer_wrapper .copyrights_item {

}

.projects_container {
	padding: 0px 60px 0px 60px;
	position: relative;
	z-index: 10;
	pointer-events: none;
	/* margin-top: -70px; */
	padding-top: 75px;
}
.projects_container * {
	pointer-events: auto;
}
.projects_container .projects_container_wrapper {
}

.itemw4 {
	width: 100%
}
.itemw2 {
	width: 50%
}
.itemw1 {
	width: 25%;
}
.itemw1 {
	width: 25%;
}
.smallprojects .itemw4 {
	width: 50%
}
.smallprojects .itemw2 {
	width: 25%
}
.smallprojects .itemw1 {
	width: 12.5%;
}
.smallprojects .itemw1 {
	width: 12.5%;
}
.parameter_box {
	pointer-events: none;
	position: absolute;
	bottom: 0;
	bottom: 0;
}
.projects_container_list {
	position: relative;
}
.projects_container_list .item_pk {
	display: block;
	cursor: pointer;
}
.projects_container_list .item_pk .item_image {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.projects_container_list .item_pk .item_image {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.projects_container_list .item_pk .item_hover {
	height: 100%;
	width: 100%;
	opacity: 0;
	-moz-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	position: absolute;
	top: 0;
}
.projects_container_list .item_pk .item_hover .item_title {
	font-size: 30px;
	font-family: 'BaiJamjuree-Bold';
	text-transform: uppercase;
	top: 50%;
	left: 0;
	position: absolute;
	width: 100%;
	padding: 60px;
	text-align: center;
	letter-spacing: .4px;
	opacity: 0;
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform: translate(0,-62%);
	-moz-transform: translate(0%,-62%);
	-o-transform: translate(0%,-62%);
	transform: translate(0%,-62%);
	transition-delay: 0.12s;
}
.projects_container_list .item_pk .item_hover .item_title.by_designer{
 height: 100%;
}
.main_menu {
	position: fixed;
	right: 170px;
	color: white;
	font-size: 15px;
	z-index: 15;
	text-transform: uppercase;
	top: 61px;
	opacity: 0;
	pointer-events: none;
	-moz-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
.fixed_header .main_menu {
	top: 18px;
}
.thanks_opened.fixed_header .main_menu {
	top: 61px;
}
.thanks_opened .main_menu, .thanks_opened .hamburger {
	opacity: 0 !important;
	pointer-events: none !important;
}
.main_menu.open {
	opacity: 1;
	pointer-events: auto;
	z-index: 10020;
}
.main_menu .main_menu_wrapper {

}
.main_menu .main_menu_wrapper nav {

}
.main_menu .main_menu_wrapper nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main_menu .main_menu_wrapper nav li {
	display: inline-block;
	padding: 0px 20px;
}
.main_menu .main_menu_wrapper nav li a {
	color: white;
	display: block;
	padding: 10px 0;
}

.main_menu.style_black .main_menu_wrapper nav li a {
	color: black
}

.hamburger.style_black .hamburger-inner, .hamburger.style_black .hamburger-inner::after, .hamburger.style_black .hamburger-inner::before {
	background-color: black;
}
.fixed_header  .main_menu.style_black .main_menu_wrapper nav li a {
	color: white
}

.fixed_header .hamburger.style_black .hamburger-inner, .fixed_header  .hamburger.style_black .hamburger-inner::after, .fixed_header .hamburger.style_black .hamburger-inner::before {
	background-color: white;
}
.main_menu .main_menu_wrapper nav li.active a {
	color: #4FC1C6;
	font-family: 'BaiJamjuree-Bold';
	color: white;
}

.fixed_header .main_menu .main_menu_wrapper nav li.active a {
	color: #4FC1C6;
	color: white;
	/* font-family: 'BaiJamjuree-Medium'; */
}

@media screen and (max-width: 767px) {
	.main_menu {
		left: 40px;
		right: 40px;
		top: 130px;
		width: auto;
	}

	.fixed_header .main_menu {
		top: 82px;
	}

	.main_menu .main_menu_wrapper nav li {
		display: block;
		padding: 0;
	}

	.main_menu .main_menu_wrapper nav li a {
		padding: 12px 0;
	}
}

.front {

	z-index: 1;
}
.close .image-holder {
	bottom: -535px;
}
.image-holder {
	position: absolute;
	margin: 0 auto;
	width: 615px;
	bottom: -341px;
	left: 50%;
	margin-left: -307px;
	height: 506px;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 1;
	pointer-events: auto;
}

.open .image-holder {
	bottom: 0;
	pointer-events: none;
}
.head-image, .circle {
	position: absolute;
	/* width: 960px; */
	/* background-color: white; */
}

.head-image {
	z-index: 0;
	opacity: 0;
}

.circle {
	z-index: 2;
}

.up {
	z-index: 1;
	opacity: 1
}
.head_container.close {
	height: auto;
}
.head_container {

}
#focus_point {
	width: 245px;
	height: 343px;
	position: absolute;
	z-index: 10;
	left: 50%;
	margin-left: -122.5px;
	top: 6%;
}
.about_section_container {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
	pointer-events: none;
}
.about_open .about_section_container {
	pointer-events: auto;
	z-index: 1;
	opacity: 1;
}
.image-holder.about-robotito-holder,
.close .image-holder.about-robotito-holder,
.open .image-holder.about-robotito-holder {
	bottom: 0;
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	transition: none;
	width: 100%;
	z-index: 2;
}
#focus_point.about-robotito-focus {
	bottom: 0;
	height: min(42vh, 380px);
	left: 50%;
	margin-left: 0;
	opacity: 0;
	pointer-events: none;
	top: auto;
	transform: translateX(-50%);
	width: clamp(210px, 24vw, 340px);
}
.about-robotito-stage {
	aspect-ratio: 306 / 368;
	bottom: 26px;
	left: 50%;
	opacity: .92;
	pointer-events: none;
	position: absolute;
	transform: translate3d(-50%, calc(100% - 128px), 0);
	transition: opacity .24s ease, transform 1.35s cubic-bezier(.4, 0, .2, 1);
	width: clamp(220px, 24vw, 340px);
	will-change: transform;
	z-index: 4;
}
.about-robotito-holder.is-awake .about-robotito-stage {
	opacity: 1;
	transform: translate3d(-50%, 0, 0);
}
.about-robotito-holder.is-avatar-hover .about-robotito-stage {
	cursor: pointer;
	pointer-events: auto;
}
.about-robotito-float {
	animation: proposalMascotIdle 3.2s ease-in-out infinite;
	height: 100%;
	width: 100%;
}
.about-robotito-canvas {
	display: block;
	filter: none;
	height: 100%;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	object-fit: contain;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.about-robotito-stage {
		bottom: 18px;
		transform: translate3d(-50%, calc(100% - 96px), 0);
		width: min(58vw, 230px);
	}
	.about-robotito-holder.is-awake .about-robotito-stage {
		transform: translate3d(-50%, 0, 0);
	}
}
.side_container {
	padding: 1px;
	width: calc(50% - 225px);
	left: 0;
	color: white;
	/* top: 26vh; */
	padding: 0 60px;
	font-size: 17px;
	line-height: 24px;
	pointer-events: none;
	float: left;
}
.page-template-template_about .side_container {
	padding: 0 46px;
	min-height: 100vh;
	display: flex;
	align-items: center;
}
.side_container.contact_container {
	float: right;
}
.side_container .side_container_wrapper {
	/* margin: auto; */
}
.side_container .side_container_wrapper h1, .side_container .side_container_wrapper p {

	pointer-events: auto;
}
.side_container .side_container_wrapper h1 {
	margin: 0;
	font-family: 'BaiJamjuree-Medium';
	color: #4FC1C6;
	/* color:white; */
	text-transform: uppercase;
	line-height: 55px;
	font-size: 22px;
	padding-bottom: 10px;
	min-height: 25px;
}
.side_container .side_container_wrapper .side_container_text {
	padding-top: 5px;
}
.side_container .side_container_wrapper .side_container_text strong {
	font-family: 'BaiJamjuree-Medium';
}
.side_container .side_container_wrapper .side_container_text h4 {
	font-family: 'BaiJamjuree-Medium';
	color: #4FC1C6;
	/* color:white; */
}
.side_container .side_container_wrapper .side_container_text p {
	margin: 31px 0px;
}
.side_container .side_container_wrapper .side_container_text p:first-child {
	/* margin-top: 0px; */
}
.side_container .side_container_wrapper .side_container_form {
}
.side_container .side_container_wrapper .side_container_form p {
	margin: 0;
}
.side_container .side_container_wrapper .side_container_form form {
}
.side_container .side_container_wrapper .side_container_form form label {
	font-size: 16px;
	pointer-events: auto;
	letter-spacing: .5px;
}
.side_container .side_container_wrapper .side_container_form form input {

}
.side_container .side_container_wrapper .side_container_form form textarea {

	resize: none;
	height: 60px;
}
.side_container .side_container_wrapper .side_container_form form input[type=text], .side_container .side_container_wrapper .side_container_form form input[type=email], .side_container .side_container_wrapper .side_container_form form textarea {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid white;
	color: white;
	font-family: 'BaiJamjuree-Regular';
	margin: 4px 0 3px 0;
	padding: 3px 0px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
}
.side_container .side_container_wrapper .side_container_form form input[type=submit] {
	border: 0;
	font-size: 14px;
	font-family: 'BaiJamjuree-Medium';
	text-transform: uppercase;
	padding: 5px 25px;
	margin-top: 44px;
	cursor: pointer;
	background: white;
}
.side_container_box {
	top: 50%;
	position: absolute;
	width: 100%;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	pointer-events: none;
}
.page-template-template_about .side_container_box {
	top: 0;
	height: 100vh;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
}
.page-template-template_about .side_container .side_container_wrapper {
	width: 100%;
}

@media screen and (max-width: 1180px) and (min-width: 761px) {
	.page-template-template_about .side_container {
		width: 50%;
	}
}

@media screen and (max-width: 760px) {
	body.page-template-template_about {
		overflow: auto;
	}

	.page-template-template_about .primary_about,
	.page-template-template_about .primary_about #main,
	.page-template-template_about .primary_about .page_content_container,
	.page-template-template_about .primary_about .page_content_container_wrapper,
	.page-template-template_about .primary_about .about_contact_module {
		height: auto;
		min-height: 100vh;
	}

	.page-template-template_about .side_container_box {
		position: relative;
		height: auto;
		min-height: 100vh;
		padding: 110px 34px 72px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 38px;
	}

	.page-template-template_about .side_container,
	.page-template-template_about .side_container.contact_container {
		width: 100%;
		min-height: 0;
		padding: 0;
		float: none;
		display: block;
	}

	.page-template-template_about .side_container .side_container_wrapper .side_container_text p {
		margin: 18px 0;
	}
}
.wpcf7-not-valid {

	border-color: red !important;
}
div.wpcf7-mail-sent-ok {
	color: #398f14;
}

div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
	color: #ff0000;
}

div.wpcf7-spam-blocked {
	color: #ffa500;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 15px !important;
	position: absolute;
	color: red;
}

span.wpcf7-not-valid-tip {
	display: none !important;
}
.item_pk_wrapper {
	/*	padding:4px; */
	height: 100%;
	width: 100%;
}
.snow_container {
	position: absolute;
	left: 0;
	height: calc(100vh + 20vw);
	width: 100%;
}
#snow {
	left: 0;
	width: 100%;
	height: 100%;
}
.website_mode_menu {
	display: inline-block;
	vertical-align: top;
	-webkit-transition: width 0.5s ease, padding .2s ease-in-out 0s;
	-moz-transition: width 0.5s ease, padding .2s ease-in-out 0s;
	-o-transition: width 0.5s ease, padding .2s ease-in-out 0s;
	transition: width 0.5s ease, padding .2s ease-in-out 0s;
	position: relative;
	height: 92px;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
}

.website_mode_menu .website_mode_list {
	padding-left: 7px;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	width: 800px;
}
#masthead .header_wrapper  .website_mode_menu .website_mode_list a {
	display: inline-block;
	margin: 0px 8px;
	width: 38px;
	opacity: .5;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	height: auto;
}
#masthead .header_wrapper  .website_mode_menu .website_mode_list a {
	position: relative;
}

#masthead .header_wrapper  .website_mode_menu .website_mode_list a.selected:after {
	width: 100%;
	content: '';
	height: 2px;
	background-color: white;
	position: absolute;
	display: block;
	bottom: -11px;
}
.website_mode_menu .website_mode_list a img,
.website_mode_menu .website_mode_list a svg {
	display: block;
	height: auto;
	width: 100%;
}

.website_mode_menu_action {
	width: 30px;
	height: 32px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	cursor: pointer;
	padding: 0px 8px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
}

.website_mode_menu_action .website_mode_menu_action_wrapper {
	display: block;
	top: 50%;
	margin-top: -2px;
	position: relative;
	background: transparent;
	height: 1px;
}
.website_mode_menu_action .website_mode_menu_action_wrapper::before, .website_mode_menu_action .website_mode_menu_action_wrapper::after {
	width: 15px;
	height: 1px;
	background-color: white;
	border-radius: 1px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.website_mode_menu_action .website_mode_menu_action_wrapper::before, .website_mode_menu_action .website_mode_menu_action_wrapper::after {
	content: "";
	display: block;
}
.website_mode_menu_action .website_mode_menu_action_wrapper::before {
	top: -1.5px;
	transform: rotate(45deg);
}
.website_mode_menu_action .website_mode_menu_action_wrapper::after {
	bottom: -8.5px;
	transform: rotate(-45deg);
}
.website_mode_menu_action.open .website_mode_menu_action_wrapper::before {
	top: 3.5px;
	transform: rotate(45deg);
}
.website_mode_menu_action.open .website_mode_menu_action_wrapper::after {
	bottom: -3.5px;
	transform: rotate(-45deg);
}
.website_mode_container {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 101px;
	padding-top: 30px;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
#pad {
	position: fixed;
	width: 500px;
	/* margin: 180px auto 40px; */
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translate(-100%,0%);
	-moz-transform: translate(-100%,0%);
	-o-transform: translate(-100%,0%);
	transform: translate(-100%,0%);
	z-index: 1000;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	overflow: auto;
}
#pad.open {
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
}
#note {
	font: normal 14px 'BaiJamjuree-Regular', cursive;
	line-height: 17px;
	color: #444;
	display: block;
	border: none;
	width: 100%;
	overflow: hidden;
	resize: none;
	outline: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	padding: 0px 10px 0px 35px;
	background: url(images/notes/notes.png) repeat;
}
.mockup-wrapper {
	padding: 40px 0;
	height: 100%;
}
.fs-project-home-layout {
	align-items: center;
	background: var(--fs-project-home-bg, #f4f4f4);
	box-sizing: border-box;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	padding: clamp(78px, 8vh, 112px) 5vw clamp(118px, 14vh, 170px);
	position: relative;
	width: 100%;
}
.fs-project-home-layout-media {
	align-items: center;
	display: flex;
	height: min(72vh, 820px);
	justify-content: center;
	max-width: 1500px;
	position: relative;
	width: min(84vw, 1500px);
}
.fs-project-home-layout-media img,
.fs-project-home-layout-media video {
	display: block;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}
.fs-project-home-layout-media video {
	pointer-events: none;
}
.fs-project-home-layout-media .fs-project-mockup-placeholder {
	display: none;
}
.fs-project-home-layout.fs-project-home-layout-media-cover {
	padding: 0;
}
.fs-project-home-layout-media-cover .fs-project-home-layout-media {
	height: 100%;
	max-width: none;
	width: 100%;
}
.fs-project-home-layout-media-cover .fs-project-home-layout-media img,
.fs-project-home-layout-media-cover .fs-project-home-layout-media video {
	height: 100%;
	max-height: none;
	max-width: none;
	object-fit: cover;
	width: 100%;
}
/* Legacy device class names are kept because project cookies/admin fields use them. */
.desktop-wrapper,
.laptop-wrapper,
.ipad-wrapper,
.zenfone-wrapper,
.iphone5-wrapper {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: move;
	position: absolute;
}

.desktop-wrapper::after,
.laptop-wrapper::after,
.ipad-wrapper::after,
.zenfone-wrapper::after,
.iphone5-wrapper::after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 10;
}

.desktop-wrapper {
	background-image: url(images/interactive-mockups/imac.png);
	left: 18.5vw;
	top: 4.9vw;
	width: 39vw;
	height: 32.95vw;
	z-index: 1;
}

.desktop-wrapper::after {
	background-image: url(images/interactive-mockups/imac.png);
}

.desktop-wrapper .frame,
.laptop-inner .frame,
.ipad-inner .frame,
.zenfone-inner .frame,
.iphone5-inner .frame {
	border: none;
	left: 0;
	position: relative;
	top: 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}

.desktop-wrapper .frame {
	width: 100vw;
	height: 56.25vw;
	-webkit-transform: scale(.368);
	-moz-transform: scale(.368);
	-o-transform: scale(.368);
	transform: scale(.368);
}
.desktop-inner {
	width: 36.8vw;
	height: 20.7vw;
	margin-left: 1.1vw;
	margin-top: 1.05vw;
	position: relative;
	overflow: hidden;
	border-radius: .08vw;
	z-index: 1;
}

.no_iframe .frame_container {/* cursor: pointer; */
}
.frame_container {
	background-color: black;
	background-position: top center;
	background-size: 100% auto;
	cursor: auto;
}
.no_iframe.loading .frame_container {

	cursor: progress;
}
.desktop-inner  .frame_container {
	background-color: black;
}
.frame_container {
	position: relative;
	height: 100%;
}
.laptop-wrapper {
	background-image: url(images/interactive-mockups/macbook-pro.png);
	left: 48vw;
	top: 6.2vw;
	width: 41vw;
	height: 41vw;
	z-index: 2;
}

.laptop-wrapper::after {
	background-image: url(images/interactive-mockups/macbook-pro.png);
}

.laptop-inner {
	width: 30.8vw;
	height: 19.2vw;
	margin-left: 5.1vw;
	margin-top: 8.98vw;
	position: relative;
	overflow: hidden;
	border-radius: .28vw .28vw .08vw .08vw;
	z-index: 1;
}

.laptop-inner  .frame_container {
	background-color: black;
}
.laptop-inner .frame {
	width: 75vw;
	height: 46.875vw;
	-webkit-transform: scale(.416);
	-moz-transform: scale(.416);
	-o-transform: scale(.416);
	transform: scale(.416);
}

.zenfone-wrapper {
	background-image: url(images/interactive-mockups/iphone-17-pro-silver.png);
	left: 21.7vw;
	top: 24vw;
	width: 8.75vw;
	height: 18.23vw;
	z-index: 4;
}

.zenfone-wrapper::after {
	background-image: url(images/interactive-mockups/iphone-17-pro-silver.png);
}

.zenfone-inner {
	--fs-hero-phone-safe-area-bg: #fff;
	--fs-hero-phone-safe-area-top: 8.2%;
	--fs-hero-phone-safe-area-top-offset: 1.41vw;
	width: 7.95vw;
	height: 17.23vw;
	margin-left: .398vw;
	margin-top: .346vw;
	position: relative;
	overflow: hidden;
	border-radius: .72vw;
	z-index: 1;
}

.zenfone-inner  .frame_container {
	background-color: var(--fs-hero-phone-safe-area-bg, #fff);
	background-position: center var(--fs-hero-phone-safe-area-top-offset);
	background-repeat: no-repeat;
}
.zenfone-inner .frame {
	top: var(--fs-hero-phone-safe-area-top);
	width: 22.396vw;
	height: 48.542vw;
	-webkit-transform: scale(.355);
	-moz-transform: scale(.355);
	-o-transform: scale(.355);
	transform: scale(.355);
}

.iphone5-wrapper {
	background-image: url(images/interactive-mockups/iphone-13-mini.png);
	left: 82.8vw;
	top: 26.1vw;
	width: 7.45vw;
	height: 14.38vw;
	z-index: 5;
}

.iphone5-wrapper::after {
	background-image: url(images/interactive-mockups/iphone-13-mini.png);
}

.iphone5-inner {
	--fs-hero-phone-safe-area-bg: #fff;
	--fs-hero-phone-safe-area-top: 8.2%;
	--fs-hero-phone-safe-area-top-offset: 1.16vw;
	width: 6.25vw;
	height: 13.88vw;
	margin-left: .65vw;
	margin-top: .1vw;
	position: relative;
	overflow: hidden;
	border-radius: .58vw;
	z-index: 1;
}

.iphone5-inner  .frame_container {
	background-color: var(--fs-hero-phone-safe-area-bg, #fff);
	background-position: center var(--fs-hero-phone-safe-area-top-offset);
	background-repeat: no-repeat;
}
.iphone5-inner .frame {
	top: var(--fs-hero-phone-safe-area-top);
	width: 19.531vw;
	height: 42.292vw;
	-webkit-transform: scale(.3354);
	-moz-transform: scale(.3354);
	-o-transform: scale(.3354);
	transform: scale(.3354);
}
.ipad-wrapper {
	background-image: url(images/interactive-mockups/ipad-pro-12-9.png);
	left: 8vw;
	top: 17.8vw;
	width: 15.2vw;
	height: 19.65vw;
	z-index: 3;
}

.ipad-wrapper::after {
	background-image: url(images/interactive-mockups/ipad-pro-12-9.png);
}

.ipad-inner {
	width: 13.75vw;
	height: 18.33vw;
	margin-left: .72vw;
	margin-top: .64vw;
	position: relative;
	overflow: hidden;
	border-radius: .42vw;
	z-index: 1;
}

.ipad-inner  .frame_container {
	background-color: black;
}
.ipad-inner .frame {
	width: 53.333vw;
	height: 71.111vw;
	-webkit-transform: scale(.258);
	-moz-transform: scale(.258);
	-o-transform: scale(.258);
	transform: scale(.258);
}
.sk-cube-grid {
	width: 60px;
	height: 60px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0px 0 -30px;
}
.frame {
	background: white;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.loaded .frame {
	opacity: 1;
}

.device_menu_container {
	position: absolute;
	/* width: 300px; */
	/* height: 103px; */
	z-index: 1;
	right: 25px;
	bottom: 55px;
}
.device_menu_container .device_menu {
}
.device_menu_container .device_menu .device_menu_item {
	cursor: pointer;
	display: inline-block;
	margin: 0px 3px;
}
.device_menu_container .device_menu .device_menu_item img {
	max-width: 100%;
	display: block;
	opacity: .2;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.device_menu_container .device_menu .device_menu_item:hover img {
	opacity: .8
}
.device_menu_container .device_menu .device_menu_item.active img {
	opacity: 1
}

.device_menu_container .device_menu .device_menu_item[device=desktop] {

}
.device_menu_container .device_menu .device_menu_item[device=laptop] {

}
.device_menu_container .device_menu .device_menu_item[device=ipad] {

}
.device_menu_container .device_menu .device_menu_item[device=zenfone] {

}
.device_menu_container .device_menu .device_menu_item[device=iphone5] {

}

.device_menu_container .device_menu .device_menu_item[device=desktop] img {
}
.device_menu_container .device_menu .device_menu_item[device=laptop] img {
}
.device_menu_container .device_menu .device_menu_item[device=ipad] img {
}
.device_menu_container .device_menu .device_menu_item[device=zenfone] img {
}
.device_menu_container .device_menu .device_menu_item[device=iphone5] img {
}
.related_projects_container {
	background-color: white;
	padding: 60px 30px 0px 30px;
}
.related_projects_container .related_projects_container_wrapper {
}
.related_projects_container .related_projects_container_wrapper h2 {
	margin: 0;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 100px;
	line-height: 50px;
}
.related_projects_container_list {
	padding: 30px 0px 0px 0px;
}
.related_projects_container_list .related_project {
	display: block;
	padding: 30px 30px 0px 30px;
	width: 33.33%;
	float: left;
}
.related_projects_container_list .related_project .related_project_wrapper {
	height: 100%;
}
.related_projects_container_list .related_project .related_project_wrapper .related_project_image {
	height: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}
.related_projects_container_list .related_project .related_project_wrapper .related_project_image .related_project_hover {
	height: 100%;
	width: 100%;
	opacity: 0;
	-moz-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	position: absolute;
	top: 0;
}
.related_projects_container_list .related_project .related_project_wrapper .related_project_image .related_project_hover .related_project_title {
	font-size: 30px;
	font-family: 'BaiJamjuree-Bold';
	text-transform: uppercase;
	height: 100%;
}
.related_projects_container_list .related_project .related_project_wrapper .related_project_image .related_project_hover .related_project_title .logo_img {
	height: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	text-align: center;
	letter-spacing: .4px;
	opacity: 0;
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform: translate(-50%,-62%);
	-moz-transform: translate(-50%,-62%);
	-o-transform: translate(-50%,-62%);
	transform: translate(-50%,-62%);
	transition-delay: 0.12s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#interactive_mockup {
	position: relative;
	height: 100vh;
	overflow: hidden;
	min-height: 48vw;
}
#project_title {
	position: absolute;
	bottom: 0;
	padding: 2VW 60PX;
	font-family: 'BaiJamjuree-Bold';
	font-size: 70px;
	margin: 0;
	line-height: 70px;
	font-size: 3.6458vw;
	line-height: 3.6458vw;
	color: white;
}
#project_title.style_black {
	color: black
}
.frame_hover_container {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default;
}
.frame_hover_container .frame_hover_container_bk {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);
}
.loading .frame_hover_container .frame_hover_container_bk {
	opacity: .9
}
.frame_hover_container .frame_hover_container_wrapper {
	position: relative;
	height: 100%;
}
.frame_hover_container .frame_hover_container_wrapper .loading_website_icon {
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition-delay: .2s
}
.loading .frame_hover_container .frame_hover_container_wrapper .loading_website_icon {
	opacity: 1;
}
.frame_hover_container .frame_hover_container_wrapper .loading_website_icon:after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.196vw;
	height: 2.196vw;
	margin-top: -1.098vw;
	margin-left: -1.098vw;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,.4);
	border-top-color: white;
	animation: spinner 1s linear infinite;
	transform-origin: center center;
}

.frame_hover_container .frame_hover_container_wrapper button {
	background-color: white;
	border: none;
	font-family: 'BaiJamjuree-Light';
	font-size: 0.833vw;
	padding: 0.439vw 0.732vw;
	cursor: pointer;
	left: 50%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-62%);
	-moz-transform: translate(-50%,-62%);
	-o-transform: translate(-50%,-62%);
	transform: translate(-50%,-62%);
	opacity: 1;
	max-width: 90%;
	display: block;
	width: 191px;
	opacity: 0;
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	/* border: 1px solid black; */
}
.loading .frame_hover_container .frame_hover_container_wrapper button {
	opacity: 0;
	pointer-events: none;
}
.zenfone-inner .frame_hover_container .frame_hover_container_wrapper button, .iphone5-inner .frame_hover_container .frame_hover_container_wrapper button {
	font-size: 0.729166667vw;
	letter-spacing: 0;
	padding: 0.439vw 0.439vw;
}
@keyframes spinner {
to {
	transform: rotate(360deg);
}
}

.project_images_container {
}
.project_images_container img {
	display: block;
	width: 100%;
	pointer-events: none;
}
.mockup-zoom {
	position: absolute;
	width: 100%;
	height: 48vw;
	top: 50%;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
@media screen and (max-width: 767px) {
	.mockup-zoom {
		top: 49%;
		-webkit-transform: translate(0%,-50%) scale(2.32);
		-moz-transform: translate(0%,-50%) scale(2.32);
		-o-transform: translate(0%,-50%) scale(2.32);
		transform: translate(0%,-50%) scale(2.32);
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	.laptop-wrapper {
		left: 42vw;
	}
	.ipad-wrapper {
		left: 18vw;
	}
	.zenfone-wrapper {
		left: 30vw;
	}
	.iphone5-wrapper {
		left: 72vw;
	}
}
.project_content_container {
	padding: 74px 60px 3vw 60px;
	min-height: 48.5vw;
	position: relative;
	display: table;
	width: 100%;
}
.project_content_container_has_side_mockup {
	background-color: var(--fs-project-content-bg, transparent);
}
.project_content_container .project_content_wrapper {
	height: 100%;
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.project_content_container .project_content_wrapper .project_content_text {
	width: 45vw;
	position: relative;
	float: right;
	font-size: 1.31vw;
	letter-spacing: 0.0512vw;
	line-height: 2.12vw;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.fs-project-mockup-catalog-mode #interactive_mockup,
.fs-project-mockup-catalog-mode .project_content_image,
.fs-project-mockup-catalog-mode .project_images_container,
.fs-project-mockup-catalog-mode .related_projects_container {
	display: none;
}

.fs-project-mockup-catalog-mode .project_content_container {
	display: block;
	min-height: 0;
	padding: 120px 60px 80px;
}

.fs-project-mockup-catalog-mode .project_content_container .project_content_wrapper {
	display: block;
}

.fs-project-mockup-catalog-mode .project_content_container .project_content_wrapper .project_content_text {
	display: block;
	float: none;
	font-size: 16px;
	height: auto;
	letter-spacing: .02em;
	line-height: 25px;
	margin: 0 auto;
	max-width: 880px;
	width: calc(100% - 40px);
}

.fs-project-mockup-catalog-mode .project_content_footer {
	padding-bottom: 0;
}
.project_content_container .project_content_wrapper .project_content_body {
}
.project_content_container .project_content_wrapper .project_content_body p {
	margin-top: 0;
}
.project_content_container .project_content_wrapper .project_content_body a{
	text-decoration:underline
	
}
.project_content_footer {
	padding: 3vw 0 1vw 0;
}
.project_content_footer .go_to_website_btn {
	background-color: black;
	color: white;
	padding:        .5vw 1.5vw;
	font-family: 'BaiJamjuree-Bold';
	font-size: 1.2vw;
	display: inline-block;
	border: 2px solid black;
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
}
.designed_by_container {
	float: right;
	line-height: 3vw;
}
.designed_by_container label {
	font-family: 'BaiJamjuree-Bold';
	font-size: 1.2vw;
}
.designed_by_container .designed_by {
	display: inline-block;
}
.designed_by_container .designed_by img {
	width: 9vw
}
.designed_by_container .designed_by#logo_uffa img {
	width: 3vw;
	vertical-align: middle;
}
.designed_by_container .designed_by#logo_sociedad-anonima img {
	width: 2.5vw;
	vertical-align: middle;
}
.designed_by_container .designed_by#logo_mvz img {
	width: 3.5vw;
	vertical-align: middle;
}

.project_details {
	padding-top: 1.3vw;
}
.project_details .project_year {
	display: inline-block;
	padding-right: 5vw;
}
.project_details .project_year label {
}
.project_details .project_region {
	display: inline-block;
}
.project_details .project_region label {
}
.project_content_image {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 71vw;
	pointer-events: none;
}
.project_content_image_container {
	height: 100%;
	position: relative;
}
.project_content_image_container img {
	width: 100%;
	position: absolute;
	display: block;
	top: 50%;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.project_image_type_1 .project_content_image_container img {
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
	pointer-events: none;
}
.project_image_type_3 .project_content_image_container img {
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
	pointer-events: none;
}
.project_image_type_4 .project_content_image_container img {
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
	pointer-events: none;
}
.project_image_type_5 .project_content_image_container img {
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
	pointer-events: none;
}

.project_image_type_2 .project_content_image_container {

}
.project_image_type_2 .project_content_image_container img {

}
.project_content_image_wrapper {
	height: 100%;
	padding-right: 26vw;
}
.project_image_type_2  .project_content_image_wrapper {
	padding-right: 23vw;
	padding-left: 8vw;
}
.project_image_type_3  .project_content_image_wrapper {
	padding-right: 23vw;
	padding-left: 9vw;
}
.project_image_type_4  .project_content_image_wrapper {
	padding-right: 19vw;
	padding-left: 5vw;
}
.project_image_type_5  .project_content_image_wrapper {
	padding-right: 33vw;
	padding-left: 9vw;
}
.project_content_image_has_side_mockup .project_content_image_wrapper {
	position: relative;
}
.project_content_image_has_side_mockup.project_side_mockup_layout_hand-phone,
.project_content_image_has_side_mockup.project_side_mockup_layout_hand-phone .project_content_image_wrapper,
.project_content_image_has_side_mockup.project_side_mockup_layout_hand-phone .fs-side-mockup-compare {
	overflow: hidden;
}
.project_content_image_has_side_mockup .fs-side-mockup-compare {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.project_content_image_has_side_mockup .project_content_image_container.project_content_image_original {
	height: 100%;
	opacity: 1;
	position: relative;
	z-index: 1;
}
.project_content_image_has_side_mockup.project_side_mockup_layout_centered-phone .project_content_image_container.project_content_image_original,
.project_content_image_has_side_mockup.project_side_mockup_layout_floating-tablet .project_content_image_container.project_content_image_original,
.project_content_image_has_side_mockup.project_side_mockup_layout_hand-phone .project_content_image_container.project_content_image_original,
.project_content_image_has_side_mockup.project_side_mockup_layout_side-imac .project_content_image_container.project_content_image_original,
.project_content_image_has_side_mockup.project_side_mockup_layout_side-laptop-wide .project_content_image_container.project_content_image_original,
.project_content_image_has_side_mockup.project_side_mockup_layout_side-laptop-close .project_content_image_container.project_content_image_original,
.project_content_image_has_side_mockup.project_side_mockup_layout_side-laptop-float .project_content_image_container.project_content_image_original,
.project_content_image_has_side_mockup.project_side_mockup_layout_standing-card .project_content_image_container.project_content_image_original {
	display: none;
}
.project_content_image_has_side_mockup.project_image_type_2 .fs-side-mockup-compare {
	left: 8vw;
	width: calc(100% - 31vw);
}
.project_content_image_has_side_mockup.project_image_type_3 .fs-side-mockup-compare {
	left: 9vw;
	width: calc(100% - 32vw);
}
.project_content_image_has_side_mockup.project_image_type_4 .fs-side-mockup-compare {
	left: 5vw;
	width: calc(100% - 24vw);
}
.project_content_image_has_side_mockup.project_image_type_5 .fs-side-mockup-compare {
	left: 9vw;
	width: calc(100% - 42vw);
}
.project_content_image_has_side_mockup .project_content_image_container.project_content_image_original img {
	display: block;
	height: auto;
	max-width: none;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.project_content_image_has_side_mockup.project_image_type_1 .project_content_image_container.project_content_image_original img,
.project_content_image_has_side_mockup.project_image_type_3 .project_content_image_container.project_content_image_original img,
.project_content_image_has_side_mockup.project_image_type_4 .project_content_image_container.project_content_image_original img,
.project_content_image_has_side_mockup.project_image_type_5 .project_content_image_container.project_content_image_original img {
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	transform: translate(0%,0%);
	pointer-events: none;
}

@media screen and (max-width: 760px) {
	.project_content_container {
		background-color: var(--fs-project-content-bg, transparent);
		display: block;
		min-height: 0;
		padding: 0;
	}

	.project_content_container .project_content_wrapper {
		display: block;
		height: auto;
	}

	.project_content_container .project_content_wrapper .project_content_text {
		box-sizing: border-box;
		display: block;
		float: none;
		font-size: 16px;
		height: auto;
		letter-spacing: .01em;
		line-height: 24px;
		padding: 34px 34px 56px;
		width: 100%;
	}

	.project_content_image {
		height: auto;
		min-height: 0;
		position: relative;
		width: 100%;
	}

	.project_content_image_wrapper,
	.project_image_type_2 .project_content_image_wrapper,
	.project_image_type_3 .project_content_image_wrapper,
	.project_image_type_4 .project_content_image_wrapper,
	.project_image_type_5 .project_content_image_wrapper {
		height: auto;
		padding: 34px 0 24px;
	}

	.project_content_image_has_side_mockup .fs-side-mockup-compare,
	.project_content_image_has_side_mockup.project_image_type_2 .fs-side-mockup-compare,
	.project_content_image_has_side_mockup.project_image_type_3 .fs-side-mockup-compare,
	.project_content_image_has_side_mockup.project_image_type_4 .fs-side-mockup-compare,
	.project_content_image_has_side_mockup.project_image_type_5 .fs-side-mockup-compare {
		height: clamp(260px, 76vw, 420px);
		left: auto;
		margin: 0 auto;
		position: relative;
		top: auto;
		width: min(100%, 520px);
	}

	.project_content_footer {
		padding: 22px 0 0;
	}

	.project_content_footer .go_to_website_btn {
		font-size: 14px;
		padding: 12px 18px;
	}

	.project_details {
		font-size: 14px;
		line-height: 22px;
		padding-top: 20px;
	}

	.project_details .project_year,
	.project_details .project_region {
		display: block;
		padding-right: 0;
	}
}

.fs-side-mockup-stage,
.fs-side-phone-device,
.fs-side-tablet-device,
.fs-side-hand-phone-device,
.fs-side-imac-device,
.fs-side-laptop-device {
	position: absolute;
}
.fs-side-mockup-stage {
	inset: 0;
}
.fs-side-device-frame {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.fs-side-screen-media,
.fs-side-screen-media img,
.fs-side-screen-media video {
	height: 100%;
	width: 100%;
}
.fs-side-screen-media {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}
.fs-side-screen-media img,
.fs-side-screen-media video {
	display: block;
	object-fit: cover;
}
.fs-side-phone-device {
	aspect-ratio: 1758 / 3664;
	filter: drop-shadow(-1.05vw 1vw .85vw rgba(0,0,0,.38)) drop-shadow(-2.1vw 1.4vw 1.8vw rgba(0,0,0,.18));
	height: 76.5%;
	left: 52.9%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.fs-side-phone-screen {
	--fs-iphone-safe-area-bg: #fff;
	--fs-iphone-safe-area-top: 8.2%;
	background: black;
	border-radius: 9.1% / 4.2%;
	height: 96.1%;
	left: 4.55%;
	overflow: hidden;
	position: absolute;
	top: 1.9%;
	width: 90.9%;
	z-index: 1;
}
.fs-side-mockup-hand-phone .fs-side-mockup-stage {
	overflow: hidden;
}
.fs-side-hand-phone-device {
	aspect-ratio: 2580 / 4329;
	bottom: -12%;
	height: 104%;
	left: 48%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0) rotate(45deg);
	z-index: 2;
}
.fs-side-hand-phone-screen {
	--fs-iphone-safe-area-bg: #fff;
	--fs-iphone-safe-area-top: 8.6%;
	background: black;
	border-radius: 9.4% / 4.5%;
	height: 52.1%;
	left: 11.5%;
	overflow: hidden;
	position: absolute;
	top: 15.04%;
	width: 40.7%;
	z-index: 1;
	transform: rotate(-0.6deg);
}
.fs-side-hand-phone-frame {
	z-index: 3;
}
.fs-side-mockup-hand-phone .fs-side-screen-media img,
.fs-side-mockup-hand-phone .fs-side-screen-media video {
	object-fit: cover;
}
.fs-side-mockup-side-imac .fs-side-mockup-stage {
	overflow: visible;
}
.fs-side-imac-device {
	aspect-ratio: 1500 / 1368;
	height: 69%;
	left: 40%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}
.fs-side-imac-screen {
	--fs-side-imac-screen-transform: matrix3d(0.6541224,-0.2627387,0,-0.0004805,-0.1331572,0.6852131,0,-0.0000773,0,0,1,0,57.711331,119.70512,0,1);
	--fs-side-tablet-radius: 0px;
	height: 66.959%;
	left: 17.467%;
	overflow: hidden;
	position: absolute;
	top: 5.482%;
	-webkit-transform: var(--fs-side-imac-screen-transform);
	-moz-transform: var(--fs-side-imac-screen-transform);
	-o-transform: var(--fs-side-imac-screen-transform);
	transform: var(--fs-side-imac-screen-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 64.933%;
	z-index: 1;
}
.fs-side-imac-frame {
	z-index: 3;
}
.fs-side-imac-reference {
	left: 0;
	opacity: .55;
	pointer-events: none;
	position: absolute;
	top: calc(100% + 1.2vw);
	width: 100%;
	z-index: 5;
}
.fs-side-imac-reference img {
	display: block;
	height: auto;
	width: 100%;
}
.fs-side-mockup-side-imac .fs-side-screen-media img,
.fs-side-mockup-side-imac .fs-side-screen-media video {
	object-fit: cover;
}
.fs-side-mockup-side-laptop .fs-side-mockup-stage {
	overflow: visible;
}
.fs-side-laptop-device {
	z-index: 2;
}
.fs-side-mockup-side-laptop-wide .fs-side-laptop-device {
	aspect-ratio: 3681 / 3705;
	height: 77%;
	left: 36%;
	top: 44%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.fs-side-mockup-side-laptop-close .fs-side-laptop-device {
	aspect-ratio: 3900 / 3454;
	height: 66%;
	left: 37%;
	top: 45%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.fs-side-mockup-side-laptop-float .fs-side-laptop-device {
	aspect-ratio: 1223 / 875;
	height: 63%;
	left: 33%;
	top: 43%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.fs-side-laptop-screen {
	--fs-side-laptop-screen-transform: matrix3d(0.9294805,0.2658565,0,-0.0001139,-0.0898166,0.7616358,0,0.000065,0,0,1,0,48.9256,-20.22096,0,1);
	background: #fff;
	overflow: hidden;
	position: absolute;
	-webkit-transform: var(--fs-side-laptop-screen-transform);
	-moz-transform: var(--fs-side-laptop-screen-transform);
	-o-transform: var(--fs-side-laptop-screen-transform);
	transform: var(--fs-side-laptop-screen-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 1;
}
.fs-side-mockup-side-laptop-wide .fs-side-laptop-screen {
	height: 57.5%;
	left: 27.9%;
	top: 4.1%;
	width: 64.6%;
}
.fs-side-mockup-side-laptop-close .fs-side-laptop-screen {
	--fs-side-laptop-screen-transform: matrix3d(0.8902068,-0.1344145,0,-0.0000635,0.184998,0.9909735,0,0.000035,0,0,1,0,15.6897,51.204,0,1);
	height: 58%;
	left: 9.8%;
	top: 9.4%;
	width: 82.8%;
}
.fs-side-mockup-side-laptop-float .fs-side-laptop-screen {
	--fs-side-laptop-screen-transform: matrix3d(0.8020128,-0.3505748,0,0.0000602,0.2545795,0.6148524,0,-0.000006,0,0,1,0,-0.8671875,196.3203125,0,1);
	height: 87.5%;
	left: 3.05%;
	top: 4.8%;
	width: 68.5%;
	z-index: 4;
}
.fs-side-laptop-frame {
	z-index: 3;
}
.fs-side-laptop-shadow {
		background: linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.03) 58%, rgba(0,0,0,.08) 100%);
		filter: blur(.55vw);
		height: 11%;
		opacity: .84;
		position: absolute;
		-webkit-transform: var(--fs-side-laptop-shadow-transform);
		-moz-transform: var(--fs-side-laptop-shadow-transform);
		-o-transform: var(--fs-side-laptop-shadow-transform);
		transform: var(--fs-side-laptop-shadow-transform);
		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
		width: 65%;
		z-index: 0;
}
.fs-side-mockup-side-laptop-wide .fs-side-laptop-shadow {
	left: 18%;
	top: 78%;
	width: 62%;
}
.fs-side-mockup-side-laptop-close .fs-side-laptop-shadow {
	left: 12%;
	top: 76%;
	width: 65%;
}
.fs-side-mockup-side-laptop-float .fs-side-laptop-shadow {
	--fs-side-laptop-shadow-transform: matrix3d(0.6572885,-0.1559835,0,-0.0001179,4.1064444,2.4214915,0,0.0044535,0,0,1,0,-19.8671875,207.3203125,0,1);
	height: 10%;
	left: 10%;
	top: 82%;
	width: 82%;
}
.fs-side-mockup-side-laptop .fs-side-screen-media img,
.fs-side-mockup-side-laptop .fs-side-screen-media video {
	object-fit: cover;
}
.fs-side-mockup-standing-card .fs-side-mockup-stage {
	overflow: visible;
	perspective: 80vw;
}
.fs-side-card-scene {
	aspect-ratio: 1.12 / 1;
	height: 82%;
	left: 50%;
	max-height: 37vw;
	max-width: 92%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
}
.fs-side-page-card {
	--fs-side-card-depth: .520833vw;
	--fs-side-card-top-depth: .286458vw;
	--fs-side-card-edge-cut: .130208vw;
	--fs-side-card-transform: matrix3d(0.7545665,0.0689248,0,-0.000162,0.00159,0.739918,0,-0.0000048,0,0,1,0,-39.59375,107.40625,0,1);
	aspect-ratio: 428 / 926;
	filter: none;
	height: 76.5%;
	left: 5.4%;
	position: absolute;
	top: 12%;
	-webkit-transform: var(--fs-side-card-transform);
	-moz-transform: var(--fs-side-card-transform);
	-o-transform: var(--fs-side-card-transform);
	transform: var(--fs-side-card-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index: 4;
}
.fs-side-page-card-front {
	left: 5.339%;
	top: 12.03%;
	z-index: 5;
}
.fs-side-page-card-middle {
	left: 29.557%;
	top: 7.197%;
	z-index: 4;
}
.fs-side-page-card-back {
	left: 53.516%;
	top: 2.793%;
	z-index: 3;
}
.fs-side-page-card-middle .fs-side-page-card-face {
	opacity: 1;
}
.fs-side-page-card-face {
	background: var(--fs-side-card-bg, #fff);
	box-sizing: border-box;
	height: 100%;
	left: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	box-shadow: inset -.052083vw 0 0 rgba(0,0,0,.045), inset 0 .052083vw 0 rgba(255,255,255,.25);
	z-index: 3;
}
.fs-side-page-card-flat-color {
	background: var(--fs-side-card-bg, #fff);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.fs-side-page-card-edge {
	background: var(--fs-side-card-bg, #fff);
	display: block;
	position: absolute;
	z-index: 1;
}
.fs-side-page-card-edge-right {
	height: 100%;
	left: 100%;
	top: 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-side-card-edge-cut)), 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-side-card-edge-cut)), 0 100%);
	-webkit-transform: skewY(5deg);
	-moz-transform: skewY(5deg);
	-o-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: var(--fs-side-card-depth);
	box-shadow: inset .364583vw 0 .520833vw rgba(0,0,0,.28), inset -.052083vw 0 .052083vw rgba(255,255,255,.18);
}
.fs-side-page-card-edge-top {
	height: var(--fs-side-card-top-depth);
	left: 0;
	top: calc(var(--fs-side-card-top-depth) * -1);
	-webkit-clip-path: polygon(var(--fs-side-card-edge-cut) 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(var(--fs-side-card-edge-cut) 0, 100% 0, 100% 100%, 0 100%);
	-webkit-transform: skewX(5deg);
	-moz-transform: skewX(5deg);
	-o-transform: skewX(5deg);
	transform: skewX(5deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	width: calc(100% + var(--fs-side-card-depth));
	box-shadow: inset 0 -.260417vw .416667vw rgba(0,0,0,.19), inset 0 .052083vw .052083vw rgba(255,255,255,.3);
		top: -.23vw;
}
.fs-side-card-shadow {
	background: radial-gradient(ellipse at center, rgba(0,0,0,.34) 0%, rgba(0,0,0,.2) 36%, rgba(0,0,0,0) 72%);
	filter: blur(.3125vw);
	height: 8.6%;
	left: -2%;
	opacity: 1;
	position: absolute;
	top: 96%;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	width: 106%;
	z-index: 0;
}
.fs-side-card-shadow:before {
	background: radial-gradient(ellipse at center, rgba(0,0,0,.22) 0%, rgba(0,0,0,.12) 35%, rgba(0,0,0,0) 70%);
	content: "";
	height: 140%;
	left: -10%;
	position: absolute;
	top: -82%;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	transform: rotate(-8deg);
	width: 86%;
}
.fs-side-page-card-media {
	height: 100%;
	left: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.fs-side-page-card-media img,
.fs-side-page-card-media video {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.fs-side-page-card[data-fs-card-perspective="editor"] {
	filter: none;
}
.fs-side-page-card[data-fs-card-perspective="editor"] .fs-side-page-card-face {
	background: transparent;
}
.fs-side-page-card[data-fs-card-perspective="editor"] .fs-side-page-card-face > *,
.fs-side-page-card[data-fs-card-perspective="editor"] .fs-side-page-card-edge,
.fs-side-mockup-standing-card:has(.fs-side-page-card[data-fs-card-perspective="editor"]) .fs-side-card-shadow {
	display: none;
}
.fs-card-stack-editor-active .fs-side-page-card {
	cursor: grab;
	opacity: 1;
	outline: 1px dashed rgba(0, 229, 255, .55);
	transition: opacity .16s ease;
}
.fs-card-stack-editor-active .fs-side-page-card:hover,
.fs-card-stack-editor-active .fs-card-stack-dragging {
	opacity: 1;
}
.fs-card-stack-editor-active .fs-card-stack-dragging {
	cursor: grabbing;
	z-index: 15;
}
.fs-side-mockup-floating-tablet .fs-side-mockup-stage {
	overflow: visible;
}
html.fs-project-page,
html.fs-project-page body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
html.fs-project-page::-webkit-scrollbar,
html.fs-project-page body::-webkit-scrollbar {
	display: none;
	height: 0;
	width: 0;
}
.fs-side-tablet-device {
	--fs-project-mockup-placeholder-bg: #b693f8;
	aspect-ratio: 5404 / 5586;
	height: 53.5%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}
.fs-side-tablet-shadow {
	--fs-side-tablet-shadow-transform: matrix3d(.9293,-.1063173,0,-.000102,.2823262,.4920917,0,-.0004466,0,0,1,0,-75.21875,220.8984375,0,1);
	background: linear-gradient(180deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.1) 58%, rgba(0,0,0,.2) 100%);
	border-radius: 7% / 4%;
	filter: blur(1.08vw);
	height: 92.4%;
	left: 6.25%;
	opacity: .96;
	pointer-events: none;
	position: absolute;
	top: 13.75%;
	-webkit-transform: var(--fs-side-tablet-shadow-transform);
	-moz-transform: var(--fs-side-tablet-shadow-transform);
	-o-transform: var(--fs-side-tablet-shadow-transform);
	transform: var(--fs-side-tablet-shadow-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 64.8%;
	z-index: 0;
}
.fs-side-tablet-screen {
	--fs-side-tablet-radius: .44vw;
	--fs-side-tablet-screen-bleed: 1px;
	--fs-side-tablet-screen-height: 92.4%;
	--fs-side-tablet-screen-left: 5%;
	--fs-side-tablet-screen-top: 3.45%;
	--fs-side-tablet-screen-width: 64.8%;
	background: transparent;
	border-radius: var(--fs-side-tablet-radius);
	height: calc(var(--fs-side-tablet-screen-height) + (var(--fs-side-tablet-screen-bleed) * 2));
	left: calc(var(--fs-side-tablet-screen-left) - var(--fs-side-tablet-screen-bleed));
	overflow: hidden;
	position: absolute;
	top: calc(var(--fs-side-tablet-screen-top) - var(--fs-side-tablet-screen-bleed));
	width: calc(var(--fs-side-tablet-screen-width) + (var(--fs-side-tablet-screen-bleed) * 2));
	-webkit-transform: matrix3d(.9915585,.0468314,0,.0001215,.2603912,.9182087,0,-.0001172,0,0,1,0,2.296875,2.6328125,0,1);
	-moz-transform: matrix3d(.9915585,.0468314,0,.0001215,.2603912,.9182087,0,-.0001172,0,0,1,0,2.296875,2.6328125,0,1);
	-o-transform: matrix3d(.9915585,.0468314,0,.0001215,.2603912,.9182087,0,-.0001172,0,0,1,0,2.296875,2.6328125,0,1);
	transform: matrix3d(.9915585,.0468314,0,.0001215,.2603912,.9182087,0,-.0001172,0,0,1,0,2.296875,2.6328125,0,1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 2;
}
.fs-side-mockup-floating-tablet .fs-side-screen-media img,
.fs-side-mockup-floating-tablet .fs-side-screen-media video {
	object-fit: fill;
}
.fs-side-mockup-floating-tablet .fs-side-screen-media,
.fs-side-mockup-floating-tablet .fs-side-screen-media img,
.fs-side-mockup-floating-tablet .fs-side-screen-media video,
.fs-side-guides-media {
	border-radius: inherit;
}
.fs-side-guides-media {
	background: #f7fbff;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.fs-side-guides-media:before {
	background:
		repeating-linear-gradient(0deg, transparent 0, transparent calc(20% - 1px), rgba(0, 175, 255, .34) calc(20% - 1px), rgba(0, 175, 255, .34) 20%),
		repeating-linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), rgba(0, 175, 255, .34) calc(20% - 1px), rgba(0, 175, 255, .34) 20%);
	content: "";
	inset: 0;
	position: absolute;
}
.fs-side-guides-border,
.fs-side-guides-inner,
.fs-side-guides-center {
	box-sizing: border-box;
	display: block;
	position: absolute;
}
.fs-side-guides-border {
	border: 4px solid #00d8ff;
	border-radius: inherit;
	inset: 0;
}
.fs-side-guides-inner {
	border: 4px solid #ff3f1f;
	border-radius: calc(var(--fs-side-tablet-radius) * .45);
	inset: 18% 18%;
}
.fs-side-guides-center-x {
	background: #111;
	height: 3px;
	left: 0;
	top: 50%;
	width: 100%;
}
.fs-side-guides-center-y {
	background: #111;
	height: 100%;
	left: 50%;
	top: 0;
	width: 3px;
}
.fs-perspective-editor-active {
	outline: 1px solid rgba(0, 255, 255, .35);
}
.fs-perspective-editor-layer {
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 20;
}
.fs-perspective-editor-svg {
	height: 100%;
	left: 0;
	overflow: visible;
	position: absolute;
	top: 0;
	width: 100%;
}
.fs-perspective-editor-polygon {
	fill: rgba(0, 174, 255, .28);
	stroke: #00e5ff;
	stroke-dasharray: 5 4;
	stroke-width: 1.5;
}
.fs-shadow-editor-polygon {
	fill: none;
	stroke: transparent;
}
.fs-perspective-editor-line {
	stroke: #00e5ff;
	stroke-dasharray: 3 3;
	stroke-width: 1.2;
}
.fs-shadow-editor-layer .fs-perspective-editor-line {
	stroke: #ffdd66;
}
.fs-perspective-handle {
	align-items: center;
	background: #00e5ff;
	border: 1px solid #001316;
	border-radius: 50%;
	color: #001316;
	cursor: grab;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 8px;
	font-weight: 700;
	height: 22px;
	justify-content: center;
	line-height: 1;
	margin-left: -11px;
	margin-top: -11px;
	padding: 0;
	pointer-events: auto;
	position: absolute;
	width: 22px;
	z-index: 22;
}
.fs-perspective-handle:active {
	cursor: grabbing;
}
.fs-shadow-perspective-handle {
	background: #ffdd66;
	border-color: #1a1200;
	color: #1a1200;
}
.fs-perspective-editor-panel {
	background: rgba(10, 10, 10, .9);
	border: 1px solid rgba(255, 255, 255, .18);
	bottom: 16px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	left: 16px;
	max-width: 360px;
	padding: 12px;
	position: fixed;
	width: calc(100vw - 32px);
	z-index: 99999;
}
.fs-perspective-editor-panel strong,
.fs-perspective-editor-panel span {
	display: block;
}
.fs-perspective-editor-panel span {
	color: rgba(255, 255, 255, .68);
	margin-top: 4px;
}
.fs-perspective-editor-panel textarea {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	color: #dffaff;
	display: block;
	font-family: Consolas, monospace;
	font-size: 11px;
	height: 132px;
	margin: 10px 0;
	padding: 8px;
	resize: vertical;
	width: 100%;
}
.fs-perspective-editor-panel button {
	background: #fff;
	border: 0;
	color: #000;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	margin-right: 6px;
	padding: 6px 9px;
	text-transform: uppercase;
}
.fs-radius-editor-panel {
	left: auto;
	max-width: 320px;
	right: 16px;
}
.fs-radius-editor-panel input[type="range"],
.fs-radius-editor-panel input[type="number"] {
	box-sizing: border-box;
	display: block;
	margin: 10px 0;
	width: 100%;
}
.fs-radius-editor-panel input[type="number"] {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	color: #fff;
	padding: 7px 8px;
}
.fs-radius-editor-panel > span:last-of-type {
	color: #dffaff;
	font-family: Consolas, monospace;
	font-size: 11px;
	margin-bottom: 10px;
}
.fs-card-angle-editor-panel input[type="range"],
.fs-card-angle-editor-panel input[type="number"] {
	box-sizing: border-box;
	display: block;
	margin: 10px 0;
	width: 100%;
}
.fs-card-angle-editor-panel input[type="number"] {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	color: #fff;
	padding: 7px 8px;
}
.fs-screen-box-editor-panel {
	left: auto;
	max-width: 340px;
	right: 16px;
}
.fs-screen-box-editor-panel label {
	display: grid;
	gap: 6px;
	grid-template-columns: 42px 1fr 74px;
	margin-top: 10px;
}
.fs-screen-box-editor-panel label span {
	color: rgba(255, 255, 255, .86);
	margin: 0;
	padding-top: 7px;
	text-transform: uppercase;
}
.fs-screen-box-editor-panel input[type="range"],
.fs-screen-box-editor-panel input[type="number"] {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}
.fs-screen-box-editor-panel input[type="number"] {
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	color: #fff;
	padding: 7px 8px;
}
.fs-screen-box-editor-panel textarea {
	height: 96px;
	margin-bottom: 8px;
}
.fs-radius-editor-panel + .fs-screen-box-editor-panel {
	bottom: 226px;
}
.fs-free-transform-editor-active {
	outline: 1px solid rgba(255, 255, 255, .25);
}
.fs-free-transform-layer {
	inset: 0;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	z-index: 30;
}
.fs-free-transform-box {
	background: rgba(0, 229, 255, .08);
	border: 2px dashed #00e5ff;
	box-sizing: border-box;
	cursor: move;
	pointer-events: auto;
	position: absolute;
	touch-action: none;
	z-index: 31;
}
.fs-free-transform-box:before,
.fs-free-transform-box:after {
	background: rgba(0, 0, 0, .75);
	content: "";
	position: absolute;
}
.fs-free-transform-box:before {
	height: 2px;
	left: 0;
	top: 50%;
	width: 100%;
}
.fs-free-transform-box:after {
	height: 100%;
	left: 50%;
	top: 0;
	width: 2px;
}
.fs-free-transform-handle {
	align-items: center;
	border: 1px solid #000;
	color: #001316;
	cursor: grab;
	display: flex;
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	height: 28px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	pointer-events: auto;
	position: absolute;
	touch-action: none;
	width: 28px;
	z-index: 34;
}
.fs-free-transform-handle:active {
	cursor: grabbing;
}
.fs-free-transform-rotate {
	background: #ffeb3b;
	border-radius: 50%;
	right: -42px;
	top: -42px;
	width: 34px;
}
.fs-free-transform-scale {
	background: #00e5ff;
	border-radius: 4px;
	bottom: -42px;
	right: -42px;
}
.fs-free-transform-panel textarea {
	height: 168px;
}
.fs-free-transform-panel {
	left: auto;
	max-width: 420px;
	right: 16px;
}
.proposal_builder_container {
	padding-top: 20vw;
	position: relative;
	z-index: 10;
	pointer-events: none;
}
.proposal_builder_container .proposal_builder_title {
	margin: 0;
	color: white;
	text-align: center;
	padding: 0px 5vw;
	font-size: 60px;
	letter-spacing: .3px;
	text-transform: uppercase;
	font-family: 'BaiJamjuree-Medium';
	line-height: 41px;
}
.proposal_builder_container .proposal_builder_wrapper {
	z-index: 10;
	position: relative;
	pointer-events: auto;
}
.proposal_builder_refined .proposal_builder_mode_choice {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: center;
	margin: 0 auto 42px;
	padding: 0 50px;
	pointer-events: auto;
	width: 100%;
}
.proposal_builder_refined .proposal_builder_mode_choice_label {
	color: #939598;
	font-family: 'BaiJamjuree-Regular';
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 18px;
	margin-right: 4px;
	text-transform: uppercase;
	white-space: nowrap;
}
.proposal_builder_refined .proposal_builder_mode_button {
	background: transparent;
	border: 1px solid #939598;
	border-radius: 0;
	color: #000000;
	cursor: pointer;
	font-family: 'BaiJamjuree-Regular';
	font-size: 13px;
	letter-spacing: .5px;
	line-height: 18px;
	min-height: 48px;
	min-width: 220px;
	padding: 0 22px;
	text-align: center;
	text-transform: uppercase;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.proposal_builder_refined .proposal_builder_mode_button:hover {
	border-color: #000000;
}
.proposal_builder_refined .proposal_builder_mode_button.is-active {
	background: #000000;
	border-color: #000000;
	color: #FFFFFF;
	font-family: 'BaiJamjuree-Bold';
}
.proposal_builder_step.step_1 {
	background: #F1F2F2;
}
.proposal_builder_step {
	padding: 80px 10px 60px 10px;
	background: white;
}

.proposal_builder_step_titile {
	font-family: 'BaiJamjuree-Bold';
	font-size: 30px;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 0px 50px 30px 50px;
}
.proposal_builder_step_titile label {
	font-size: 50px;
	margin-right: 15px;
}
.proposal_builder_step_wrapper {
	width: 1280px;
	margin: auto;
	max-width: 100%;
}
.proposal_builder_step_fields {
}
.proposal_builder_step_fields.proposal_builder_step_field_group {
}
.proposal_builder_step_fields .proposal_builder_step_field_group {
	/* padding: 60px 0px 40px 0px; */
}
.proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field {
}
.proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field {
	width: 33.33%;
	float: left;
	padding: 50px 50px 50px 50px;
	position: relative;
}
.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group_intro[group="3"] .proposal_builder_step_field {
	width: 50%;
}
.proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_textarea_field {
	width: 66.66%
}
.proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_textarea_field label {
	font-size: 14px;
	line-height: 33px;
	letter-spacing: .5px;
	font-family: 'BaiJamjuree-Regular';
	color: #939598;
	text-transform: uppercase;
}
.proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_textarea_field textarea {
	resize: none;
	border: 1px solid #939598;
	height: 185px;
	padding: 10px;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field .text_input {
	background-color: transparent;
	border: none;
	width: 100%;
	border-bottom: 1px solid #939598;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: .5px;
	font-family: 'BaiJamjuree-Regular';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field.empty_error input, .proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field.empty_error .ui-selectmenu-button.ui-button, .proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field.empty_error .ui-corner-all.ui-multiselect {
	border-color: red;
}
.proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field.invalid_email input, .proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field.invalid_email .ui-selectmenu-button.ui-button {
	border-color: red;
}
.proposal_builder_step_fields .proposal_builder_step_field_group .proposal_builder_step_field select.text_input {
	opacity: 0
}
::-webkit-input-placeholder {
	color: #939598;
	text-transform: uppercase;
}
::-moz-placeholder {
	color: #939598;
	text-transform: uppercase;
}
-ms-input-placeholder {
	color: #939598;
	text-transform: uppercase;
}
:-moz-placeholder {
	color: #939598;
	text-transform: uppercase;
}
.proposal_builder_step_submit_container {
	padding: 40px 50px;
}
.proposal_builder_step_submit_container .submit_input {
	color: white;
	background: black;
	border: 2px solid black;
	line-height: 34px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'BaiJamjuree-Medium';
	text-align: center;
	width: 300px;
	cursor: pointer;
	padding: 0;
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
}

.proposal_builder_step_submit_container .submit_input:disabled {
	background: black !important;
	border: 2px solid black !important;
	color: white !important;
	opacity: .3;
	cursor: default;
}
.field_help {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #939598;
	color: white;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	font-family: 'BaiJamjuree-Medium';
	right: 22px;
	top: 50%;
	margin-top: -8px;
	font-family: 'Hevetica';
}
.field_help label {
}
.custom_tooltip {
	line-height: 34px;
	font-size: 14px;
	background: #939598;
	text-transform: uppercase;
	font-family: 'BaiJamjuree-Regular';
}
.ecommerce_fields {
	display: none;
}
.fields_group_title {
	clear: both;
	padding: 40px 50px 0px 50px;
	font-family: 'BaiJamjuree-bold';
	text-transform: uppercase;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: .5px;
}
.fields_group_title div {

	width: calc(66.66% - 34px);
}
.fields_group_title.extras div {
	border-bottom: 1px solid #939598;
}
.checklist_container {
}
.checklist_container .fields_group_title {
}
.checklist_container .proposal_builder_step_field {
	padding: 30px 50px 10px 50px !important;
	width: calc(66.66% + 78px) !important;
}

.checklist_container .proposal_builder_step_field ul {
	margin: 0;
	padding: 0;
	list-style: none;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.checklist_container .proposal_builder_step_field ul li {
}

.checklist_container .proposal_builder_step_field ul li > label {
	font-size: 13px;
	line-height: 30px;
	letter-spacing: .5px;
	font-family: 'BaiJamjuree-Regular';
	text-transform: uppercase;
	color: #939598;
	position: relative;
}
.checklist_container .proposal_builder_step_field ul li > label .field_help{
	right:-25px;
}
.checklist_container .proposal_builder_step_field ul li label input {
}

.proposal_thanks_popup {
	position: fixed;
	height: 100%;
	width: 100%;
	background: black;
	z-index: 14;
	opacity: 0;
	pointer-events: none;
	-moz-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .8s cubic-bezier(0.23, 1, 0.32, 1);
}
.proposal_thanks_popup.open {
	opacity: 1;
	pointer-events: auto;
}
.proposal_thanks_popup .proposal_thanks_popup_container {
}
.proposal_thanks_popup .proposal_thanks_popup_container .mode_html {
}

.page-template-template_about .mode_html #matrix_background {
	height: calc(100% + 20vw);
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_close {
	padding: 0;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	float: right;
	height: 32px;
	pointer-events: auto;
	position: absolute;
	right: 60px;
	top: 58px;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_close span {
	width: 38px;
	height: 32px;
	display: inline-block;
	position: relative;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_close span .propinner {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 38px;
	height: 1px;
	background-color: white;
	border-radius: 1px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
	top: 50%;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_close span .propinner:before, .proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_close span .propinner:after {
	width: 38px;
	height: 1px;
	background-color: white;
	border-radius: 1px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
	content: "";
	display: block;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_close span .propinner:before {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_close span .propinner:after {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_wrapper {
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_wrapper .proposal_thanks_popup_text {
	position: absolute;
	top: 50%;
	color: white;
	padding: 60px;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	pointer-events: none;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_wrapper .proposal_thanks_popup_text .confirmartion_label {
	text-transform: uppercase;
	font-size: 1vw;
	line-height: 4vw;
	border-bottom: 1px solid #808285;
	padding-right: 52px;
	letter-spacing: .3px;
	display: inline-block;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_wrapper .proposal_thanks_popup_text  .thanks_message_label {
	letter-spacing: .6px;
	font-size: 3vw;
	line-height: 3.5vw;
	display: block;
	padding-top: 15px;
}
.proposal_thanks_popup .proposal_thanks_popup_container .proposal_thanks_popup_wrapper .proposal_thanks_popup_text  .thanks_message_label label {
	display: block;
	font-family: 'BaiJamjuree-Bold';
}
.designed_by_logo{}
.designed_by_logo span{
    display: inline-block;
    color: white;
    vertical-align: middle;
    padding: 0px 13px 0px 10px;
    font-size: 30px;
    /* line-height: 32px; */
    font-family: 'BaiJamjuree-Bold';
    vertical-align: 0px;
}
#masthead .header_wrapper a.designed_by_logo img{
    display: inline-block;
    width: auto;
    height: 32px;
    vertical-align: top;
}

.item_pk .logo_img {
	height: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	text-align: center;
	letter-spacing: .4px;
	-moz-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all .4s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform: translate(-50%,-62%);
	-moz-transform: translate(-50%,-62%);
	-o-transform: translate(-50%,-62%);
	transform: translate(-50%,-62%);
	transition-delay: 0.12s;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.item_pk.itemw2 .logo_img{
	width: 40%;
}

.fs-project-mockup-layout {
	position: relative;
	width: 100%;
	/* aspect-ratio: 3840 / 1848; */
	overflow: hidden;
	background: var(--fs-project-mockup-bg, #f4f4f4);
	isolation: isolate;
	min-height: calc(100vh  - 75px);
}

.fs-project-mockup-layout::before,
.fs-project-mockup-layout::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: 0;
}

.fs-project-mockup-layout::after {
	z-index: 1;
}

.fs-project-mockup-bg-soft-light::before {
	background:
		radial-gradient(circle at 48% 33%, rgba(255,255,255,.5) 0, rgba(255,255,255,.28) 16%, rgba(255,255,255,0) 42%),
		radial-gradient(ellipse at 50% 72%, rgba(0,0,0,.14) 0, rgba(0,0,0,.08) 18%, rgba(0,0,0,0) 40%);
	opacity: .72;
}

.fs-project-mockup-bg-paper-grain::before {
	background:
		repeating-radial-gradient(circle at 18% 24%, rgba(255,255,255,.2) 0 1px, rgba(255,255,255,0) 1px 4px),
		repeating-linear-gradient(95deg, rgba(0,0,0,.035) 0 1px, rgba(0,0,0,0) 1px 9px),
		linear-gradient(115deg, rgba(255,255,255,.22), rgba(255,255,255,0) 42%, rgba(0,0,0,.05));
	background-size: 8px 8px, 100% 100%, 100% 100%;
	mix-blend-mode: multiply;
	opacity: .28;
}

.fs-project-mockup-bg-floor-glow::before {
	background:
		radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.3) 0, rgba(255,255,255,.16) 22%, rgba(255,255,255,0) 46%),
		radial-gradient(ellipse at 50% 76%, rgba(0,0,0,.18) 0, rgba(0,0,0,.1) 18%, rgba(0,0,0,0) 39%);
	opacity: .8;
}

.fs-project-mockup-bg-floor-glow::after {
	background: linear-gradient(to bottom, rgba(255,255,255,.16), rgba(255,255,255,0) 44%, rgba(0,0,0,.06));
	opacity: .7;
}

.fs-project-mockup-bg-corner-wash::before {
	background:
		radial-gradient(circle at 16% 18%, rgba(255,255,255,.45) 0, rgba(255,255,255,.2) 23%, rgba(255,255,255,0) 45%),
		radial-gradient(circle at 86% 84%, rgba(0,0,0,.12) 0, rgba(0,0,0,.06) 22%, rgba(0,0,0,0) 48%),
		linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 42%, rgba(0,0,0,.055));
	opacity: .78;
}

.fs-project-mockup-bg-soft-relief::before {
	background:
		repeating-linear-gradient(118deg, rgba(255,255,255,.12) 0 1px, rgba(255,255,255,0) 1px 18px),
		repeating-linear-gradient(28deg, rgba(0,0,0,.06) 0 1px, rgba(0,0,0,0) 1px 22px),
		radial-gradient(circle at 52% 42%, rgba(255,255,255,.28), rgba(255,255,255,0) 42%);
	mix-blend-mode: soft-light;
	opacity: .7;
}

.fs-project-mockup-bg-soft-relief::after {
	background:
		linear-gradient(to right, rgba(0,0,0,.05), rgba(255,255,255,.18) 22%, rgba(255,255,255,0) 55%, rgba(0,0,0,.04)),
		linear-gradient(to bottom, rgba(255,255,255,.12), rgba(0,0,0,.05));
	opacity: .36;
}

.fs-project-mockup-stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.fs-project-mockup-layout-device-cloud .fs-project-mockup-stage {
	aspect-ratio: 3840 / 1848;
	height: auto;
	inset: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 100vw;
}

.fs-project-mockup-layout-device-cloud-height-basis .fs-project-mockup-stage {
	height: 100%;
	width: auto;
}

.fs-project-mockup-layout-device-cloud-zoom .fs-project-mockup-stage {
	-webkit-transform: translate(-50%,-50%) scale(1.6);
	-moz-transform: translate(-50%,-50%) scale(1.6);
	-o-transform: translate(-50%,-50%) scale(1.6);
	transform: translate(-50%,-50%) scale(1.6);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@media screen and (max-width: 767px) {
	.fs-project-mockup-layout-device-cloud:not(.fs-project-mockup-layout-device-cloud-zoom) .fs-project-mockup-stage {
		width: 116vw;
	}
}

.fs-project-mockup-device {
	position: absolute;
	overflow: hidden;
	pointer-events: none;
	user-select: none;
}

.fs-project-mockup-device-frame {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: fill;
	pointer-events: none;
	user-select: none;
}

.fs-project-mockup-device-screen {
	position: absolute;
	z-index: 1;
	overflow: hidden;
	transform-origin: 0 0;
	backface-visibility: hidden;
	background: black;
}

.fs-project-mockup-device-screen-inner,
.fs-project-mockup-device-screen img,
.fs-project-mockup-device-screen video,
.fs-project-mockup-placeholder {
	width: 100%;
	height: 100%;
}

.fs-project-mockup-device-screen img,
.fs-project-mockup-device-screen video {
	display: block;
	object-fit: cover;
}

.fs-project-mockup-placeholder {
	background:
		linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,0) 48%),
		linear-gradient(160deg, rgba(0,0,0,.08), rgba(255,255,255,.08)),
		var(--fs-project-mockup-placeholder-bg, #9edbd2);
}

.fs-project-mockup-device-macbook-left {
	--fs-project-mockup-placeholder-bg: #f06c5b;
}

.fs-project-mockup-device-macbook-right {
	--fs-project-mockup-placeholder-bg: #f5b84c;
}

.fs-project-mockup-device-imac-top {
	--fs-project-mockup-placeholder-bg: #64b5f6;
}

.fs-project-mockup-device-imac-left {
	--fs-project-mockup-placeholder-bg: #7ccf9b;
}

.fs-project-mockup-device-imac-right {
	--fs-project-mockup-placeholder-bg: #b693f8;
}

.fs-project-mockup-device-ipad-center {
	--fs-project-mockup-placeholder-bg: #f47fb0;
}

.fs-project-mockup-device-ipad-right {
	--fs-project-mockup-placeholder-bg: #63cdda;
}

.fs-project-mockup-device-ipad-bottom {
	--fs-project-mockup-placeholder-bg: #d6d951;
}

.fs-project-mockup-device-iphone-top {
	--fs-project-mockup-placeholder-bg: #f29e4c;
}

.fs-project-mockup-device-iphone-center {
	--fs-project-mockup-placeholder-bg: #8bd3dd;
}

.fs-content-iphone-device-left,
.fs-desktop-scene-screen-slot-left {
	--fs-project-mockup-placeholder-bg: #64b5f6;
}

.fs-content-iphone-device-center,
.fs-desktop-scene-screen-slot-center {
	--fs-project-mockup-placeholder-bg: #f06c5b;
}

.fs-content-iphone-device-right,
.fs-desktop-scene-screen-slot-right {
	--fs-project-mockup-placeholder-bg: #f5b84c;
}

.fs-content-centered-phone-device {
	--fs-project-mockup-placeholder-bg: #7ccf9b;
}

.fs-content-tablet-device {
	--fs-project-mockup-placeholder-bg: #b693f8;
}

.fs-content-hand-phone-device {
	--fs-project-mockup-placeholder-bg: #f47fb0;
}

.fs-content-imac-device {
	--fs-project-mockup-placeholder-bg: #63cdda;
}

.fs-project-mockup-layout-content-laptop-wide .fs-content-laptop-device {
	--fs-project-mockup-placeholder-bg: #d6d951;
}

.fs-project-mockup-layout-content-laptop-close .fs-content-laptop-device {
	--fs-project-mockup-placeholder-bg: #f29e4c;
}

.fs-project-mockup-layout-content-laptop-float .fs-content-laptop-device {
	--fs-project-mockup-placeholder-bg: #8bd3dd;
}

.fs-project-mockup-layout-content-imac-front .fs-content-imac-front-device {
	--fs-project-mockup-placeholder-bg: #9ed5eb;
}

.fs-content-imac-spread-plane-left {
	--fs-project-mockup-placeholder-bg: #f06c5b;
}

.fs-content-imac-spread-plane-right {
	--fs-project-mockup-placeholder-bg: #f5b84c;
}

.fs-content-imac-spread-screen {
	--fs-project-mockup-placeholder-bg: #d6e85f;
}

.fs-content-page-card-back {
	--fs-project-mockup-placeholder-bg: #f7d56b;
}

.fs-content-page-card-middle {
	--fs-project-mockup-placeholder-bg: #cde7de;
}

.fs-content-page-card-front {
	--fs-project-mockup-placeholder-bg: #f2d6c8;
}

.fs-project-mockup-layout-content-iphone-side,
.fs-project-mockup-layout-content-scroll-sync-phones,
.fs-project-mockup-layout-content-centered-phone,
.fs-project-mockup-layout-content-floating-tablet,
.fs-project-mockup-layout-content-hand-phone,
.fs-project-mockup-layout-content-side-imac,
.fs-project-mockup-layout-content-imac-front,
.fs-project-mockup-layout-content-imac-spread,
.fs-project-mockup-layout-content-laptop,
.fs-project-mockup-layout-content-card-stack {
	/* aspect-ratio: 3000 / 1444; */
}

.fs-content-iphone-stage,
.fs-content-centered-phone-stage,
.fs-content-tablet-stage,
.fs-content-hand-phone-stage,
.fs-content-imac-stage,
.fs-content-imac-front-stage,
.fs-content-imac-spread-stage,
.fs-content-laptop-stage,
.fs-content-card-stage {
	inset: 0;
	position: absolute;
	z-index: 2;
}

.fs-content-iphone-device {
	aspect-ratio: 372 / 1062;
	height: 72%;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.fs-content-iphone-device:before {
	background: radial-gradient(ellipse at center, rgba(0,0,0,.24) 0%, rgba(0,0,0,.13) 38%, rgba(0,0,0,0) 72%);
	content: "";
	display: block;
	filter: blur(.34vw);
	height: 8%;
	left: -2%;
	pointer-events: none;
	position: absolute;
	top: 96%;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	width: 108%;
	z-index: 0;
}

.fs-content-iphone-device-left {
	left: 31%;
	z-index: 1;
}

.fs-content-iphone-device-center {
	left: 50%;
	z-index: 2;
}

.fs-content-iphone-device-right {
	left: 69%;
	z-index: 1;
}

/* Scroll-sync phones intentionally inherit the exact stage, margins, size and
   perspective from the normal three-iPhone layout. Only video timing differs. */

.fs-content-iphone-screen {
	--fs-content-iphone-screen-transform: matrix3d(1.113494,0.3033571,0,0.0004739,-0.0000053,1.1041842,0,-0.0000085,0,0,1,0,0.625,-60.0625,0,1);
	--fs-iphone-safe-area-bg: #fff;
	--fs-iphone-safe-area-bottom-overscan: .75%;
	--fs-iphone-safe-area-top: 8.2%;
	background: #050505;
	border-radius: 11% / 4.4%;
	height: 87.5%;
	left: 13%;
	overflow: hidden;
	position: absolute;
	top: 9.36%;
	-webkit-transform: var(--fs-content-iphone-screen-transform);
	-moz-transform: var(--fs-content-iphone-screen-transform);
	-o-transform: var(--fs-content-iphone-screen-transform);
	transform: var(--fs-content-iphone-screen-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 82.2%;
	z-index: 2;
}

.fs-content-iphone-screen-media,
.fs-content-iphone-screen-media img,
.fs-content-iphone-screen-media video,
.fs-content-iphone-screen-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-iphone-screen-media img,
.fs-content-iphone-screen-media video {
	display: block;
	object-fit: cover;
}

.fs-content-iphone-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-centered-phone-device {
	aspect-ratio: 1758 / 3664;
	filter: drop-shadow(-1.05vw 1vw .85vw rgba(0,0,0,.32)) drop-shadow(-2.1vw 1.4vw 1.8vw rgba(0,0,0,.14));
	height: 72%;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}

.fs-content-centered-phone-screen {
	--fs-iphone-safe-area-bg: #fff;
	--fs-iphone-safe-area-top: 8.2%;
	background: #050505;
	border-radius: 9.1% / 4.2%;
	height: 96.1%;
	left: 4.55%;
	overflow: hidden;
	position: absolute;
	top: 1.9%;
	width: 90.9%;
	z-index: 1;
}

.fs-content-centered-phone-screen-media,
.fs-content-centered-phone-screen-media img,
.fs-content-centered-phone-screen-media video,
.fs-content-centered-phone-screen-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-centered-phone-screen-media img,
.fs-content-centered-phone-screen-media video {
	display: block;
	object-fit: cover;
}

.fs-content-centered-phone-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-tablet-stage {
	overflow: visible;
}

.fs-content-tablet-device {
	aspect-ratio: 5404 / 5586;
	height: 63%;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}

.fs-content-tablet-shadow {
	--fs-content-tablet-shadow-transform: matrix3d(.9293,-.1063173,0,-.000102,.2823262,.4920917,0,-.0004466,0,0,1,0,-75.21875,220.8984375,0,1);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 58%, rgba(0,0,0,.2) 100%);
	border-radius: 7% / 4%;
	filter: blur(2.9vw);
	height: 92.4%;
	left: 6.25%;
	opacity: .82;
	pointer-events: none;
	position: absolute;
	top: 13.75%;
	-webkit-transform: var(--fs-content-tablet-shadow-transform);
	-moz-transform: var(--fs-content-tablet-shadow-transform);
	-o-transform: var(--fs-content-tablet-shadow-transform);
	transform: var(--fs-content-tablet-shadow-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 64.8%;
	z-index: 0;
}

.fs-content-tablet-screen {
	--fs-content-tablet-radius: .44vw;
	--fs-content-tablet-screen-transform: matrix3d(.9915585,.0468314,0,.0001215,.2603912,.9182087,0,-.0001172,0,0,1,0,2.296875,2.6328125,0,1);
	background: transparent;
	border-radius: var(--fs-content-tablet-radius);
	height: calc(92.4% + 2px);
	left: calc(5% - 1px);
	overflow: hidden;
	position: absolute;
	top: calc(3.45% - 1px);
	width: calc(64.8% + 2px);
	-webkit-transform: var(--fs-content-tablet-screen-transform);
	-moz-transform: var(--fs-content-tablet-screen-transform);
	-o-transform: var(--fs-content-tablet-screen-transform);
	transform: var(--fs-content-tablet-screen-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 2;
}

.fs-content-tablet-screen-media,
.fs-content-tablet-screen-media img,
.fs-content-tablet-screen-media video,
.fs-content-tablet-screen-media .fs-project-mockup-placeholder {
	border-radius: inherit;
	height: 100%;
	width: 100%;
}

.fs-content-tablet-screen-media img,
.fs-content-tablet-screen-media video {
	display: block;
	object-fit: cover;
}

.fs-content-tablet-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-hand-phone-stage {
	overflow: hidden;
}

.fs-content-hand-phone-device {
	aspect-ratio: 2580 / 4329;
	height: 112%;
	left: 50%;
	position: absolute;
	bottom: -13%;
	-webkit-transform: translate(-50%,0%) rotate(45deg);
	-moz-transform: translate(-50%,0%) rotate(45deg);
	-o-transform: translate(-50%,0%) rotate(45deg);
	transform: translate(-50%,0%) rotate(45deg);
	z-index: 2;
}

.fs-content-hand-phone-screen {
	--fs-iphone-safe-area-bg: #fff;
	--fs-iphone-safe-area-top: 8.6%;
	background: #050505;
	border-radius: 9.4% / 4.5%;
	height: 52.1%;
	left: 11.5%;
	overflow: hidden;
	position: absolute;
	top: 15.04%;
	-webkit-transform: rotate(-.6deg);
	-moz-transform: rotate(-.6deg);
	-o-transform: rotate(-.6deg);
	transform: rotate(-.6deg);
	width: 40.7%;
	z-index: 1;
}

.fs-content-hand-phone-screen-media,
.fs-content-hand-phone-screen-media img,
.fs-content-hand-phone-screen-media video,
.fs-content-hand-phone-screen-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-hand-phone-screen-media img,
.fs-content-hand-phone-screen-media video {
	display: block;
	object-fit: cover;
}

.fs-content-hand-phone-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-imac-stage {
	overflow: visible;
}

.fs-content-imac-device {
	aspect-ratio: 1500 / 1368;
	height: 72%;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
}

.fs-content-imac-screen {
	--fs-content-imac-screen-transform: matrix3d(0.6541224,-0.2627387,0,-0.0004805,-0.1331572,0.6852131,0,-0.0000773,0,0,1,0,57.711331,119.70512,0,1);
	background: #050505;
	height: 66.959%;
	left: 17.467%;
	overflow: hidden;
	position: absolute;
	top: 5.482%;
	-webkit-transform: var(--fs-content-imac-screen-transform);
	-moz-transform: var(--fs-content-imac-screen-transform);
	-o-transform: var(--fs-content-imac-screen-transform);
	transform: var(--fs-content-imac-screen-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 64.933%;
	z-index: 1;
}

.fs-content-imac-screen-media,
.fs-content-imac-screen-media img,
.fs-content-imac-screen-media video,
.fs-content-imac-screen-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-imac-screen-media img,
.fs-content-imac-screen-media video {
	display: block;
	object-fit: cover;
}

.fs-content-imac-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-imac-front-stage {
	overflow: visible;
}

.fs-content-imac-front-device {
	aspect-ratio: 6000 / 3385;
	left: 50%;
	position: absolute;
	top: 51%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	height: 72%;
	z-index: 2;
	width: auto;
}

.fs-content-imac-front-screen {
	background: #050505;
	height: 58.612%;
	left: 20.533%;
	overflow: hidden;
	position: absolute;
	top: 2.866%;
	width: 58.817%;
	z-index: 1;
}

.fs-content-imac-front-screen-media,
.fs-content-imac-front-screen-media img,
.fs-content-imac-front-screen-media video,
.fs-content-imac-front-screen-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-imac-front-screen-media img,
.fs-content-imac-front-screen-media video {
	display: block;
	object-fit: cover;
}

.fs-content-imac-front-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-imac-spread-stage {
	container-type: size;
	overflow: visible;
	perspective: 90vw;
}

.fs-content-imac-spread-reference {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	opacity: var(--fs-content-imac-spread-reference-opacity, .46);
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 12;
}

.fs-content-imac-spread-plane {
	background: #050505;
	box-shadow: 0 1.2vw 2.6vw rgba(0,0,0,.22);
	overflow: hidden;
	position: absolute;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 1;
}

.fs-content-imac-spread-plane:after {
	background:
		linear-gradient(120deg, rgba(255,255,255,.16), rgba(255,255,255,0) 36%),
		linear-gradient(to bottom, rgba(255,255,255,.05), rgba(0,0,0,.08));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.fs-content-imac-spread-plane-left {
	--fs-content-imac-spread-left-transform: matrix3d(0.9237925,0.0052375,0,0.0002504,0,1.1032448,0,0,0,0,1,0,2,-47.78125,0,1);
	aspect-ratio: 16 / 9;
	height: 40.5%;
	left: 14.8%;
	left: calc(50% - 80.84cqh);
	top: 30.5%;
	-webkit-transform: var(--fs-content-imac-spread-left-transform);
	-moz-transform: var(--fs-content-imac-spread-left-transform);
	-o-transform: var(--fs-content-imac-spread-left-transform);
	transform: var(--fs-content-imac-spread-left-transform);
	width: auto;
}

.fs-content-imac-spread-plane-right {
	--fs-content-imac-spread-right-transform: matrix3d(0.6624452,0.0011008,0,0.000215,-0.0020052,0.8286757,0,0.0000109,0,0,1,0,88,-29.78125,0,1);
	aspect-ratio: 16 / 9;
	height: 40.5%;
	left: 58.4%;
	left: calc(50% + 19.29cqh);
	top: 30.5%;
	-webkit-transform: var(--fs-content-imac-spread-right-transform);
	-moz-transform: var(--fs-content-imac-spread-right-transform);
	-o-transform: var(--fs-content-imac-spread-right-transform);
	transform: var(--fs-content-imac-spread-right-transform);
	width: auto;
}

.fs-content-imac-spread-device {
	aspect-ratio: 474 / 510;
	height: 60.7%;
	left: 52.5%;
	left: calc(50% + 5.74cqh);
	position: absolute;
	top: 53.9%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 4;
}

.fs-content-imac-spread-device:before {
	background: radial-gradient(ellipse at center, rgba(0,0,0,.22) 0%, rgba(0,0,0,.12) 37%, rgba(0,0,0,0) 72%);
	content: "";
	display: block;
	filter: blur(.8vw);
	height: 8%;
	left: 18%;
	pointer-events: none;
	position: absolute;
	top: 86%;
	width: 64%;
	z-index: 0;
}

.fs-content-imac-spread-screen {
	--fs-content-imac-spread-center-transform: matrix3d(1.1456057,0.0267438,0,0.0003897,0.0062258,1.0265718,0,0.0000244,0,0,1,0,-2.1953125,-3.65625,0,1);
	background: #050505;
	height: 63.2%;
	left: 3.8%;
	overflow: hidden;
	position: absolute;
	top: 4.1%;
	-webkit-transform: var(--fs-content-imac-spread-center-transform);
	-moz-transform: var(--fs-content-imac-spread-center-transform);
	-o-transform: var(--fs-content-imac-spread-center-transform);
	transform: var(--fs-content-imac-spread-center-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 87.4%;
	z-index: 1;
}

.fs-content-imac-spread-plane-media,
.fs-content-imac-spread-plane-media img,
.fs-content-imac-spread-plane-media video,
.fs-content-imac-spread-plane-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-imac-spread-plane-media img,
.fs-content-imac-spread-plane-media video {
	display: block;
	object-fit: cover;
}

.fs-content-imac-spread-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-laptop-stage {
	overflow: visible;
}

.fs-content-laptop-device {
	position: absolute;
	z-index: 2;
}

.fs-project-mockup-layout-content-laptop-wide .fs-content-laptop-device {
	aspect-ratio: 3681 / 3705;
	height: 78%;
	left: 50%;
	top: 49%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.fs-project-mockup-layout-content-laptop-close .fs-content-laptop-device {
	aspect-ratio: 3900 / 3454;
	height: 72%;
	left: 50%;
	top: 49%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.fs-project-mockup-layout-content-laptop-float .fs-content-laptop-device {
	aspect-ratio: 1223 / 875;
	height: 72%;
	left: 50%;
	top: 49%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.fs-content-laptop-screen {
	--fs-content-laptop-screen-transform: matrix3d(0.9294805,0.2658565,0,-0.0001139,-0.0898166,0.7616358,0,0.000065,0,0,1,0,48.9256,-20.22096,0,1);
	background: #fff;
	overflow: hidden;
	position: absolute;
	-webkit-transform: var(--fs-content-laptop-screen-transform);
	-moz-transform: var(--fs-content-laptop-screen-transform);
	-o-transform: var(--fs-content-laptop-screen-transform);
	transform: var(--fs-content-laptop-screen-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 1;
}

.fs-project-mockup-layout-content-laptop-wide .fs-content-laptop-screen {
	height: 57.5%;
	left: 27.9%;
	top: 4.1%;
	width: 64.6%;
}

.fs-project-mockup-layout-content-laptop-close .fs-content-laptop-screen {
	--fs-content-laptop-screen-transform: matrix3d(0.8902068,-0.1344145,0,-0.0000635,0.184998,0.9909735,0,0.000035,0,0,1,0,15.6897,51.204,0,1);
	height: 58.3%;
	left: 9.7%;
	top: 9.3%;
	width: 82.9%;
}

.fs-project-mockup-layout-content-laptop-float .fs-content-laptop-screen {
	--fs-content-laptop-screen-transform: matrix3d(0.8020128,-0.3505748,0,0.0000602,0.2545795,0.6148524,0,-0.000006,0,0,1,0,-0.8671875,196.3203125,0,1);
	height: 87.5%;
	left: 3.05%;
	top: 4.8%;
	width: 68.5%;
	z-index: 4;
}

.fs-content-laptop-screen-media,
.fs-content-laptop-screen-media img,
.fs-content-laptop-screen-media video,
.fs-content-laptop-screen-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-laptop-screen-media img,
.fs-content-laptop-screen-media video {
	display: block;
	object-fit: cover;
}

.fs-content-laptop-frame {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: fill;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
	z-index: 3;
}

.fs-content-laptop-shadow {
	--fs-content-laptop-shadow-transform: none;
	background: linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.03) 58%, rgba(0,0,0,.08) 100%);
	filter: blur(.55vw);
	height: 11%;
	opacity: .72;
	position: absolute;
	-webkit-transform: var(--fs-content-laptop-shadow-transform);
	-moz-transform: var(--fs-content-laptop-shadow-transform);
	-o-transform: var(--fs-content-laptop-shadow-transform);
	transform: var(--fs-content-laptop-shadow-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 65%;
	z-index: 0;
}

.fs-project-mockup-layout-content-laptop-wide .fs-content-laptop-shadow {
	left: 18%;
	top: 78%;
	width: 62%;
}

.fs-project-mockup-layout-content-laptop-close .fs-content-laptop-shadow {
	left: 12%;
	top: 76%;
	width: 65%;
}

.fs-project-mockup-layout-content-laptop-float .fs-content-laptop-shadow {
	--fs-content-laptop-shadow-transform: matrix3d(0.6572885,-0.1559835,0,-0.0001179,4.1064444,2.4214915,0,0.0044535,0,0,1,0,-19.8671875,207.3203125,0,1);
	height: 10%;
	left: 10%;
	top: 82%;
	width: 82%;
}

.fs-content-card-stage {
	perspective: 80vw;
}

.fs-content-card-scene {
	aspect-ratio: 1.12 / 1;
	height: 82%;
	left: 50%;
	max-height: 58vw;
	max-width: 88%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
}

.fs-content-page-card {
	--fs-content-card-depth: .52vw;
	--fs-content-card-top-depth: .29vw;
	--fs-content-card-edge-cut: .13vw;
	--fs-content-card-transform: matrix3d(0.7545665,0.0689248,0,-0.000162,0.00159,0.739918,0,-0.0000048,0,0,1,0,-39.59375,107.40625,0,1);
	aspect-ratio: 428 / 926;
	height: 72%;
	position: absolute;
	-webkit-transform: var(--fs-content-card-transform);
	-moz-transform: var(--fs-content-card-transform);
	-o-transform: var(--fs-content-card-transform);
	transform: var(--fs-content-card-transform);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.fs-content-page-card-front {
	left: 31%;
	top: 19%;
	z-index: 5;
}

.fs-content-page-card-middle {
	left: 43%;
	top: 15%;
	z-index: 4;
}

.fs-content-page-card-back {
	left: 55%;
	top: 11%;
	z-index: 3;
}

.fs-content-page-card-face {
	background: var(--fs-content-card-bg, #fff);
	box-shadow: inset -.052vw 0 0 rgba(0,0,0,.045), inset 0 .052vw 0 rgba(255,255,255,.25);
	height: 100%;
	inset: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 3;
}

.fs-content-page-card-media,
.fs-content-page-card-media img,
.fs-content-page-card-media video,
.fs-content-page-card-media .fs-project-mockup-placeholder {
	height: 100%;
	width: 100%;
}

.fs-content-page-card-media img,
.fs-content-page-card-media video {
	display: block;
	object-fit: cover;
}

.fs-content-page-card-edge {
	background: var(--fs-content-card-bg, #fff);
	display: block;
	position: absolute;
	z-index: 1;
}

.fs-content-page-card-edge-right {
	box-shadow: inset .36vw 0 .52vw rgba(0,0,0,.28), inset -.052vw 0 .052vw rgba(255,255,255,.18);
	height: 100%;
	left: 100%;
	top: 0;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-content-card-edge-cut)), 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--fs-content-card-edge-cut)), 0 100%);
	-webkit-transform: skewY(5deg);
	-moz-transform: skewY(5deg);
	-o-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	width: var(--fs-content-card-depth);
}

.fs-content-page-card-edge-top {
	box-shadow: inset 0 -.26vw .42vw rgba(0,0,0,.19), inset 0 .052vw .052vw rgba(255,255,255,.3);
	height: var(--fs-content-card-top-depth);
	left: 0;
	top: calc(var(--fs-content-card-top-depth) * -1);
	-webkit-clip-path: polygon(var(--fs-content-card-edge-cut) 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(var(--fs-content-card-edge-cut) 0, 100% 0, 100% 100%, 0 100%);
	-webkit-transform: skewX(5deg);
	-moz-transform: skewX(5deg);
	-o-transform: skewX(5deg);
	transform: skewX(5deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	width: calc(100% + var(--fs-content-card-depth));
		top: -.23vw;
}

.fs-content-card-shadow {
	background: radial-gradient(ellipse at center, rgba(0,0,0,.26) 0%, rgba(0,0,0,.14) 38%, rgba(0,0,0,0) 72%);
	filter: blur(.32vw);
	height: 8%;
	left: -2%;
	position: absolute;
	top: 96%;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	width: 108%;
	z-index: 0;
}

@media screen and (max-width: 767px) {
	.fs-project-mockup-layout-content-card-stack .fs-content-card-scene {
		height: auto;
		max-height: none;
		max-width: none;
		top: 49%;
		width: 138vw;
	}

	.fs-project-mockup-layout-content-card-stack .fs-content-page-card {
		--fs-content-card-depth: 1.1vw;
		--fs-content-card-top-depth: .62vw;
		--fs-content-card-edge-cut: .28vw;
		--fs-content-card-transform: matrix3d(0.7545665,0.0689248,0,-0.000162,0.00159,0.739918,0,-0.0000048,0,0,1,0,-33,40,0,1);
		height: 88%;
	}

	.fs-project-mockup-layout-content-card-stack .fs-content-page-card-front {
		left: 27%;
		top: 10%;
	}

	.fs-project-mockup-layout-content-card-stack .fs-content-page-card-middle {
		left: 42%;
		top: 6%;
	}

	.fs-project-mockup-layout-content-card-stack .fs-content-page-card-back {
		left: 57%;
		top: 2%;
	}
}

.fs-project-mockup-device-macbook-left {
	left: 1.615%;
	top: 17.208%;
	width: 27.917%;
	height: 51.894%;
	z-index: 30;
}

.fs-project-mockup-device-macbook-right {
	left: 52.266%;
	top: 11.310%;
	width: 27.917%;
	height: 51.894%;
	z-index: 30;
}

.fs-project-mockup-device-imac-top {
	left: 46.849%;
	top: -39.665%;
	width: 28.385%;
	height: 53.409%;
	z-index: 8;
}

.fs-project-mockup-device-imac-left {
	left: 18.151%;
	top: 41.937%;
	width: 28.385%;
	height: 53.409%;
	z-index: 12;
}

.fs-project-mockup-device-imac-right {
	left: 52.604%;
	top: 56.061%;
	width: 28.385%;
	height: 53.409%;
	z-index: 12;
}

.fs-project-mockup-device-ipad-center {
	left: 31.510%;
	top: -10.877%;
	width: 21.458%;
	height: 48.052%;
	z-index: 20;
}

.fs-project-mockup-device-ipad-right {
	left: 74.714%;
	top: -7.900%;
	width: 21.458%;
	height: 48.052%;
	z-index: 20;
}

.fs-project-mockup-device-ipad-bottom {
	left: 36.823%;
	top: 84.037%;
	width: 21.458%;
	height: 48.052%;
	z-index: 10;
}

.fs-project-mockup-device-iphone-top {
	left: 23.672%;
	top: 6.710%;
	width: 11.406%;
	height: 28.842%;
	z-index: 40;
}

.fs-project-mockup-device-iphone-center {
	left: 43.281%;
	top: 38.041%;
	width: 11.406%;
	height: 28.842%;
	z-index: 45;
}

.fs-project-mockup-device-macbook-left .fs-project-mockup-device-screen,
.fs-project-mockup-device-macbook-right .fs-project-mockup-device-screen {
	left: 0.947%;
	top: 42.691%;
	width: 74.250%;
	height: 53.852%;
	border-radius: 2% 2% 0 0;
	transform: rotate(-30.03deg);
}

.fs-project-mockup-device-imac-top .fs-project-mockup-device-screen,
.fs-project-mockup-device-imac-left .fs-project-mockup-device-screen,
.fs-project-mockup-device-imac-right .fs-project-mockup-device-screen {
	left: 3.985%;
	top: 47.022%;
	width: 76.991%;
	height: 47.796%;
	transform: rotate(-30.10deg);
}

.fs-project-mockup-device-ipad-center .fs-project-mockup-device-screen,
.fs-project-mockup-device-ipad-right .fs-project-mockup-device-screen,
.fs-project-mockup-device-ipad-bottom .fs-project-mockup-device-screen {
	left: 2.557%;
	top: 30.894%;
	width: 62.056%;
	height: 76.726%;
	border-radius: 2.5%;
	transform: rotate(-29.65deg);
}

.fs-project-mockup-device-iphone-top .fs-project-mockup-device-screen,
.fs-project-mockup-device-iphone-center .fs-project-mockup-device-screen {
	--fs-iphone-safe-area-bg: #fff;
	--fs-iphone-safe-area-top: 8.2%;
	left: -0.394%;
	top: 20.703%;
	width: 51.287%;
	height: 92.332%;
	border-radius: 14% / 6%;
	transform: rotate(-30.26deg);
}

.fs-side-phone-screen .fs-side-screen-media,
.fs-side-hand-phone-screen .fs-side-screen-media,
.fs-content-iphone-screen-media,
.fs-content-centered-phone-screen-media,
.fs-content-hand-phone-screen-media,
.fs-project-mockup-device-iphone-top .fs-project-mockup-device-screen-inner,
.fs-project-mockup-device-iphone-center .fs-project-mockup-device-screen-inner {
	background: var(--fs-iphone-safe-area-bg, #fff);
	position: relative;
}

.fs-side-phone-screen .fs-side-screen-media,
.fs-side-hand-phone-screen .fs-side-screen-media {
	inset: 0;
	position: absolute;
}

.fs-side-phone-screen .fs-side-screen-media::before,
.fs-side-hand-phone-screen .fs-side-screen-media::before,
.fs-content-iphone-screen-media::before,
.fs-content-centered-phone-screen-media::before,
.fs-content-hand-phone-screen-media::before,
.fs-project-mockup-device-iphone-top .fs-project-mockup-device-screen-inner::before,
.fs-project-mockup-device-iphone-center .fs-project-mockup-device-screen-inner::before {
	background: var(--fs-iphone-safe-area-bg, #fff);
	box-shadow: 0 1px 0 rgba(0,0,0,.055);
	content: "";
	height: var(--fs-iphone-safe-area-top, 8.2%);
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.fs-side-phone-screen .fs-side-screen-media > img,
.fs-side-phone-screen .fs-side-screen-media > video,
.fs-side-hand-phone-screen .fs-side-screen-media > img,
.fs-side-hand-phone-screen .fs-side-screen-media > video,
.fs-content-iphone-screen-media > img,
.fs-content-iphone-screen-media > video,
.fs-content-centered-phone-screen-media > img,
.fs-content-centered-phone-screen-media > video,
.fs-content-hand-phone-screen-media > img,
.fs-content-hand-phone-screen-media > video,
.fs-project-mockup-device-iphone-top .fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-iphone-top .fs-project-mockup-device-screen-inner > video,
.fs-project-mockup-device-iphone-center .fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-iphone-center .fs-project-mockup-device-screen-inner > video {
	-webkit-transform: translateY(var(--fs-iphone-safe-area-top, 8.2%));
	-moz-transform: translateY(var(--fs-iphone-safe-area-top, 8.2%));
	-o-transform: translateY(var(--fs-iphone-safe-area-top, 8.2%));
	transform: translateY(var(--fs-iphone-safe-area-top, 8.2%));
}

.fs-project-mockup-layout-desktop-scene {
	background:
		radial-gradient(ellipse at 49% 69%, rgba(255,255,255,.28) 0%, rgba(255,255,255,.11) 20%, rgba(255,255,255,0) 42%),
		var(--fs-project-mockup-bg, #d7e377);
}

.fs-desktop-scene-stage {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	perspective: 95vw;
	perspective-origin: 50% 48%;
}

.fs-desktop-scene-panel,
.fs-desktop-scene-imac-wrap {
	position: absolute;
	pointer-events: none;
	user-select: none;
}

.fs-desktop-scene-panel {
	overflow: hidden;
	background: #111;
	box-shadow: 0 2.2vw 5.5vw rgba(18, 28, 12, .16);
}

.fs-desktop-scene-panel::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,0) 21%, rgba(0,0,0,.14) 100%),
		linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.12));
	mix-blend-mode: screen;
	opacity: .5;
}

.fs-desktop-scene-panel-left {
	left: 14.8%;
	top: 27.1%;
	width: 28.7%;
	height: 40.8%;
	z-index: 12;
	transform-origin: 100% 50%;
	transform: rotateY(21deg) rotateZ(-1.7deg) skewY(-1.2deg);
}

.fs-desktop-scene-panel-right {
	left: 61.6%;
	top: 29.1%;
	width: 20.2%;
	height: 27.1%;
	z-index: 10;
	transform-origin: 0 50%;
	transform: rotateY(-28deg) rotateZ(1.1deg) skewY(.8deg);
}

.fs-desktop-scene-panel-media,
.fs-desktop-scene-panel-media img,
.fs-desktop-scene-panel-media video,
.fs-desktop-scene-panel-media .fs-project-mockup-placeholder,
.fs-desktop-scene-imac-media,
.fs-desktop-scene-imac-media img,
.fs-desktop-scene-imac-media video,
.fs-desktop-scene-imac-media .fs-project-mockup-placeholder {
	width: 100%;
	height: 100%;
}

.fs-desktop-scene-panel-media img,
.fs-desktop-scene-panel-media video,
.fs-desktop-scene-imac-media img,
.fs-desktop-scene-imac-media video {
	display: block;
	object-fit: cover;
}

.fs-desktop-scene-imac-wrap {
	left: 38.45%;
	top: 25.15%;
	width: 26.2%;
	height: 55.2%;
	z-index: 24;
}

.fs-desktop-scene-imac-shadow {
	position: absolute;
	left: 1%;
	top: 76%;
	width: 91%;
	height: 12%;
	background: radial-gradient(ellipse at center, rgba(23, 33, 14, .26) 0%, rgba(23, 33, 14, .16) 37%, rgba(23, 33, 14, 0) 72%);
	filter: blur(.28vw);
	transform: rotate(-2deg);
}

.fs-desktop-scene-imac {
	position: absolute;
	left: 1.8%;
	top: 0;
	width: 96%;
	aspect-ratio: 1400 / 1130;
	box-shadow:
		0 1.55vw 3.6vw rgba(8, 13, 12, .32),
		inset 0 .12vw .32vw rgba(255,255,255,.16);
}

.fs-desktop-scene-imac-screen {
	position: absolute;
	left: 4.04%;
	top: 5.22%;
	z-index: 1;
	width: 91.95%;
	height: 64.43%;
	overflow: hidden;
	background: #0b0d0d;
}

.fs-desktop-scene-imac-screen::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(255,255,255,.12), rgba(255,255,255,0) 30%);
	pointer-events: none;
}

.fs-desktop-scene-imac-frame {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	filter: brightness(.48) saturate(.82) contrast(1.18);
	object-fit: fill;
}

.fs-desktop-scene-keyboard {
	position: absolute;
	left: 24%;
	top: 88%;
	width: 50%;
	height: 5.7%;
	border-radius: 11% / 48%;
	background:
		repeating-linear-gradient(90deg, rgba(255,255,255,.14) 0 1.8%, rgba(0,0,0,0) 1.8% 3.8%),
		linear-gradient(180deg, #252b2f, #0e1215);
	box-shadow: 0 .5vw 1.15vw rgba(19,24,18,.2);
	transform: perspective(20vw) rotateX(58deg) rotateZ(-2.5deg);
}

.fs-desktop-scene-mouse {
	position: absolute;
	left: 80%;
	top: 85.9%;
	width: 7.2%;
	height: 4.7%;
	border-radius: 55% 55% 44% 44% / 72% 72% 38% 38%;
	background: linear-gradient(180deg, #20262a, #080a0c);
	box-shadow: 0 .45vw 1vw rgba(19,24,18,.2);
	transform: rotate(-4deg);
}

.fs-desktop-scene-base {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	user-select: none;
}

.fs-desktop-scene-screen-slot {
	position: absolute;
	z-index: 2;
	overflow: hidden;
	pointer-events: none;
	user-select: none;
}

.fs-desktop-scene-screen-slot-left {
	left: 14.896%;
	top: 27.056%;
	width: 25.417%;
	height: 40.909%;
	clip-path: polygon(0 0, 100% 1.7%, 100% 93.4%, 0 100%);
}

.fs-desktop-scene-screen-slot-center {
	left: 41.094%;
	top: 27.922%;
	width: 20.781%;
	height: 35.281%;
	clip-path: polygon(0 0, 100% 0, 100% 96.5%, 0 100%);
}

.fs-desktop-scene-screen-slot-right {
	left: 62.917%;
	top: 29.545%;
	width: 17.917%;
	height: 26.732%;
	clip-path: polygon(0 0, 100% 2.3%, 100% 92.8%, 0 100%);
}

.fs-desktop-scene-screen-slot-media,
.fs-desktop-scene-screen-slot-media img,
.fs-desktop-scene-screen-slot-media video,
.fs-desktop-scene-screen-slot-media .fs-project-mockup-placeholder {
	width: 100%;
	height: 100%;
}

.fs-desktop-scene-screen-slot-media img,
.fs-desktop-scene-screen-slot-media video {
	display: block;
	object-fit: cover;
}

.fs-side-screen-media,
.fs-side-page-card-media,
.fs-project-mockup-device-screen-inner,
.fs-content-iphone-screen-media,
.fs-content-centered-phone-screen-media,
.fs-content-tablet-screen-media,
.fs-content-hand-phone-screen-media,
.fs-content-imac-screen-media,
.fs-content-imac-front-screen-media,
.fs-content-imac-spread-plane-media,
.fs-content-laptop-screen-media,
.fs-content-page-card-media,
.fs-desktop-scene-panel-media,
.fs-desktop-scene-imac-media,
.fs-desktop-scene-screen-slot-media {
	overflow: hidden;
}

.fs-side-screen-media > img,
.fs-side-screen-media > video,
.fs-side-page-card-media > img,
.fs-side-page-card-media > video,
.fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-screen-inner > video,
.fs-content-iphone-screen-media > img,
.fs-content-iphone-screen-media > video,
.fs-content-centered-phone-screen-media > img,
.fs-content-centered-phone-screen-media > video,
.fs-content-tablet-screen-media > img,
.fs-content-tablet-screen-media > video,
.fs-content-hand-phone-screen-media > img,
.fs-content-hand-phone-screen-media > video,
.fs-content-imac-screen-media > img,
.fs-content-imac-screen-media > video,
.fs-content-imac-front-screen-media > img,
.fs-content-imac-front-screen-media > video,
.fs-content-imac-spread-plane-media > img,
.fs-content-imac-spread-plane-media > video,
.fs-content-laptop-screen-media > img,
.fs-content-laptop-screen-media > video,
.fs-content-page-card-media > img,
.fs-content-page-card-media > video,
.fs-desktop-scene-panel-media > img,
.fs-desktop-scene-panel-media > video,
.fs-desktop-scene-imac-media > img,
.fs-desktop-scene-imac-media > video,
.fs-desktop-scene-screen-slot-media > img,
.fs-desktop-scene-screen-slot-media > video {
	display: block;
	height: auto;
	object-fit: initial;
	object-position: top center;
	width: 100%;
}

/* Smooth media rendered inside rotated or perspective mockup screens. */
.fs-side-screen-media,
.fs-side-page-card-media,
.fs-project-mockup-device-screen-inner,
.fs-content-iphone-screen-media,
.fs-content-centered-phone-screen-media,
.fs-content-tablet-screen-media,
.fs-content-hand-phone-screen-media,
.fs-content-imac-screen-media,
.fs-content-imac-front-screen-media,
.fs-content-imac-spread-plane-media,
.fs-content-laptop-screen-media,
.fs-content-page-card-media,
.fs-desktop-scene-panel-media,
.fs-desktop-scene-imac-media,
.fs-desktop-scene-screen-slot-media,
.fs-side-device-frame,
.fs-content-iphone-frame,
.fs-content-centered-phone-frame,
.fs-content-tablet-frame,
.fs-content-hand-phone-frame,
.fs-content-imac-frame,
.fs-content-imac-front-frame,
.fs-content-imac-spread-frame,
.fs-content-laptop-frame {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	image-rendering: auto;
	image-rendering: smooth;
	transform-style: preserve-3d;
}

.fs-side-screen-media > img,
.fs-side-screen-media > video,
.fs-side-page-card-media > img,
.fs-side-page-card-media > video,
.fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-screen-inner > video,
.fs-content-iphone-screen-media > img,
.fs-content-iphone-screen-media > video,
.fs-content-centered-phone-screen-media > img,
.fs-content-centered-phone-screen-media > video,
.fs-content-tablet-screen-media > img,
.fs-content-tablet-screen-media > video,
.fs-content-hand-phone-screen-media > img,
.fs-content-hand-phone-screen-media > video,
.fs-content-imac-screen-media > img,
.fs-content-imac-screen-media > video,
.fs-content-imac-front-screen-media > img,
.fs-content-imac-front-screen-media > video,
.fs-content-imac-spread-plane-media > img,
.fs-content-imac-spread-plane-media > video,
.fs-content-laptop-screen-media > img,
.fs-content-laptop-screen-media > video,
.fs-content-page-card-media > img,
.fs-content-page-card-media > video,
.fs-desktop-scene-panel-media > img,
.fs-desktop-scene-panel-media > video,
.fs-desktop-scene-imac-media > img,
.fs-desktop-scene-imac-media > video,
.fs-desktop-scene-screen-slot-media > img,
.fs-desktop-scene-screen-slot-media > video {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	image-rendering: auto;
	image-rendering: smooth;
	outline: 1px solid transparent;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
}

.fs-side-phone-screen .fs-side-screen-media > img,
.fs-side-phone-screen .fs-side-screen-media > video,
.fs-side-hand-phone-screen .fs-side-screen-media > img,
.fs-side-hand-phone-screen .fs-side-screen-media > video,
.fs-content-iphone-screen-media > img,
.fs-content-iphone-screen-media > video,
.fs-content-centered-phone-screen-media > img,
.fs-content-centered-phone-screen-media > video,
.fs-content-hand-phone-screen-media > img,
.fs-content-hand-phone-screen-media > video,
.fs-project-mockup-device-iphone-top .fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-iphone-top .fs-project-mockup-device-screen-inner > video,
.fs-project-mockup-device-iphone-center .fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-iphone-center .fs-project-mockup-device-screen-inner > video {
	height: calc(100% - var(--fs-iphone-safe-area-top, 8.2%) + var(--fs-iphone-safe-area-bottom-overscan, 0px));
	object-fit: cover;
	object-position: top center;
	-webkit-transform: translateY(var(--fs-iphone-safe-area-top, 8.2%)) translateZ(0);
	transform: translateY(var(--fs-iphone-safe-area-top, 8.2%)) translateZ(0);
	width: 100%;
}

.fs-side-laptop-screen .fs-side-screen-media > img,
.fs-side-laptop-screen .fs-side-screen-media > video,
.fs-content-laptop-screen-media > img,
.fs-content-laptop-screen-media > video,
.fs-project-mockup-device-macbook-left .fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-macbook-left .fs-project-mockup-device-screen-inner > video,
.fs-project-mockup-device-macbook-right .fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-macbook-right .fs-project-mockup-device-screen-inner > video {
	height: auto;
	object-fit: unset;
	object-position: top center;
	width: 100%;
}

.fs-side-screen-media > img,
.fs-side-page-card-media > img,
.fs-project-mockup-device-screen-inner > img,
.fs-content-iphone-screen-media > img,
.fs-content-centered-phone-screen-media > img,
.fs-content-tablet-screen-media > img,
.fs-content-hand-phone-screen-media > img,
.fs-content-imac-screen-media > img,
.fs-content-imac-front-screen-media > img,
.fs-content-imac-spread-plane-media > img,
.fs-content-laptop-screen-media > img,
.fs-content-page-card-media > img,
.fs-desktop-scene-panel-media > img,
.fs-desktop-scene-imac-media > img,
.fs-desktop-scene-screen-slot-media > img {
	filter: blur(.03px);
}

.fs-side-screen-media > video,
.fs-side-page-card-media > video,
.fs-project-mockup-device-screen-inner > video,
.fs-content-iphone-screen-media > video,
.fs-content-centered-phone-screen-media > video,
.fs-content-tablet-screen-media > video,
.fs-content-hand-phone-screen-media > video,
.fs-content-imac-screen-media > video,
.fs-content-imac-front-screen-media > video,
.fs-content-imac-spread-plane-media > video,
.fs-content-laptop-screen-media > video,
.fs-content-page-card-media > video,
.fs-desktop-scene-panel-media > video,
.fs-desktop-scene-imac-media > video,
.fs-desktop-scene-screen-slot-media > video {
	filter: blur(.06px);
}

.fs-side-device-frame,
.fs-content-iphone-frame,
.fs-content-centered-phone-frame,
.fs-content-tablet-frame,
.fs-content-hand-phone-frame,
.fs-content-imac-frame,
.fs-content-imac-front-frame,
.fs-content-imac-spread-frame,
.fs-content-laptop-frame {
	filter: blur(.025px);
}

/* Keep project media proportional inside every mockup screen. */
.fs-side-screen-media > img,
.fs-side-screen-media > video,
.fs-side-page-card-media > img,
.fs-side-page-card-media > video,
.fs-project-mockup-device-screen-inner > img,
.fs-project-mockup-device-screen-inner > video,
.fs-content-iphone-screen-media > img,
.fs-content-iphone-screen-media > video,
.fs-content-centered-phone-screen-media > img,
.fs-content-centered-phone-screen-media > video,
.fs-content-tablet-screen-media > img,
.fs-content-tablet-screen-media > video,
.fs-content-hand-phone-screen-media > img,
.fs-content-hand-phone-screen-media > video,
.fs-content-imac-screen-media > img,
.fs-content-imac-screen-media > video,
.fs-content-imac-front-screen-media > img,
.fs-content-imac-front-screen-media > video,
.fs-content-imac-spread-plane-media > img,
.fs-content-imac-spread-plane-media > video,
.fs-content-laptop-screen-media > img,
.fs-content-laptop-screen-media > video,
.fs-content-page-card-media > img,
.fs-content-page-card-media > video,
.fs-desktop-scene-panel-media > img,
.fs-desktop-scene-panel-media > video,
.fs-desktop-scene-imac-media > img,
.fs-desktop-scene-imac-media > video,
.fs-desktop-scene-screen-slot-media > img,
.fs-desktop-scene-screen-slot-media > video {
	display: block !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
	object-position: top center !important;
	width: 100% !important;
}

/* Quote builder refresh */
.fs-quote-page {
	background: #f4f1ea;
	color: #111;
	font-family: 'BaiJamjuree-Regular', Arial, sans-serif;
	letter-spacing: 0;
}

.fs-quote-page *,
.fs-quote-page *:before,
.fs-quote-page *:after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.fs-quote-page [hidden] {
	display: none !important;
}

.fs-quote-hero {
	background: #050505;
	color: #fff;
	padding: 190px 40px 82px;
}

.fs-quote-hero__inner {
	margin: 0 auto;
	max-width: 1180px;
}

.fs-quote-eyebrow {
	color: #b7e5cc;
	font-family: 'BaiJamjuree-Medium', Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.fs-quote-hero h1 {
	color: #fff;
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	font-size: 72px;
	line-height: .95;
	margin: 0;
	max-width: 760px;
	text-transform: uppercase;
}

.fs-quote-hero__copy {
	color: rgba(255,255,255,.76);
	font-size: 20px;
	line-height: 1.45;
	margin: 26px 0 34px;
	max-width: 780px;
}

.fs-quote-mode-switch {
	align-items: center;
	display: inline-flex;
	gap: 8px;
	padding: 5px;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 8px;
}

.fs-quote-mode {
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: rgba(255,255,255,.72);
	cursor: pointer;
	font-family: 'BaiJamjuree-Medium', Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	padding: 13px 18px;
	text-transform: uppercase;
}

.fs-quote-mode.is-active {
	background: #fff;
	color: #050505;
}

.fs-quote-shell {
	padding: 54px 40px 90px;
}

.fs-quote-form {
	margin: 0 auto;
	max-width: 1180px;
}

.fs-quote-grid {
	align-items: start;
	display: grid;
	gap: 26px;
	grid-template-columns: minmax(0, 1fr) 340px;
}

.fs-quote-main {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.fs-quote-panel,
.fs-quote-ai-brief,
.fs-quote-estimate,
.fs-quote-process {
	background: #fff;
	border: 1px solid #171717;
	border-radius: 8px;
	box-shadow: 6px 6px 0 #171717;
}

.fs-quote-panel {
	display: grid;
	gap: 20px;
	padding: 28px;
}

.fs-quote-panel--intro,
.fs-quote-panel--ai {
	grid-template-columns: 58px minmax(0, 1fr);
}

.fs-quote-step {
	align-items: center;
	background: #fff7b8;
	border: 1px solid #171717;
	border-radius: 8px;
	display: flex;
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	font-size: 15px;
	height: 46px;
	justify-content: center;
	line-height: 1;
	width: 46px;
}

.fs-quote-page h2 {
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	font-size: 24px;
	line-height: 1.15;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.fs-quote-page p {
	font-size: 15px;
	line-height: 1.45;
	margin: 0;
}

.fs-quote-services {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fs-quote-service,
.fs-quote-extras label {
	align-items: center;
	background: #fff;
	border: 1px solid #171717;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	font-family: 'BaiJamjuree-Medium', Arial, sans-serif;
	font-size: 14px;
	gap: 10px;
	line-height: 1.2;
	min-height: 56px;
	padding: 13px 14px;
}

.fs-quote-service input,
.fs-quote-extras input {
	accent-color: #111;
	flex: 0 0 auto;
	height: 17px;
	margin: 0;
	width: 17px;
}

.fs-quote-service:has(input:checked),
.fs-quote-extras label:has(input:checked) {
	background: #b7e5cc;
}

.fs-quote-fields {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fs-quote-field,
.fs-quote-ai-brief {
	display: grid;
	gap: 9px;
}

.fs-quote-field--wide {
	grid-column: 1 / -1;
}

.fs-quote-contact {
	gap: 24px;
}

.fs-quote-contact-heading {
	align-items: center;
	display: grid;
	gap: 20px;
	grid-template-columns: 58px minmax(0, 1fr);
}

.fs-quote-contact-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fs-quote-field label,
.fs-quote-ai-brief span {
	color: #333;
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	text-transform: uppercase;
}

.fs-quote-page input.text_input,
.fs-quote-page select.text_input,
.fs-quote-page textarea.text_input {
	appearance: none;
	background: #fbfaf6;
	border: 1px solid #171717;
	border-radius: 8px;
	color: #111;
	font-family: 'BaiJamjuree-Regular', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.35;
	margin: 0;
	min-height: 48px;
	outline: 0;
	padding: 12px 14px;
	width: 100%;
}

.fs-quote-page textarea.text_input {
	min-height: 118px;
	resize: vertical;
}

.fs-quote-page select.text_input {
	background-image: linear-gradient(45deg, transparent 50%, #111 50%), linear-gradient(135deg, #111 50%, transparent 50%);
	background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	padding-right: 36px;
}

.fs-quote-page input.text_input:focus,
.fs-quote-page select.text_input:focus,
.fs-quote-page textarea.text_input:focus {
	background: #fff;
	box-shadow: 0 0 0 3px #f6d0cc;
}

.fs-quote-page ::placeholder {
	color: #777;
	text-transform: none;
}

.fs-quote-ai {
	display: grid;
	gap: 18px;
}

.fs-quote-ai-brief {
	padding: 22px;
}

.fs-quote-ai-actions {
	align-items: center;
	display: flex;
	gap: 14px;
}

.fs-quote-secondary,
.fs-quote-submit {
	border: 1px solid #111;
	border-radius: 8px;
	cursor: pointer;
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	line-height: 1;
	text-transform: uppercase;
	transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.fs-quote-secondary {
	background: #111;
	color: #fff;
	font-size: 13px;
	padding: 14px 18px;
}

.fs-quote-ai-actions span {
	color: #555;
	font-size: 13px;
}

.fs-quote-ai-result {
	background: #111;
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
	line-height: 1.45;
	padding: 20px;
}

.fs-quote-ai-result strong {
	color: #b7e5cc;
	display: block;
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.fs-quote-ai-result p {
	color: rgba(255,255,255,.78);
	margin: 0 0 10px;
}

.fs-quote-ai-result ul {
	margin: 10px 0 0;
	padding-left: 18px;
}

.fs-quote-options {
	grid-template-columns: 58px minmax(0, 1fr);
}

.fs-quote-extras {
	display: grid;
	gap: 10px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fs-quote-aside {
	display: grid;
	gap: 18px;
	position: sticky;
	top: 24px;
}

.fs-quote-estimate,
.fs-quote-process {
	padding: 24px;
}

.fs-quote-estimate span {
	display: block;
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	font-size: 12px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.fs-quote-estimate strong {
	display: block;
	font-family: 'BaiJamjuree-Bold', Arial, sans-serif;
	font-size: 31px;
	line-height: 1.05;
	margin-bottom: 12px;
}

.fs-quote-estimate p,
.fs-quote-process li {
	color: #333;
	font-size: 14px;
	line-height: 1.45;
}

.fs-quote-process h2 {
	font-size: 19px;
}

.fs-quote-process ol {
	margin: 14px 0 0;
	padding-left: 20px;
}

.fs-quote-process li + li {
	margin-top: 10px;
}

.fs-quote-submit {
	background: #111;
	box-shadow: 6px 6px 0 #f6d0cc;
	color: #fff;
	font-size: 15px;
	min-height: 58px;
	padding: 0 18px;
	width: 100%;
}

.fs-quote-secondary:hover,
.fs-quote-submit:hover {
	transform: translate(2px, 2px);
}

.fs-quote-submit:hover {
	box-shadow: 4px 4px 0 #f6d0cc;
}

.fs-quote-submit:disabled {
	cursor: default;
	opacity: .55;
	transform: none;
}

.fs-quote-hp {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: auto;
	white-space: nowrap;
	width: 1px;
}

.fs-quote-page .empty_error,
.fs-quote-page .invalid_email {
	border-color: #c84f3a !important;
	box-shadow: 0 0 0 3px rgba(200,79,58,.2) !important;
}

@media (max-width: 960px) {
	.fs-quote-hero {
		padding: 150px 30px 62px;
	}

	.fs-quote-hero h1 {
		font-size: 58px;
		max-width: 620px;
		overflow-wrap: break-word;
	}

	.fs-quote-hero__copy {
		font-size: 17px;
		max-width: 640px;
	}

	.fs-quote-shell {
		padding: 38px 28px 76px;
	}

	.fs-quote-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.fs-quote-aside {
		position: static;
		top: auto;
	}

	.fs-quote-services,
	.fs-quote-extras {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.fs-quote-hero {
		padding: 188px 22px 46px;
	}

	.fs-quote-eyebrow {
		font-size: 11px;
		margin-bottom: 12px;
		max-width: 280px;
	}

	.fs-quote-hero h1 {
		font-size: 45px;
		line-height: 1;
	}

	.fs-quote-hero__copy {
		font-size: 14px;
		line-height: 1.35;
		margin: 15px 0 18px;
	}

	.fs-quote-mode-switch {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 344px;
		width: 100%;
	}

	.fs-quote-mode {
		font-size: 11px;
		line-height: 1.12;
		padding: 11px 8px;
		white-space: normal;
	}

	.fs-quote-shell {
		padding: 28px 20px 58px;
	}

	.fs-quote-main,
	.fs-quote-grid,
	.fs-quote-aside {
		gap: 16px;
	}

	.fs-quote-panel,
	.fs-quote-ai-brief,
	.fs-quote-estimate,
	.fs-quote-process {
		border-radius: 8px;
		box-shadow: 4px 4px 0 #171717;
	}

	.fs-quote-panel,
	.fs-quote-ai-brief,
	.fs-quote-estimate,
	.fs-quote-process {
		padding: 20px;
	}

	.fs-quote-panel--intro,
	.fs-quote-panel--ai,
	.fs-quote-options,
	.fs-quote-contact-heading {
		gap: 14px;
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.fs-quote-step {
		border-radius: 7px;
		font-size: 13px;
		height: 40px;
		width: 40px;
	}

	.fs-quote-page h2 {
		font-size: 20px;
		line-height: 1.15;
	}

	.fs-quote-page p {
		font-size: 14px;
	}

	.fs-quote-services,
	.fs-quote-extras,
	.fs-quote-fields,
	.fs-quote-contact-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.fs-quote-service,
	.fs-quote-extras label {
		font-size: 14px;
		min-height: 50px;
		padding: 12px;
	}

	.fs-quote-options .fs-quote-extras {
		grid-column: 1 / -1;
	}

	.fs-quote-page input.text_input,
	.fs-quote-page select.text_input,
	.fs-quote-page textarea.text_input {
		font-size: 14px;
		min-height: 46px;
		padding: 11px 12px;
	}

	.fs-quote-page textarea.text_input {
		min-height: 112px;
	}

	.fs-quote-ai-actions {
		align-items: stretch;
		flex-direction: column;
		gap: 9px;
	}

	.fs-quote-secondary {
		width: 100%;
	}

	.fs-quote-ai-result {
		padding: 16px;
	}

	.fs-quote-estimate strong {
		font-size: 26px;
	}

	.fs-quote-submit {
		min-height: 54px;
	}
}

@media (max-width: 360px) {
	.fs-quote-hero {
		padding-left: 18px;
		padding-right: 18px;
	}

	.fs-quote-hero h1 {
		font-size: 39px;
	}

	.fs-quote-shell {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.proposal_builder_refined [hidden] {
	display: none !important;
}

.proposal_builder_refined .proposal_builder_ai_button {
	background: #000;
	border: 2px solid #000;
	color: #fff;
	cursor: pointer;
	font-family: 'BaiJamjuree-Medium';
	font-size: 13px;
	line-height: 32px;
	margin-top: 18px;
	padding: 0 24px;
	text-align: center;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_ai_result {
	border-top: 1px solid #939598;
	color: #939598;
	display: none;
	font-family: 'BaiJamjuree-Regular';
	font-size: 13px;
	line-height: 24px;
	margin-top: 18px;
	padding-top: 12px;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_ai_result strong {
	color: #000;
	font-family: 'BaiJamjuree-Bold';
}

.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_chat_field {
	float: left;
	padding: 35px 50px;
	position: relative;
	width: 66.66%;
}

.proposal_form.is-ai-mode [data-ai-hidden-fields],
.proposal_form.is-ai-mode [data-guided-client-step] {
	display: none !important;
}

.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_ai_console_group[group="3"] .proposal_builder_step_field.proposal_builder_chat_field {
	float: none;
	padding: 35px 50px 55px;
	width: 100%;
}

.proposal_builder_refined .proposal_builder_chat_field label {
	color: #939598;
	display: block;
	font-family: 'BaiJamjuree-Regular';
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 33px;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_console {
	background: #FFFFFF;
	border: 1px solid #D0D2D3;
	border-radius: 14px;
	box-shadow: 0 30px 80px -58px rgba(0, 0, 0, .72);
	color: #000000;
	display: flex;
	flex-direction: column;
	font-family: 'BaiJamjuree-Regular';
	min-height: 440px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.proposal_builder_refined .proposal_builder_console:before {
	background: #00E5FF;
	content: "";
	height: 3px;
	left: 18px;
	position: absolute;
	right: 18px;
	top: 0;
	z-index: 5;
}

.proposal_builder_refined .proposal_builder_ai_console_group .proposal_builder_console {
	height: 640px;
	max-height: 640px;
	min-height: 640px;
}

.proposal_builder_refined .proposal_builder_console.empty_error {
	border-color: #C9584F;
	box-shadow: 0 0 0 1px rgba(201, 88, 79, .25);
}

.proposal_builder_refined .proposal_builder_console_log {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 24px 24px 104px;
	scrollbar-color: #00E5FF #F1F2F2;
	scrollbar-width: thin;
}

.proposal_builder_refined .proposal_builder_console_files {
	background: #F8F9F9;
	border-top: 1px solid #D0D2D3;
	flex: 0 0 auto;
	padding: 16px;
	position: relative;
	z-index: 4;
}

.proposal_builder_refined .proposal_builder_console_message {
	display: grid;
	gap: 14px;
	grid-template-columns: 92px minmax(0, 1fr);
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 14px;
}

.proposal_builder_refined .proposal_builder_console_label {
	color: #939598;
	display: inline-flex;
	font-size: 12px;
	gap: 7px;
	letter-spacing: .02em;
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_label:before {
	color: #00BFD8;
	content: ">";
}

.proposal_builder_refined .proposal_builder_console_message.is-user .proposal_builder_console_label,
.proposal_builder_refined .proposal_builder_console_message.is-user .proposal_builder_console_text {
	color: #000000;
}

.proposal_builder_refined .proposal_builder_console_text {
	white-space: pre-line;
}

.proposal_builder_refined .proposal_builder_console_text strong {
	color: #00BFD8;
	font-weight: normal;
}

.proposal_builder_refined .proposal_builder_console_chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	grid-column: 2;
	margin-top: -1px;
	max-width: 720px;
}

.proposal_builder_refined .proposal_builder_console_chip {
	background: #F8F9F9;
	border: 1px solid rgba(0, 191, 216, .34);
	border-radius: 999px;
	color: #000000;
	cursor: pointer;
	font-family: inherit;
	font-size: 12.5px;
	line-height: 28px;
	min-height: 30px;
	padding: 0 12px;
	text-transform: none;
	transition: background .14s ease, border-color .14s ease, color .14s ease;
}

.proposal_builder_refined .proposal_builder_console_chip:hover {
	background: #00E5FF;
	border-color: #00E5FF;
	color: #001316;
}

.proposal_builder_refined .proposal_builder_console_chip.is-selected {
	background: #00E5FF;
	border-color: #00E5FF;
	color: #001316;
}

.proposal_builder_refined .proposal_builder_console_message.is-user .proposal_builder_console_label:before {
	color: #000000;
}

.proposal_builder_refined .proposal_builder_console_message.is-typing .proposal_builder_console_text:after {
	content: "_";
	display: inline-block;
	margin-left: 2px;
}

.proposal_builder_refined .proposal_builder_console_input {
	background: #F8F9F9;
	border-top: 1px solid #D0D2D3;
	display: grid;
	flex: 0 0 auto;
	gap: 10px;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	margin-top: 0;
	padding: 14px 16px;
	position: relative;
	z-index: 4;
}

.proposal_builder_refined .proposal_builder_console_prompt {
	align-self: start;
	color: #00BFD8;
	font-family: inherit;
	font-size: 15px;
	line-height: 36px;
}

.proposal_builder_refined .proposal_builder_console_input textarea.text_input {
	background: #FFFFFF;
	background-color: #FFFFFF !important;
	border: 0 !important;
	border-bottom: 0 !important;
	border-radius: 8px;
	box-shadow: none !important;
	color: #000000;
	font-family: inherit;
	font-size: 15px;
	height: 36px;
	line-height: 36px;
	min-height: 36px;
	outline: 0;
	overflow: hidden;
	padding: 0 10px;
	resize: none;
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_input textarea.text_input:focus {
	box-shadow: none !important;
	outline: 0;
}

.proposal_builder_refined .proposal_builder_console_input textarea.text_input::-webkit-input-placeholder {
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_input textarea.text_input::-moz-placeholder {
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_input textarea.text_input:-ms-input-placeholder {
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_input textarea.text_input:-moz-placeholder {
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_input textarea.text_input.empty_error {
	border: 0;
	box-shadow: none;
}

.proposal_builder_refined .proposal_builder_console_input .proposal_builder_ai_button {
	align-items: center;
	align-self: center;
	background: transparent;
	border: 1px solid #D0D2D3;
	border-radius: 8px;
	color: #000000;
	display: flex;
	font-family: inherit;
	height: 36px;
	justify-content: center;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 36px;
}

.proposal_builder_refined .proposal_builder_console_input .proposal_builder_ai_button:hover {
	background: #00E5FF;
	border-color: #00E5FF;
	color: #001316;
}

.proposal_builder_refined .proposal_builder_console_actions {
	align-items: center;
	background: #FFFFFF;
	border-top: 1px solid #D0D2D3;
	display: flex;
	flex: 0 0 auto;
	gap: 14px;
	justify-content: space-between;
	padding: 12px 14px;
	position: relative;
	z-index: 4;
}

.proposal_builder_refined .proposal_builder_console_actions span {
	color: #939598;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: .02em;
	line-height: 17px;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_console_submit {
	background: #000000;
	border: 1px solid #000000;
	border-radius: 8px;
	color: #FFFFFF;
	cursor: pointer;
	font-family: inherit;
	font-size: 12px;
	height: 36px;
	letter-spacing: .02em;
	line-height: 34px;
	padding: 0 14px;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_console_submit:hover {
	background: #00E5FF;
	border-color: #00E5FF;
	color: #001316;
}

.proposal_builder_refined .proposal_builder_console_submit:disabled {
	cursor: default;
	opacity: .4;
}

.proposal_builder_refined .proposal_builder_console_done {
	background: #F1F2F2;
	border-top: 1px solid #D0D2D3;
	color: #000000;
	flex: 0 0 auto;
	font-family: inherit;
	font-size: 13px;
	line-height: 19px;
	padding: 14px;
	position: relative;
	text-transform: uppercase;
	z-index: 4;
}

.proposal_builder_refined .proposal_builder_send_icon {
	background: currentColor;
	display: block;
	height: 1px;
	position: relative;
	width: 14px;
}

.proposal_builder_refined .proposal_builder_send_icon:after {
	border-right: 1px solid currentColor;
	border-top: 1px solid currentColor;
	content: "";
	height: 7px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 7px;
}

.proposal_builder_refined .proposal_builder_console_mascot {
	align-items: center;
	animation: proposalMascotIdle 3.2s ease-in-out infinite;
	bottom: 82px;
	cursor: default;
	display: flex;
	flex-direction: column;
	gap: 3px;
	pointer-events: auto;
	position: absolute;
	right: 8px;
	z-index: 6;
}

.proposal_builder_refined .proposal_builder_console_mascot_canvas {
	display: none;
	filter: none;
	height: auto;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	max-height: 78px;
	object-fit: contain;
	transition: transform .15s ease;
	width: 67px;
}

.proposal_builder_refined .proposal_builder_console_mascot.has-robotito .proposal_builder_console_mascot_canvas {
	display: block;
}

.proposal_builder_refined .proposal_builder_console_mascot.has-robotito .proposal_builder_console_mascot_img {
	display: none;
}

.proposal_builder_refined .proposal_builder_console_mascot:hover .proposal_builder_console_mascot_canvas {
	transform: translateY(-2px);
}

.proposal_builder_refined .proposal_builder_console_mascot_img {
	display: block;
	filter: none;
	height: 52px;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	object-fit: cover;
	transition: opacity .12s ease, transform .12s ease;
	width: 52px;
}

.proposal_builder_refined .proposal_builder_console_mascot_status {
	background: rgba(255, 255, 255, .92);
	border: 1px solid #D0D2D3;
	border-radius: 8px;
	color: #939598;
	font-family: inherit;
	font-size: 10px;
	line-height: 13px;
	min-height: 15px;
	padding: 1px 6px;
	text-align: center;
	white-space: nowrap;
	display: none;
}

.proposal_builder_refined .proposal_builder_console_mascot.is-talking .proposal_builder_console_mascot_img {
	animation: proposalMascotTalk .32s steps(2, end) infinite;
}

.proposal_builder_refined .proposal_builder_console_mascot.is-thinking .proposal_builder_console_mascot_img {
	transform: rotate(-3deg) translateY(-2px);
}

.proposal_builder_refined .proposal_builder_console_mascot.is-serious .proposal_builder_console_mascot_img {
	transform: translateX(-2px);
}

@keyframes proposalMascotIdle {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
	}
}

@keyframes proposalMascotTalk {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-3px);
	}
}

.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_file_field {
	float: left;
	padding: 35px 50px;
	position: relative;
	width: 66.66%;
}

.proposal_builder_refined .proposal_builder_step_file_field label {
	color: #939598;
	display: block;
	font-family: 'BaiJamjuree-Regular';
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 33px;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_step.step_3 {
	background: #F1F2F2;
}

.proposal_builder_refined .proposal_builder_file_dropzone {
	background: linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(248, 249, 249, .96));
	border: 1px dashed #7B7F82;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
	color: #7B7F82;
	cursor: pointer;
	font-family: 'BaiJamjuree-Regular';
	min-height: 156px;
	overflow: hidden;
	padding: 28px 92px 24px 24px;
	position: relative;
	text-transform: uppercase;
	-moz-transition: border-color .25s ease, background .25s ease, color .25s ease, transform .25s ease;
	-ms-transition: border-color .25s ease, background .25s ease, color .25s ease, transform .25s ease;
	-o-transition: border-color .25s ease, background .25s ease, color .25s ease, transform .25s ease;
	transition: border-color .25s ease, background .25s ease, color .25s ease, transform .25s ease;
	width: 100%;
}

.proposal_builder_refined .proposal_builder_file_dropzone:before {
	align-items: center;
	border: 1px solid #000;
	color: #000;
	content: "+";
	display: flex;
	font-family: 'BaiJamjuree-Regular';
	font-size: 33px;
	height: 46px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 24px;
	top: 28px;
	width: 46px;
	z-index: 1;
}

.proposal_builder_refined .proposal_builder_file_dropzone:after {
	background: #000;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .25s ease;
	width: 100%;
	z-index: 1;
}

.proposal_builder_refined .proposal_builder_file_dropzone:hover {
	border-color: #000;
	color: #000;
}

.proposal_builder_refined .proposal_builder_file_dropzone.is-dragging {
	background: rgba(0,0,0,.035);
	border-color: #000;
	color: #000;
}

.proposal_builder_refined .proposal_builder_file_dropzone:hover:after,
.proposal_builder_refined .proposal_builder_file_dropzone.is-dragging:after {
	transform: scaleX(1);
}

.proposal_builder_refined .proposal_builder_file_dropzone.is-dragging:before {
	background: #000;
	color: #fff;
}

.proposal_builder_refined .proposal_builder_file_dropzone input[type="file"] {
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.proposal_builder_refined .proposal_builder_file_dropzone_text {
	pointer-events: none;
	position: relative;
	z-index: 1;
}

.proposal_builder_refined .proposal_builder_file_dropzone_text strong {
	color: #000;
	display: block;
	font-family: 'BaiJamjuree-Bold';
	font-size: 15px;
	letter-spacing: .5px;
	line-height: 22px;
	max-width: 320px;
}

.proposal_builder_refined .proposal_builder_file_dropzone_text span {
	color: #939598;
	display: block;
	font-family: 'BaiJamjuree-Regular';
	font-size: 12px;
	line-height: 20px;
	max-width: 360px;
	padding-top: 7px;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_file_preview {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 22px 0 0;
	padding: 0;
	pointer-events: none;
	position: relative;
	z-index: 1;
}

.proposal_builder_refined .proposal_builder_file_preview li {
	align-items: center;
	background: rgba(255, 255, 255, .78);
	border: 1px solid #D0D2D3;
	display: grid;
	gap: 10px;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	min-height: 46px;
	padding: 6px 8px;
}

.proposal_builder_refined .proposal_builder_file_thumb {
	align-items: center;
	background: #000;
	background-position: center;
	background-size: cover;
	border: 1px solid #000;
	color: #fff;
	display: flex;
	font-family: 'BaiJamjuree-Bold';
	font-size: 9px;
	height: 32px;
	justify-content: center;
	line-height: 1;
	width: 32px;
}

.proposal_builder_refined .proposal_builder_file_thumb.has-image {
	color: transparent;
}

.proposal_builder_refined .proposal_builder_file_name {
	color: #000;
	font-family: 'BaiJamjuree-Regular';
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.proposal_builder_refined .proposal_builder_file_preview small {
	color: #939598;
	font-family: 'BaiJamjuree-Regular';
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_dropzone {
	background: #FFFFFF;
	border-color: #D0D2D3;
	border-radius: 8px;
	box-shadow: none;
	color: #939598;
	min-height: 122px;
	padding: 20px 80px 20px 20px;
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_dropzone:before {
	border-color: #00E5FF;
	border-radius: 8px;
	color: #00BFD8;
	font-family: inherit;
	height: 38px;
	right: 18px;
	top: 18px;
	width: 38px;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_dropzone:after {
	background: #00E5FF;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_dropzone:hover,
.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_dropzone.is-dragging {
	background: #F7FDFF;
	border-color: #00BFD8;
	color: #000000;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_dropzone_text strong {
	color: #000000;
	font-family: inherit;
	font-size: 13px;
	line-height: 19px;
	max-width: none;
	text-transform: uppercase;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_dropzone_text span {
	color: #939598;
	font-family: inherit;
	font-size: 12px;
	line-height: 18px;
	max-width: none;
	padding-top: 4px;
	text-transform: none;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_preview {
	margin-top: 14px;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_preview li {
	background: #F8F9F9;
	border-color: #D0D2D3;
	border-radius: 8px;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_name {
	color: #000000;
	font-family: inherit;
}

.proposal_builder_refined .proposal_builder_console_files .proposal_builder_file_preview small {
	color: #939598;
	font-family: inherit;
}

.proposal_builder_refined .fs-quote-hp {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: auto;
	white-space: nowrap;
	width: 1px;
}

@media (max-width: 767px) {
	.primary_proposals.proposal_builder_refined .proposal_builder_container {
		padding-top: 170px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_container .proposal_builder_title {
		font-size: 42px;
		line-height: 39px;
		padding: 0 46px;
		text-align: left;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_mode_choice {
		align-items: stretch;
		flex-direction: column;
		margin: 0 auto 34px;
		padding: 0 46px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_mode_choice_label {
		margin: 0;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_mode_button {
		min-width: 0;
		width: 100%;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_step {
		padding: 58px 0 50px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_step_titile {
		font-size: 27px;
		line-height: 36px;
		padding: 0 46px 34px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_step_titile label {
		display: inline-block;
		font-size: 48px;
		line-height: 48px;
		margin: 0 12px 0 0;
		vertical-align: top;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_chat_field,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_textarea_field,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_file_field {
		float: none;
		padding: 24px 46px;
		width: 100%;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field .text_input,
	.primary_proposals.proposal_builder_refined .ui-selectmenu-button.ui-button,
	.primary_proposals.proposal_builder_refined .ui-corner-all.ui-multiselect {
		width: 100% !important;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_console {
		min-height: 390px;
		padding: 0;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_console_log {
		padding: 16px 14px 92px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_console_input {
		grid-template-columns: 18px minmax(0, 1fr) 32px;
		padding: 10px 12px 12px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_console_input .proposal_builder_ai_button {
		grid-column: auto;
		justify-self: end;
		width: 32px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_console_mascot {
		bottom: 62px;
		right: 7px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_console_mascot_canvas {
		max-height: 64px;
		width: 55px;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_console_mascot_img {
		height: 44px;
		width: 44px;
	}

	.primary_proposals.proposal_builder_refined .fields_group_title {
		padding: 34px 46px 0;
	}

	.primary_proposals.proposal_builder_refined .fields_group_title div {
		width: 100%;
	}

	.primary_proposals.proposal_builder_refined .checklist_container .proposal_builder_step_field {
		padding: 24px 46px !important;
		width: 100% !important;
	}

	.primary_proposals.proposal_builder_refined .checklist_container .proposal_builder_step_field ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_step_submit_container {
		padding: 36px 46px 0;
	}

	.primary_proposals.proposal_builder_refined .proposal_builder_step_submit_container .submit_input {
		width: 100%;
	}
}

.fs-quote-terminal-root[hidden] {
	display: none !important;
}

.fs-quote-terminal-root {
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 999999;
}

.fs-quote-terminal-window {
	background: rgba(16, 18, 22, .74);
	backdrop-filter: blur(26px) saturate(145%);
	-webkit-backdrop-filter: blur(26px) saturate(145%);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 18px;
	box-shadow: 0 24px 80px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .11);
	color: #EEF8FA;
	display: flex;
	flex-direction: column;
	font-family: 'BaiJamjuree-Regular', Consolas, Monaco, monospace;
	height: min(620px, calc(100vh - 70px));
	left: auto;
	min-height: 360px;
	min-width: 430px;
	overflow: hidden;
	pointer-events: auto;
	position: fixed;
	right: 38px;
	top: auto;
	bottom: 38px;
	width: min(760px, calc(100vw - 40px));
}

.fs-quote-terminal-window.is-moving,
.fs-quote-terminal-window.is-resizing {
	user-select: none;
}

.fs-quote-terminal-titlebar {
	align-items: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06));
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	cursor: move;
	display: grid;
	flex: 0 0 42px;
	grid-template-columns: 92px minmax(0, 1fr) auto;
	height: 42px;
	padding: 0 14px;
}

.fs-quote-terminal-controls {
	align-items: center;
	display: flex;
	gap: 8px;
}

.fs-quote-terminal-control {
	appearance: none;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 12px;
	margin: 0;
	padding: 0;
	width: 12px;
}

.fs-quote-terminal-control.is-close {
	background: #FF5F57;
}

.fs-quote-terminal-control.is-minimize {
	background: #FFBD2E;
}

.fs-quote-terminal-control.is-maximize {
	background: #28C840;
}

.fs-quote-terminal-title {
	align-items: baseline;
	color: rgba(238, 248, 250, .92);
	display: flex;
	font-family: 'BaiJamjuree-Medium', 'BaiJamjuree-Regular', sans-serif;
	font-size: 12px;
	gap: 8px;
	justify-content: center;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.fs-quote-terminal-title small {
	color: rgba(0, 229, 255, .72);
	font-size: 10px;
	letter-spacing: .12em;
}

.fs-quote-terminal-titlebar-spacer {
	min-width: 0;
}

.fs-quote-terminal-actions {
	align-items: center;
	display: flex;
	gap: 6px;
	min-width: 0;
}

.fs-quote-terminal-resources-toggle:hover {
	background: rgba(0, 229, 255, .12);
	border-color: rgba(0, 229, 255, .38);
	color: #FFFFFF;
}

.fs-quote-terminal-resources-toggle:focus-visible {
	outline: 2px solid #00E5FF;
	outline-offset: 2px;
}

.fs-quote-terminal-resources-toggle {
	appearance: none;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 999px;
	color: rgba(238, 248, 250, .82);
	cursor: pointer;
	font-family: 'BaiJamjuree-Medium', 'BaiJamjuree-Regular', sans-serif;
	font-size: 11px;
	line-height: 24px;
	margin: 0;
	padding: 0 8px 0 10px;
	text-transform: none;
}

.fs-quote-terminal-resources-toggle span {
	background: rgba(0, 229, 255, .16);
	border-radius: 999px;
	color: #00E5FF;
	display: inline-block;
	line-height: 17px;
	margin-left: 6px;
	min-width: 17px;
	text-align: center;
}

.fs-quote-terminal-resources-toggle.has-files {
	border-color: rgba(0, 229, 255, .38);
	color: #FFFFFF;
}

.fs-quote-terminal-body {
	background:
		radial-gradient(circle at 88% 18%, rgba(0, 229, 255, .11), transparent 27%),
		linear-gradient(180deg, rgba(5, 7, 10, .20), rgba(5, 7, 10, .48));
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	position: relative;
}

.fs-quote-terminal-output {
	flex: 1 1 auto;
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 13px;
	line-height: 20px;
	min-height: 0;
	overflow-y: auto;
	padding: 22px 24px 174px;
	scrollbar-color: rgba(0, 229, 255, .75) rgba(255, 255, 255, .08);
	scrollbar-width: thin;
	width: 100%;
}

.fs-quote-terminal-window.has-resources-open .fs-quote-terminal-output {
	padding-right: 24px;
}

.fs-quote-terminal-line {
	display: grid;
	gap: 13px;
	grid-template-columns: 94px minmax(0, 1fr);
	margin: 0 0 10px;
}

.fs-quote-terminal-prompt {
	color: rgba(0, 229, 255, .78);
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fs-quote-terminal-text {
	color: rgba(238, 248, 250, .92);
	line-height: 14px;
	min-width: 0;
	overflow-wrap: anywhere;
	white-space: normal;
}

.fs-quote-terminal-text strong {
	color: #00E5FF;
	font-weight: normal;
}

.fs-quote-terminal-contact-link {
	color: #00E5FF;
	text-decoration: underline;
	text-decoration-color: rgba(0, 229, 255, .58);
	text-underline-offset: 3px;
}

.fs-quote-terminal-contact-link:hover,
.fs-quote-terminal-contact-link:focus-visible {
	color: #FFFFFF;
	text-decoration-color: #FFFFFF;
}

.fs-quote-terminal-announcer {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.fs-quote-terminal-line.is-system .fs-quote-terminal-prompt,
.fs-quote-terminal-line.is-system .fs-quote-terminal-text {
	color: rgba(238, 248, 250, .48);
}

.fs-quote-terminal-line.is-assistant .fs-quote-terminal-prompt {
	color: rgba(0, 229, 255, .78);
}

.fs-quote-terminal-line.is-assistant .fs-quote-terminal-text {
	color: #FFFFFF;
}

.fs-quote-terminal-line.is-user .fs-quote-terminal-prompt {
	color: rgba(255, 255, 255, .72);
}

.fs-quote-terminal-line.is-user .fs-quote-terminal-text {
	color: #00E5FF;
}

.fs-quote-terminal-line.is-input .fs-quote-terminal-prompt {
	color: rgba(255, 255, 255, .72);
}

.fs-quote-terminal-line.is-input {
	margin-top: 4px;
}

.fs-quote-terminal-prompt::selection,
.fs-quote-terminal-text::selection {
	background: rgba(238, 248, 250, .86);
	color: #101216;
}

.fs-quote-terminal-line.is-assistant .fs-quote-terminal-text::selection {
	background: #FFFFFF;
	color: #101216;
}

.fs-quote-terminal-line.is-user .fs-quote-terminal-text::selection,
.fs-quote-terminal-input::selection {
	background: #00E5FF;
	color: #071215;
}

.fs-quote-terminal-line.is-system .fs-quote-terminal-prompt::selection,
.fs-quote-terminal-line.is-system .fs-quote-terminal-text::selection {
	background: rgba(238, 248, 250, .62);
	color: #101216;
}

.fs-quote-terminal-input {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	caret-color: #00E5FF;
	color: #00E5FF;
	display: block;
	font: inherit;
	height: 20px;
	line-height: 20px;
	margin: 0;
	min-height: 20px;
	outline: 0;
	overflow: hidden;
	padding: 0;
	resize: none;
	width: 100%;
}

.fs-quote-terminal-input:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0;
}

.fs-quote-terminal-avatar {
	align-items: center;
	bottom: 18px;
	display: flex;
	height: 112px;
	justify-content: center;
	opacity: .96;
	pointer-events: auto;
	position: absolute;
	right: 16px;
	width: 104px;
	z-index: 2;
}

.fs-quote-terminal-avatar-canvas {
	display: block;
	height: 102px;
	image-rendering: pixelated;
	width: 88px;
}

.fs-quote-terminal-avatar.has-avatar-error {
	display: none;
}

.fs-quote-terminal-window.has-resources-open .fs-quote-terminal-avatar {
	opacity: .86;
}

.fs-quote-terminal-live-summary {
	background: rgba(8, 11, 14, .82);
	backdrop-filter: blur(18px) saturate(125%);
	-webkit-backdrop-filter: blur(18px) saturate(125%);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 12px;
	bottom: 14px;
	box-shadow: 0 16px 46px rgba(0, 0, 0, .24);
	color: rgba(238, 248, 250, .82);
	left: 18px;
	max-height: 88px;
	overflow: hidden;
	padding: 10px 12px 11px;
	pointer-events: none;
	position: absolute;
	right: 132px;
	z-index: 3;
}

.fs-quote-terminal-live-summary[hidden] {
	display: none;
}

.fs-quote-terminal-live-summary-kicker {
	color: rgba(0, 229, 255, .76);
	font-family: 'BaiJamjuree-Medium', 'BaiJamjuree-Regular', sans-serif;
	font-size: 10px;
	letter-spacing: .08em;
	line-height: 14px;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.fs-quote-terminal-live-summary-text {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	font-family: Consolas, Monaco, 'Courier New', monospace;
	font-size: 11px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fs-quote-terminal-live-summary-text strong {
	color: #FFFFFF;
	font-weight: normal;
}

.fs-quote-terminal-drop-overlay {
	align-items: center;
	background: rgba(4, 8, 12, .76);
	border: 1px dashed rgba(0, 229, 255, .82);
	border-radius: 16px;
	color: #FFFFFF;
	display: flex;
	inset: 16px;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	text-align: center;
	transition: opacity .14s ease;
	z-index: 8;
}

.fs-quote-terminal-window.is-dragging-files .fs-quote-terminal-drop-overlay {
	opacity: 1;
}

.fs-quote-terminal-drop-overlay strong {
	display: block;
	font-family: 'BaiJamjuree-Medium', 'BaiJamjuree-Regular', sans-serif;
	font-size: 14px;
	margin-bottom: 6px;
}

.fs-quote-terminal-drop-overlay span {
	color: rgba(238, 248, 250, .68);
	display: block;
	font-size: 12px;
}

.fs-quote-terminal-resources {
	background: rgba(13, 16, 20, .96);
	backdrop-filter: blur(18px) saturate(130%);
	-webkit-backdrop-filter: blur(18px) saturate(130%);
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .30);
	color: #EEF8FA;
	display: flex;
	flex-direction: column;
	max-height: calc(100% - 24px);
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 12px;
	transform: translateX(10px);
	transition: opacity .16s ease, transform .16s ease;
	width: min(320px, calc(100% - 24px));
	z-index: 7;
}

.fs-quote-terminal-window.has-resources-open .fs-quote-terminal-resources {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
}

.fs-quote-terminal-resources-head {
	align-items: center;
	background: rgba(255, 255, 255, .045);
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	display: flex;
	justify-content: space-between;
	padding: 10px 12px;
}

.fs-quote-terminal-resources-head span {
	color: rgba(238, 248, 250, .84);
	font-family: 'BaiJamjuree-Medium', 'BaiJamjuree-Regular', sans-serif;
	font-size: 12px;
	letter-spacing: .02em;
}

.fs-quote-terminal-resources-head button {
	appearance: none;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	color: rgba(238, 248, 250, .76);
	cursor: pointer;
	font-family: inherit;
	font-size: 11px;
	line-height: 24px;
	margin: 0;
	padding: 0 10px;
}

.fs-quote-terminal-resources-drop {
	background: rgba(0, 229, 255, .075);
	border: 1px dashed rgba(0, 229, 255, .34);
	border-radius: 10px;
	cursor: pointer;
	margin: 10px 12px 8px;
	padding: 9px 11px;
	text-align: left;
}

.fs-quote-terminal-resources-drop strong {
	color: rgba(238, 248, 250, .84);
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
}

.fs-quote-terminal-resources-drop span,
.fs-quote-terminal-file-empty,
.fs-quote-terminal-file-meta span {
	color: rgba(238, 248, 250, .56);
	font-size: 11px;
}

.fs-quote-terminal-file-list {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	min-height: 0;
	overflow-y: auto;
	padding: 0 0 8px;
	scrollbar-color: rgba(0, 229, 255, .75) rgba(255, 255, 255, .08);
	scrollbar-width: thin;
}

.fs-quote-terminal-file-empty {
	padding: 8px 12px;
}

.fs-quote-terminal-file-item {
	align-items: center;
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	border-radius: 0;
	display: grid;
	gap: 10px;
	grid-template-columns: 36px minmax(0, 1fr) auto;
	padding: 8px 12px;
}

.fs-quote-terminal-file-preview,
.fs-quote-terminal-file-icon {
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 5px;
	height: 36px;
	width: 36px;
}

.fs-quote-terminal-file-preview {
	display: block;
	object-fit: cover;
}

.fs-quote-terminal-file-icon {
	align-items: center;
	color: rgba(0, 229, 255, .82);
	display: flex;
	font-family: 'BaiJamjuree-Medium', 'BaiJamjuree-Regular', sans-serif;
	font-size: 10px;
	justify-content: center;
}

.fs-quote-terminal-file-meta {
	min-width: 0;
}

.fs-quote-terminal-file-meta strong {
	color: rgba(238, 248, 250, .88);
	display: block;
	font-family: 'BaiJamjuree-Regular', sans-serif;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fs-quote-terminal-file-meta span {
	display: block;
	margin-top: 3px;
}

.fs-quote-terminal-file-item button {
	appearance: none;
	background: transparent;
	border: 0;
	color: rgba(0, 229, 255, .62);
	cursor: pointer;
	font-family: 'BaiJamjuree-Medium', 'BaiJamjuree-Regular', sans-serif;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	opacity: 0;
	padding: 0;
	transition: color .14s ease, opacity .14s ease;
}

.fs-quote-terminal-file-item:hover button,
.fs-quote-terminal-file-item button:focus-visible {
	opacity: 1;
}

.fs-quote-terminal-file-item button:hover,
.fs-quote-terminal-file-item button:focus-visible {
	color: #00E5FF;
	outline: 0;
}

@media (hover: none) {
	.fs-quote-terminal-file-item button {
		opacity: 1;
	}
}

.fs-quote-terminal-file-input {
	height: 1px;
	left: -9999px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 1px;
}

.fs-quote-terminal-window.is-minimized {
	height: 42px !important;
	min-height: 42px;
	overflow: hidden;
}

.fs-quote-terminal-window.is-minimized .fs-quote-terminal-body,
.fs-quote-terminal-window.is-minimized .fs-quote-terminal-resize {
	display: none;
}

.fs-quote-terminal-window.is-maximized {
	border-radius: 16px;
}

.fs-quote-terminal-resize {
	position: absolute;
	z-index: 10;
}

.fs-quote-terminal-resize.is-n,
.fs-quote-terminal-resize.is-s {
	cursor: ns-resize;
	height: 10px;
	left: 18px;
	right: 18px;
}

.fs-quote-terminal-resize.is-n {
	top: -2px;
}

.fs-quote-terminal-resize.is-s {
	bottom: -2px;
}

.fs-quote-terminal-resize.is-e,
.fs-quote-terminal-resize.is-w {
	bottom: 18px;
	cursor: ew-resize;
	top: 18px;
	width: 10px;
}

.fs-quote-terminal-resize.is-e {
	right: -2px;
}

.fs-quote-terminal-resize.is-w {
	left: -2px;
}

.fs-quote-terminal-resize.is-ne,
.fs-quote-terminal-resize.is-se,
.fs-quote-terminal-resize.is-sw,
.fs-quote-terminal-resize.is-nw {
	height: 18px;
	width: 18px;
}

.fs-quote-terminal-resize.is-ne {
	cursor: nesw-resize;
	right: -2px;
	top: -2px;
}

.fs-quote-terminal-resize.is-se {
	bottom: -2px;
	cursor: nwse-resize;
	right: -2px;
}

.fs-quote-terminal-resize.is-sw {
	bottom: -2px;
	cursor: nesw-resize;
	left: -2px;
}

.fs-quote-terminal-resize.is-nw {
	cursor: nwse-resize;
	left: -2px;
	top: -2px;
}

@media (max-width: 380px) {
	.primary_proposals.proposal_builder_refined .proposal_builder_container .proposal_builder_title,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_titile,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_chat_field,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_textarea_field,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_fields .proposal_builder_step_field_group[group="3"] .proposal_builder_step_field.proposal_builder_step_file_field,
	.primary_proposals.proposal_builder_refined .fields_group_title,
	.primary_proposals.proposal_builder_refined .checklist_container .proposal_builder_step_field,
	.primary_proposals.proposal_builder_refined .proposal_builder_step_submit_container {
		padding-left: 34px !important;
		padding-right: 34px !important;
	}
}