/*
    font-family: 'Bellefair', serif;
    font-family: 'Mea Culpa', cursive;
    font-family: 'Roboto Condensed', sans-serif;

    color: #444;
    color: #9C7000; -- dark yellow
    color: #FFCA7A; -- light yellow
    
*/

html{
	scroll-behavior: smooth;
}

.clearfix::after{
    clear: both;
    content: "";
    display: table;
}

*{
	box-sizing: border-box;
	transition-timing-function: ease-in-out;
	transition-duration: 0.3s;
}

body{
	font: 18px/27px 'Roboto Condensed', Arial, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	background: #000;
	color: #fff;
}

@media (max-width: 480px){
	body{
		z-index: 3;
	}	
}


a{
	color:#fff;
}
strong a{
	color: #FFCA7A;
}
section a[href^="http"]::after{
	content: " ";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 4px -2px;
	opacity: 0.5;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14,8v6a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V4A2,2,0,0,1,2,2H8V4H2V14H12V8ZM10,0V2h2.59L6.29,8.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L14,3.41V6h2V0Z' fill='rgb(255,202,122)'/%3E%3C/svg%3E") no-repeat 50% 100%;
	transition: opacity ease-in-out 0.3s;
	white-space: nowrap;
}
section a[href^="http"]:hover::after{
	opacity: 1;
}
section.who a[href^="http"]::after{
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14,8v6a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V4A2,2,0,0,1,2,2H8V4H2V14H12V8ZM10,0V2h2.59L6.29,8.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L14,3.41V6h2V0Z' fill='rgb(156,112,0)'/%3E%3C/svg%3E") no-repeat 50% 100%;
}

p{
	text-align: justify;
}
p:not(last-child){
	margin-bottom: 12px;
}

.a11y{
	display: inline-block;
	overflow: hidden;
	text-indent: -100vw;
	position: absolute;
	left: -100vw;
	top: 0;
}
.center{
	text-align: center;
}


h1,h2,h3,h4,h5,h6{
}


iframe{
	max-width: 100%;
}



#mainVideoContainer{
	position: absolute;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
}
#mainVideoContainer::after{
	content: "";
	position: absolute;
	z-index: 3;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-image:radial-gradient(100% 100% at 50% 50%,rgba(255,255,255,0.3) 24.1%,rgba(249,137,67,0.9) 100%);
	mix-blend-mode:overlay;
}

#mainVideoContainer .keyImg{
	position: absolute;
	z-index: 2;
	width: 100vw;
	height: 100vh;
	background: no-repeat 50% 50% / cover;
	opacity: 1;
	transition-property: opacity;
	transition-duration: 0.1s;
}
#mainVideoContainer .keyImg.hideMe{
	opacity: 0;
	transition-property: none;
}

.visitCardFront{
	position: absolute;
	z-index:5;
	top:0;
	left:0;
	position: absolute;
	display: block;
}
.visitCardFront video,
.visitCardFront img{
	top:0;
	left:0;
	position: absolute;
	display: block;
	height: 100vh;
	left: calc((100vh * 500/800 - 100vw )/-2);
}
#mainVideo{
	top:0;
	left:0;
	position: absolute;
	display: block;
}


@media (max-aspect-ratio: 1920/1080) {
	#mainVideo{
		height: 100vh;
		top: 0;
		left: calc((100vh * 1920/1080 - 100% )/-2);
	}
}
@media (min-aspect-ratio: 1920/1080) {
	#mainVideo{
		width: 100vw;
		top: calc((100vw * 1080/1920 - 100% )/-2);
		left: 0;
	}
}
@media (max-width: 480px) {
	#mainVideo{
		left: calc((100vh * 500/800 - 100vw )/-2);
	}
}



.mainContainer{
	position: relative;
	z-index: 1;
}



footer{
	position: fixed;
	z-index: 51;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 47px;
	background-color: #383838;
	box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.35);
}
.logo{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='131' height='39' viewBox='0 0 131 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M58.0035 13.3294C57.9777 5.7809 64.2282 0.232021 71.2237 0.00215769C71.2674 0.000719309 71.3112 0 71.355 0C78.6278 0 84.8277 5.89214 84.8277 13.3219V22.7514C84.8277 24.9605 83.0368 26.7514 80.8277 26.7514H74.8777C73.7327 26.7514 72.7 26.2703 71.9708 25.4992V34.8601C71.9708 37.0693 70.18 38.8601 67.9708 38.8601H62.0035C59.7943 38.8601 58.0035 37.0693 58.0035 34.8601V13.3294Z' fill='%23383838'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.7458 38.8601C92.5366 38.8601 90.7458 37.0693 90.7458 34.8601V13.3456C90.7458 5.97595 96.7987 0 104.132 0C106.461 0 108.651 0.601486 110.555 1.65138C112.461 0.600281 114.654 0 116.982 0C124.348 0 130.288 5.98436 130.288 13.3219V22.7514C130.288 24.9605 128.497 26.7514 126.288 26.7514H120.512C119.364 26.7514 118.329 26.2681 117.6 25.4939L117.609 34.8613C117.61 35.9235 117.189 36.9425 116.438 37.6937C115.687 38.4448 114.668 38.8664 113.606 38.8654L107.634 38.8601C106.169 38.8588 104.888 38.0701 104.193 36.8945C103.496 38.0711 102.214 38.8601 100.748 38.8601H94.7458Z' fill='%23383838'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 38.8601C1.79086 38.8601 0 37.0693 0 34.8601V13.3456C0 5.97595 6.05298 0 13.3867 0C15.7156 0 17.9057 0.601486 19.8089 1.65138C21.7152 0.600282 23.908 0 26.2367 0C33.6025 0 39.5418 5.98435 39.5418 13.3219V22.7514C39.5418 24.9605 37.751 26.7514 35.5418 26.7514H29.7658C28.6182 26.7514 27.5834 26.2681 26.854 25.4939L26.8635 34.8613C26.8646 35.9235 26.4432 36.9425 25.6921 37.6937C24.9411 38.4448 23.9221 38.8664 22.86 38.8654L16.8881 38.8601C15.423 38.8588 14.1426 38.0701 13.4469 36.8945C12.7505 38.0711 11.4685 38.8601 10.0022 38.8601H4Z' fill='%23383838'/%3E%3Cpath d='M46.2029 18.0941L46.197 25.4277C45.4874 24.7019 44.5552 24.5693 43.3844 24.5668C40.2146 24.56 38.716 26.3247 38.6195 29.0078C38.6091 31.6236 40.6973 33.1794 43.197 33.1698L45.7065 33.1627C46.8646 33.1627 47.6752 32.3407 47.6669 31.8391V18.0941C47.4201 18.0941 46.5654 18.0941 46.2029 18.0941ZM43.4469 25.8378C46.5672 25.9974 46.2029 28.2058 46.2029 30.8018C46.219 31.4386 45.7819 32.0195 45.0118 32.0204C44.2237 32.0214 43.9857 32.02 43.3428 32.0204C41.42 32.0204 40.0002 30.7081 39.9697 28.9355C39.9654 27.2367 41.357 25.8378 43.4469 25.8378Z' fill='white'/%3E%3Cpath d='M13.3867 4C8.24102 4 4 8.20613 4 13.3456V34.8601H10.0022V13.3282C10.0022 11.3818 11.4402 9.78276 13.3867 9.78276C15.3331 9.78276 16.9093 11.3644 16.9093 13.3109L16.8916 34.8601L22.8635 34.8654L22.8416 13.3219C22.8416 11.3755 24.2902 9.78276 26.2367 9.78276C28.1831 9.78276 29.7592 11.3644 29.7592 13.3109L29.7658 22.7514H35.5418V13.3219C35.5418 8.1824 31.3823 4 26.2367 4C23.7463 4 21.4816 4.97791 19.8089 6.56889C18.1365 4.97953 15.8756 4 13.3867 4Z' fill='white'/%3E%3Cpath d='M104.132 4C98.9868 4 94.7458 8.20613 94.7458 13.3456V34.8601H100.748V13.3282C100.748 11.3818 102.186 9.78276 104.132 9.78276C106.079 9.78276 107.655 11.3644 107.655 13.3109L107.637 34.8601L113.609 34.8654L113.587 13.3219C113.587 11.3755 115.036 9.78276 116.982 9.78276C118.929 9.78276 120.505 11.3644 120.505 13.3109L120.512 22.7514H126.288V13.3219C126.288 8.1824 122.128 4 116.982 4C114.492 4 112.227 4.97791 110.555 6.56889C108.882 4.97953 106.621 4 104.132 4Z' fill='white'/%3E%3Cpath d='M33.222 24.5757C31.7683 24.573 30.7985 24.9707 29.9264 25.7317C29.0543 26.4928 28.6025 27.5858 28.5701 29.0166C28.5857 30.2331 29.019 31.2202 29.8669 31.9735C30.7148 32.7269 31.8836 33.1321 33.3767 33.1352C34.6725 33.1378 36.0537 32.94 37.2541 32.0739C37.0192 31.6494 36.8425 31.3781 36.6566 31.0759C35.6495 31.597 34.8135 31.9768 33.667 32.0281C32.365 31.9456 31.9584 31.8282 31.1674 31.256C33.3938 30.3483 34.606 29.9052 36.7785 29.0138C37.0846 28.8614 37.2401 28.5448 37.2314 28.4169C37.2398 27.8397 37.2265 27.424 36.9876 26.8434C36.3644 25.2662 34.9186 24.5788 33.222 24.5757ZM33.2182 25.8765C35.0611 25.8328 35.8318 27.4169 35.804 27.9168L30.3991 30.2296C30.1599 29.8134 30.0462 29.4859 30.0442 28.9931C30.0389 27.6369 31.1272 25.9257 33.2182 25.8765Z' fill='white'/%3E%3Cpath d='M49.9913 21.7853C49.7808 21.7907 49.609 21.856 49.4797 21.9743C49.3504 22.0926 49.306 22.3252 49.3023 22.4913C49.3052 22.6575 49.3632 22.9145 49.4867 23.0328C49.6103 23.1512 49.7827 23.2164 49.9924 23.2218C50.2029 23.2193 50.3688 23.1592 50.498 23.0495C50.6273 22.9398 50.6966 22.6776 50.7003 22.4913C50.6974 22.3185 50.6145 22.0842 50.491 21.9687C50.3675 21.8533 50.201 21.7898 49.9913 21.7853ZM49.2937 24.5802L49.3169 33.1724C49.785 33.1724 50.1149 33.1724 50.7261 33.1724L50.703 24.5802C50.4551 24.5802 49.7616 24.5802 49.2937 24.5802Z' fill='white'/%3E%3Cpath d='M62.0035 13.3219V34.8601H67.9708V13.3219C67.9708 11.3755 69.4086 9.78276 71.355 9.78276C73.3015 9.78276 74.8777 11.3755 74.8777 13.3219V22.7514H80.8277V13.3219C80.8277 8.1824 76.5007 4 71.355 4C66.2857 4.16657 61.9825 8.16027 62.0035 13.3219Z' fill='white'/%3E%3Cpath d='M74.4221 21.0704C74.4224 21.462 74.3455 21.8497 74.1959 22.2115C74.0463 22.5733 73.8268 22.902 73.5501 23.179C73.2733 23.4559 72.9447 23.6756 72.5831 23.8255C72.2214 23.9754 71.8337 24.0526 71.4422 24.0526C71.0507 24.0526 70.663 23.9754 70.3013 23.8255C69.9396 23.6756 69.611 23.4559 69.3343 23.179C69.0575 22.902 68.8381 22.5733 68.6885 22.2115C68.5388 21.8497 68.462 21.462 68.4623 21.0704C68.462 20.6789 68.5388 20.2912 68.6885 19.9294C68.8381 19.5676 69.0575 19.2389 69.3343 18.9619C69.611 18.685 69.9396 18.4653 70.3013 18.3154C70.663 18.1655 71.0507 18.0883 71.4422 18.0883C71.8337 18.0883 72.2214 18.1655 72.5831 18.3154C72.9447 18.4653 73.2733 18.685 73.5501 18.9619C73.8268 19.2389 74.0463 19.5676 74.1959 19.9294C74.3455 20.2912 74.4224 20.6789 74.4221 21.0704V21.0704Z' fill='%23F8BD0A'/%3E%3Cpath d='M123.968 24.5757C122.514 24.573 121.544 24.9707 120.672 25.7317C119.8 26.4928 119.348 27.5858 119.316 29.0166C119.332 30.2331 119.765 31.2202 120.613 31.9735C121.461 32.7269 122.63 33.1321 124.123 33.1352C125.418 33.1378 126.8 32.94 128 32.0739C127.765 31.6494 127.588 31.3781 127.402 31.0759C126.395 31.597 125.559 31.9768 124.413 32.0281C123.111 31.9456 122.704 31.8282 121.913 31.256C124.14 30.3483 125.352 29.9052 127.524 29.0138C127.831 28.8614 127.986 28.5448 127.977 28.4169C127.986 27.8397 127.972 27.424 127.733 26.8434C127.11 25.2662 125.665 24.5788 123.968 24.5757ZM123.964 25.8765C125.807 25.8328 126.578 27.4169 126.55 27.9168L121.145 30.2296C120.906 29.8134 120.792 29.4859 120.79 28.9931C120.785 27.6369 121.873 25.9257 123.964 25.8765Z' fill='white'/%3E%3Cpath d='M91.4045 18.0941L91.3986 25.4277C90.689 24.7019 89.7568 24.5693 88.586 24.5668C85.4162 24.56 83.9176 26.3247 83.8211 29.0078C83.8107 31.6236 85.8989 33.1794 88.3986 33.1698L90.9081 33.1627C92.0662 33.1627 92.8768 32.3407 92.8685 31.8391V18.0941C92.6217 18.0941 91.767 18.0941 91.4045 18.0941ZM88.6485 25.8378C91.7688 25.9974 91.4045 28.2058 91.4045 30.8018C91.4206 31.4386 90.9835 32.0195 90.2134 32.0204C89.4253 32.0214 89.1873 32.02 88.5444 32.0204C86.6216 32.0204 85.2018 30.7081 85.1713 28.9355C85.167 27.2367 86.5585 25.8378 88.6485 25.8378Z' fill='white'/%3E%3Cpath d='M75.3312 29.0211C75.3295 29.6393 75.3514 32.7012 75.3539 33.1723C75.111 33.1723 74.2099 33.1723 74.0222 33.1723C74.0171 32.6779 74.0172 29.7718 74.0154 29.0211C74.0384 26.0339 75.3486 24.5564 78.0779 24.5801C80.6869 24.5918 82.0133 25.9186 82.0191 29.0211C82.0227 29.9163 82.0135 31.5317 82.0243 33.1723C81.8537 33.1723 80.8925 33.1723 80.6482 33.1723L80.5951 29.0211C80.6276 26.9903 79.7437 25.8377 78.0619 25.8377C76.2411 25.8377 75.3001 27.0211 75.3312 29.0211Z' fill='white'/%3E%3Cpath d='M54.7371 33.1359C55.952 33.1289 58.6366 33.129 59.1245 33.129C59.5608 33.129 60.0135 32.7927 60.0081 32.1929C60.0126 31.3625 60.0127 29.4103 60.0109 28.6949C59.9708 26.4792 59.0151 24.5951 56.2684 24.5764C54.6228 24.5654 53.7038 25.199 53.0137 25.9499C53.3703 26.3155 53.4707 26.414 53.8774 26.7776C54.4307 26.2615 54.6791 25.8377 56.244 25.8377C58.1016 25.8377 58.7174 26.761 58.7183 28.0137C56.0259 29.2376 55.1745 29.6921 52.536 30.9141C52.1252 31.1044 51.8866 32.0698 52.4257 32.4634C52.9649 32.8569 53.7858 33.12 54.7371 33.1359ZM54.5671 32.0204C53.9765 32.0204 53.6951 31.9825 53.2679 31.7188L58.7711 29.2C58.779 29.5752 58.7664 30.5841 58.7724 31.3607C58.7754 31.7449 58.4508 32.0468 58.0375 32.0474C57.7282 32.0536 55.7775 32.0231 54.5671 32.0204Z' fill='white'/%3E%3C/svg%3E");
	width: 131px;
	height: 39px;
}
footer .logo{
	position: absolute;
	left: 48px;
	top: -14px;
}
footer .contact{
	display: block;
	text-align: center;
}
footer .contact div{
	display: inline-block;
	font-weight: 400;
	font-size: 18px;
	line-height: 47px;
	padding: 0 24px;
}
footer .contact div a{
	text-decoration: none;
}
footer .precontact{
	display: none;
}
footer .contact .company{
	position: absolute;
	left: 38px;
	top: 26px;
	font-size: 12px;
	line-height: 14px;
	color: rgba(255, 255, 255, 0.7);
	padding: 0;
}

footer .social{
	position: absolute;
	top: 7px;
	right: 6px;
}
footer .social a{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 6px;
	opacity: 0.7;
}
footer .social .linkedin{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.6 0H2.4C1.76348 0 1.15303 0.252856 0.702944 0.702944C0.252856 1.15303 0 1.76348 0 2.4V29.6C0 30.2365 0.252856 30.847 0.702944 31.2971C1.15303 31.7471 1.76348 32 2.4 32H29.6C30.2365 32 30.847 31.7471 31.2971 31.2971C31.7471 30.847 32 30.2365 32 29.6V2.4C32 1.76348 31.7471 1.15303 31.2971 0.702944C30.847 0.252856 30.2365 0 29.6 0V0ZM9.6 27.2H4.8V12.8H9.6V27.2ZM7.2 10C6.64989 9.98428 6.11662 9.80679 5.6668 9.48972C5.21699 9.17265 4.87058 8.73006 4.67087 8.21724C4.47116 7.70442 4.427 7.14413 4.5439 6.60635C4.66081 6.06858 4.9336 5.57718 5.32818 5.19356C5.72277 4.80993 6.22165 4.55109 6.7625 4.44938C7.30336 4.34767 7.86219 4.40759 8.36918 4.62167C8.87617 4.83574 9.30883 5.19447 9.6131 5.65304C9.91738 6.1116 10.0798 6.64967 10.08 7.2C10.0674 7.95256 9.75734 8.66952 9.21768 9.19419C8.67802 9.71885 7.95262 10.0086 7.2 10V10ZM27.2 27.2H22.4V19.616C22.4 17.344 21.44 16.528 20.192 16.528C19.8261 16.5524 19.4686 16.6488 19.1401 16.8117C18.8115 16.9746 18.5184 17.2008 18.2776 17.4774C18.0367 17.7539 17.8529 18.0753 17.7366 18.4231C17.6203 18.7709 17.5739 19.1382 17.6 19.504C17.5921 19.5785 17.5921 19.6535 17.6 19.728V27.2H12.8V12.8H17.44V14.88C17.908 14.168 18.5511 13.5881 19.3075 13.1959C20.0639 12.8037 20.9084 12.6123 21.76 12.64C24.24 12.64 27.136 14.016 27.136 18.496L27.2 27.2Z' fill='white'/%3E%3C/svg%3E");
}
footer .social .instagram{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.24 0.0866667C8.90354 0.105448 7.58094 0.360489 6.33333 0.84C5.2718 1.22518 4.31357 1.85032 3.53333 2.66667C2.71681 3.47546 2.08065 4.44787 1.66666 5.52C1.20737 6.76358 0.957317 8.07467 0.926663 9.4C0.839996 11.1 0.839996 11.6533 0.839996 16C0.839996 20.3467 0.839996 20.88 0.926663 22.6C0.957317 23.9253 1.20737 25.2364 1.66666 26.48C2.06537 27.5599 2.70357 28.5354 3.53333 29.3333C4.32973 30.13 5.28331 30.7521 6.33333 31.16C7.57528 31.6269 8.88691 31.8815 10.2133 31.9133C11.9133 32 12.4667 32 16.8133 32C21.16 32 21.6933 32 23.4133 31.9133C24.7419 31.8814 26.0557 31.6267 27.3 31.16C28.3741 30.7727 29.347 30.1483 30.1467 29.3333C30.9597 28.5347 31.5917 27.5707 32 26.5067C32.4675 25.2649 32.7222 23.9532 32.7533 22.6267C32.84 20.9267 32.84 20.3733 32.84 16.0267C32.84 11.68 32.84 11.1467 32.7533 9.42667C32.7346 8.09021 32.4795 6.76761 32 5.52C31.6077 4.44011 30.9738 3.46415 30.1467 2.66667C29.3475 1.85745 28.3865 1.22593 27.3267 0.813333C26.0808 0.355699 24.767 0.110075 23.44 0.0866667C21.74 0 21.1867 0 16.84 0C12.4933 0 11.9667 0 10.24 0.0866667M10.3733 29C9.35543 28.9897 8.34708 28.8025 7.39333 28.4467C6.70144 28.1933 6.07663 27.7851 5.56666 27.2533C5.03485 26.7434 4.62668 26.1186 4.37333 25.4267C4.01831 24.4727 3.8311 23.4645 3.82 22.4467C3.75333 20.7667 3.73333 20.26 3.73333 15.98C3.73333 11.7 3.73333 11.2133 3.82 9.51333C3.82723 8.50164 4.0146 7.49932 4.37333 6.55333C4.62829 5.86031 5.03617 5.23367 5.56666 4.72C6.0788 4.1924 6.70312 3.78683 7.39333 3.53333C8.34708 3.17753 9.35543 2.9903 10.3733 2.98C12.0533 2.91333 12.56 2.89333 16.84 2.89333C21.12 2.89333 21.6067 2.89333 23.3067 2.98C24.3184 2.98724 25.3207 3.17461 26.2667 3.53333C26.9547 3.79497 27.5796 4.19936 28.1001 4.71988C28.6206 5.24041 29.025 5.86527 29.2867 6.55333C29.6408 7.50059 29.8281 8.5021 29.84 9.51333C29.9267 11.1867 29.9267 11.6933 29.9267 15.98C29.9267 20.2667 29.9267 20.7467 29.84 22.4467C29.8289 23.4645 29.6417 24.4727 29.2867 25.4267C29.0221 26.113 28.6167 26.7364 28.0965 27.2565C27.5764 27.7767 26.953 28.1821 26.2667 28.4467C25.3198 28.8024 24.3181 28.9897 23.3067 29C21.6333 29.0667 21.12 29.0867 16.84 29.0867C12.56 29.0867 12.0733 29.0867 10.3733 29M23.46 7.44C23.46 7.81974 23.5726 8.19095 23.7836 8.5067C23.9945 8.82244 24.2944 9.06853 24.6452 9.21385C24.9961 9.35917 25.3821 9.39719 25.7546 9.32311C26.127 9.24902 26.4691 9.06616 26.7376 8.79765C27.0062 8.52913 27.189 8.18702 27.2631 7.81457C27.3372 7.44213 27.2992 7.05608 27.1538 6.70525C27.0085 6.35441 26.7624 6.05455 26.4467 5.84358C26.131 5.63261 25.7597 5.52 25.38 5.52C24.8713 5.52176 24.384 5.72461 24.0243 6.0843C23.6646 6.44399 23.4618 6.93133 23.46 7.44ZM8.63333 16C8.63728 17.6239 9.12252 19.2101 10.0277 20.5583C10.9329 21.9065 12.2174 22.9561 13.7189 23.5745C15.2205 24.1929 16.8716 24.3523 18.4637 24.0326C20.0558 23.7129 21.5174 22.9284 22.6638 21.7783C23.8101 20.6282 24.5899 19.164 24.9044 17.5709C25.219 15.9778 25.0542 14.3272 24.4309 12.8277C23.8077 11.3282 22.7539 10.0471 21.4028 9.14625C20.0517 8.24544 18.4639 7.76535 16.84 7.76667C15.7605 7.76842 14.692 7.98277 13.6954 8.39748C12.6987 8.81219 11.7935 9.41914 11.0315 10.1837C10.2694 10.9482 9.66541 11.8554 9.25393 12.8533C8.84246 13.8513 8.63158 14.9205 8.63333 16M11.52 16C11.52 14.9452 11.8328 13.914 12.4188 13.037C13.0049 12.1599 13.8378 11.4763 14.8124 11.0726C15.7869 10.669 16.8592 10.5634 17.8938 10.7691C18.9284 10.9749 19.8787 11.4829 20.6246 12.2288C21.3704 12.9746 21.8784 13.925 22.0842 14.9595C22.29 15.9941 22.1844 17.0664 21.7807 18.041C21.377 19.0155 20.6934 19.8485 19.8164 20.4345C18.9393 21.0205 17.9082 21.3333 16.8533 21.3333C15.4388 21.3333 14.0823 20.7714 13.0821 19.7712C12.0819 18.771 11.52 17.4145 11.52 16Z' fill='white'/%3E%3C/svg%3E");
}

@media (max-width:820px){
	footer:hover{
		height: 250px;
	}
	footer .logo{
		left: calc(( 100% - 131px )/2);
	}
	footer .contact{
		margin: 56px 0 24px;
		opacity: 0;
		transition-property: opacity;
		transition-duration: 0.2s;
	}
	footer:hover .contact{
		opacity: 1;
	}
	footer .contact div{
		display: block;
	}
	footer .precontact{
		display: block;
		text-align: center;
		position: absolute;
		left: 0;
		top: 27px;
		width: 100%;
		font-size: 12px;
		line-height: 14px;
		color: rgba(255, 255, 255, 0.7);
		padding: 0;		
	}
	footer:hover .precontact{
		color: rgba(255, 255, 255, 0);
	}
	footer .contact .company{
		position: absolute;
		left: 0;
		top: 30px;
		width: 100%;
	}

	footer .social{
		position: static;
		display: block;
		text-align: center;
	}
}

header{
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;

	padding-top: 64vh;
	padding-bottom: 40vh;
	transition-property: padding-top,padding-bottom,background-color,backdrop-filter;
	perspective: 150px;

	background-color: rgba(0, 0, 0, 0);
	backdrop-filter: blur(0);
}
nav ul{
	padding: 0;
	margin: 0;
}

nav#lang{
	position: absolute;
	top:4px;
	right:8px;
	z-index: 100;
}
nav#lang ul li{
	display: inline-block;
	padding: 8px;
	margin: 12px 0;
}
nav#lang ul li a{
	border:solid 1.5px rgba(255,255,255,0.85);
	color:#fff;
	text-decoration: none;
	border-radius: 50px;
	padding: 10px 10px;
	opacity: 1;
}
nav#lang ul li.selected a{
	opacity: 1;
}
nav#lang ul li.selected{
	display:none;
}

header h1{
	margin: -60px 0 10px 0;
	padding: 0;
	padding-bottom: 12px;
	font-weight: 300;
	transition-property: transform,padding-bottom,margin-bottom;
}
header h1 .preTitle{
	display: block;
	font-family: 'Mea Culpa', cursive;
	font-weight: 300;
	font-size: 54px;
	line-height: 80px;
	margin-top: -78px;
	margin-bottom: -8px;
	transition-property: line-height,opacity;
}
header h1 .preTitle strong{
	display: inline-block;
	padding:0 4px;
	background-clip: text;
	background: linear-gradient(99.48deg, #FFD699 19.98%, #E39D32 77.67%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0,0,0,0);
	background-clip: text;
	text-fill-color: rgba(0,0,0,0);
}
header h1 small,
header h1 big{
	display: inline-block;
	transition-property: font-size;
	background: linear-gradient(112.77deg, #FFE6BF 7.63%, #F7C67C 42.35%, #EEAE4D 71.11%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0,0,0,0);
	background-clip: text;
	text-fill-color: rgba(0,0,0,0);
	filter: brightness(5.0);
	transition-property: filter;
}
header h1 small{
	font-size: 34px;
	line-height: 40px;
}
header h1 small span::after{
	content: "-";
	font-size: 24px;
	padding:0 3px;
}
header h1 big{
	font-size: 70px;
	font-weight: 500;
	line-height: 54px;
}

header h1 .txtShadow{
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	filter: brightness(0) blur(1px);
	opacity: 0.5;
}

#loading{
	display: block;
	text-align: center;
	font-size: 10px;
}
#loading .pos{
	display: inline-block;
	position: relative;
	width: 44px;
	height: 44px;
	line-height: 44px;
	background: rgba(255,255,255,0);
	border-radius: 50%;	
}
#loading .txt{
	transition: opacity 0.5s;
}
@keyframes loadAnimArc{
	from{transform: translate(-20px,-20px) rotate(0deg);}
	to{transform: translate(-20px,-20px) rotate(360deg);}
}
#loading .arc::after,
#loading .arc::before{
	content: " ";
	display: inline-block;
	width: 40px;
	height: 40px;
	border-top: solid 2px #fff;
	border-radius: 50%;
	position: absolute;
	top: 21px;
	left: 21px;
	animation-name: loadAnimArc;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	transition: opacity 0.5s;
}
#loading .arc::after{
	animation-duration: 2.3s;
	animation-direction: reverse;
}
body.loaded #loading .txt,
body.loaded #loading .arc::after,
body.loaded #loading .arc::before{
	opacity: 0;
}

@keyframes loadedNav{
	0%{
		background-color: rgba(255,255,255,0);
		border-radius: 50%;
		max-height: 44px;
		max-width: 44px;
	}
	25%{
		background-color: rgba(255,255,255,1);
	}
	50%{
		border-radius: 0%;
	}
	75%{
		border-radius: 0%;
		max-height: 4px;
		max-width: 32px;
	}
	100%{
		border-radius: 0%;
		max-height: 4px;
		max-width: 32px;
		background-color: rgba(255,255,255,1);
	}
}
body.loaded #loading .pos{
	animation-name: loadedNav;
	animation-duration: 1.0s;
	animation-timing-function: ease-in-out;
	cursor: pointer;

	border-radius: 0%;
	max-height: 4px;
	max-width: 32px;
	background-color: rgba(255,255,255,1);
	transition-property: background-color,top;
}
#loading .pos::before,
#loading .pos::after{
	content:" ";
	display: block;
	width: 32px;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0);
	transition-property: background-color,top;
	transition-duration: 0.2s;
	transition-delay: 0.8s;
}
body.loaded #loading .pos::before{
	top: 13px;
	background-color: rgba(255, 255, 255, 1);
}
body.loaded #loading .pos::after{
	top: 26px;
	background-color: rgba(255, 255, 255, 1);
}

.notAtTop header{
	padding-top: 4px;
	padding-bottom: 0;

	background-color: rgba(0, 0, 0, 0.7);
}
.notAtTop header h1{
	line-height: 53px;
	transform: scale(0.65);
	padding-bottom: 0px;
	margin-bottom: -28px;
}
@media (max-height:540px){
	.notAtTop header h1{
		margin-top: -158px;
	}
}

.notAtTop header h1 small,
.notAtTop header h1 big{
	filter: brightness(1.0);
}
.notAtTop header h1 .preTitle{
	opacity: 0;
}
body.loaded.notAtTop header #mainNav #loading{
	max-height: 0;
}
body.loaded.notAtTop header #mainNav #loading .pos{
	background-color: rgba(255, 255, 255, 0);
}
body.loaded.notAtTop header #mainNav #loading .pos::after,
body.loaded.notAtTop header #mainNav #loading .pos::before{
	top: 0;
	background-color: rgba(255, 255, 255, 0);
	transition-delay: 0s;
}


#mainNav ul{
	overflow: hidden;
	display: block;
	max-height: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.54);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 1px rgba(255, 255, 255, 0.25);
	font-size: 18px;
	line-height: 19px;
	font-weight: 400;
	transition-property: max-height,opacity;
}
#mainNav ul li{
	display: inline-block;
	margin: 0 16px;
	position: relative;
	opacity: 0.7;
}
#mainNav ul li a{
	display: inline-block;
	text-decoration: none;
	line-height: 32px;
}
#mainNav ul li a:hover{
	color: #FFCA7A;
}
.notAtTop #mainNav ul{
	opacity: 1;
	max-height: 32px;
}

.notAtTop #mainNav ul li a::before,
.notAtTop #mainNav ul li a::after{
	position: absolute;
	content: " ";
	display: block;
	height: 2px;
	background-color: #fff;
	width: 0;
	transition: width 0.2s ease-in-out,
				background-color 0.2s ease-in-out;
}
.notAtTop #mainNav ul li a::before{
	right: -4px;
	top: 0;
}
.notAtTop #mainNav ul li a::after{
	left: -4px;
	bottom: 0;
}
.notAtTop #mainNav ul li.current{
	opacity: 1;
}
.notAtTop #mainNav ul li.current a::before,
.notAtTop #mainNav ul li.current a::after{
	width: calc(100% + 8px);
}
.notAtTop #mainNav ul li.current a:hover::before,
.notAtTop #mainNav ul li.current a:hover::after{
	background-color:#FFCA7A;
}




/* --- content --- */


main{
	overflow: hidden;
	padding-bottom: 2rem;
}

.separator{
	display: block;
	padding-top: 35vh;
	padding-bottom: 35vh;
}
.separator.fit{
	min-height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
}
.notAtTop .separator.fit{
	min-height: 70vh;
}
.separator.lastSep{
	padding-bottom: 30vh;
}


hr{
	border: 0 rgba(0,0,0,0);
}
hr::after{
	content: " ";
	display: block;
	height: 8px;
	margin-top: 24px;
	margin-bottom: 16px;
	background: radial-gradient(ellipse at top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 60%);
}

hr.white::after{
	background: radial-gradient(ellipse at top, #FFFFFF40 0%, #FFFFFF00 60%);
}

strong{
	font-weight: 500;
	color: #FFCA7A;
}
.quoteLike::before{
	content: "« ";
	white-space: nowrap;
}
.quoteLike::after{
	content: " »";
	white-space: nowrap;
}

.block{
	display: block;
	text-align: center;
	perspective: 800px;
	position: relative;
}
.block.canShow{
	z-index: 20;
}
.block .b0{
	display: inline-block;
	max-width: 480px;

	padding: 24px 40px 32px;

	border-radius: 16px 16px 48px 48px;

	background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.85) 71.88%, rgba(0, 0, 0, 0.45) 100%);
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);

	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}

@media (min-width: 480px){
	.block .b0{
		backdrop-filter: blur(1px);
		transform: scale(1.5) rotate3d(1, 0, 0, 90deg);
		filter: blur(15px);
	}

	.block.canShow .b0{
		transform: scale(1.0) rotate3d(1, 0, 0, 0deg);
		backdrop-filter: blur(15px);
		filter: blur(0);
	}
	.block.isAbove .b0{
		transform: scale(1.5) rotate3d(1, 0, 0, -90deg);
	}

	.block.alignRight .b0{
		margin-left: calc( 45vw - 240px );
	}
	.block.alignLeft .b0{
		margin-right: calc( 45vw - 240px );
	}
	.block.wide .b0{
		width: 100%;
		max-width: 620px;
	}
}


.about{
	text-align: center;
}
.about h2{
	margin: 0 0 24px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
	font-family: 'Bellefair';
	text-align: center;
}
.about .keywords p{
	text-align: center;
}
.about .keywords .keyword{
	display: inline-block;
	font-style: italic;
	white-space: nowrap;
}
.about .keywords .keyword .hash{
	content: "#";
	font-size: 12px;
	display: inline-block;
	padding: 0 8px;
	opacity: 0.3;
}
.about .block.projects .b2{
	display: inline-block;
	padding: 5vh 16px 5vh;
	width: 100%;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0.85);
	text-align: center;
	opacity: 0;
	backdrop-filter: blur(15px);
}
.about .block.projects .b2 .reel{
	max-width: 1240px;
	display: block;
	margin: 0 auto;
}
.about .block.projects.canShow .b2{
	opacity: 1;
}
.about .block.projects .b2 .primary{
	position: relative;
	width: 100%;
	padding-top: calc(100% * 108/192);
	margin-bottom: 16px;
}

.about .block.projects ul{
	margin: 0;
	padding: 0;
}
.about .block.projects ul li{
	margin: 0;
	padding: 0;
	display: inline-block;
	width: calc(50% - 4px);
	padding-top: calc((50% - 4px) * 108/192);
	position: relative;
	background-image: linear-gradient(-45deg, #444 0%, #000 100%);
}
.about .block.projects .reel .primary > *,
.about .block.projects ul li > *{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.about .block.projects ul li a{
	background: no-repeat 50% 50% / contain;
}
@media (max-width: 920px){
	.about .block.projects ul li{
		width: 100%;
		padding-top: calc(100% * 108/192);
	}
}

.what{
	text-align: center;
}
.what h2{
	margin: 0 0 16px;
	font-size: 36px;
	line-height: 28px;
	font-weight: 300;
	font-family: 'Bellefair';
	text-align: center;
}

.what h2::first-letter{
	font-size: 42px;
	font-family: 'Mea Culpa', cursive;
}

.what h3{
	color: #FFCA7A;
	margin: 0 0 16px;
	font-size: 27px;
	line-height: 22px;
	font-weight: 300;
	font-family: 'Bellefair';
	text-align: center;
}


.who{
	text-align: center;
}
.who h2{
	color: #fff;
	margin: -55px 0 32px;
	font-size: 52px;
	line-height: 28px;
	font-weight: 300;
	font-family: 'Bellefair';
	text-align: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}
.who h2::first-letter{
	font-size: 60px;
	font-family: 'Mea Culpa', cursive;
}

.who h3{
	margin: 0 0 16px;
	font-weight: 500;
}

.who .block{
	margin-bottom: 32px;
}
.who .block .b0{
	max-width: 720px;
	color: #444;
	background: radial-gradient(52.11% 52.11% at 50% 100%, rgba(255, 255, 255, 0.85) 59.9%, rgba(255, 255, 255, 0.95) 100%);
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(15px); 
}
.who .block .b0.inverted{
	background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.85) 71.88%, rgba(0, 0, 0, 0.45) 100%);
    backdrop-filter: blur(15px);
    filter: blur(0);
    color:#fff;
}

.who .block .b0:not(.inverted) strong,
.who .block .b0:not(.inverted) a{
	color: #9C7000;
}


.contact,
.contact p{
	text-align: center;
}
.contact h2{
	color: #fff;
	margin: -55px 0 32px;
	font-size: 52px;
	line-height: 28px;
	font-weight: 300;
	font-family: 'Bellefair';
	text-align: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.8);
}
.contact h2::first-letter{
	font-size: 60px;
	font-family: 'Mea Culpa', cursive;
}

.contact h3{
	margin: 0 0 16px;
	font-weight: 400;
}

.contact .block{
	margin-bottom: 32px;
}

.contact .block .b0{
	width: 520px;
	max-width: 90%;
	color: #444;
	background: radial-gradient(52.11% 52.11% at 50% 100%, rgba(255, 255, 255, 0.85) 59.9%, rgba(255, 255, 255, 0.95) 100%);
	border-bottom: 2px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(15px); 
}

.contact .block .b0.inverted{
	background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.85) 71.88%, rgba(0, 0, 0, 0.45) 100%);
    backdrop-filter: blur(15px);
    filter: blur(0);
    color:#fff;
}

.contact .block .b0:not(.inverted) strong,
.contact .block .b0:not(.inverted) a{
	color: #9C7000;
}

.contact figure{
	margin: 16px 0 8px;
}
.contact p{
	margin: 0;
}
.contact big{
	margin: 12px 0;
	display: block;
	font-size: 22px;
	font-weight: 500;
}
.contact figcaption big{
	margin-top: 8px;
	font-size: 34px;
}
.contact big.phne{
	margin-top: 20px;
}
.contact big.phne a{
	font-size: 29px;
	text-decoration: none;
	letter-spacing: -1.5px;
}
.contact big.phne a::before{
	content: "+";
	font-size: 16px;
	display: inline-block;
	line-height: 16px;
	padding-bottom: 6px;
	vertical-align: middle;
}

.contact .idFile img{
	width: 100%;
	max-width: 180px;
	height: 100%;
	max-height: 180px;
	border-radius: 50%;
	border: solid 4px #444;
}

.copyright{
	text-align: right;
	margin: -80px 16px 64px;
	opacity: 0.7;
}

#afewprojects{
	cursor: pointer;
}

.visitCardBack{
	background-color: #fff;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index:30;
	top: 0;
	left: 0;
	transition: background-color 0.1s, transform-origin 0s, transform 1s ease-in, filter 1s ease-in, opacity 0.2s 0.8s ease-in;
}
.visitCardBack.ready{
	background-color: #fff0;
}
.visitCardBack.run{
	filter: blur(30px);
	transform: scale(130.0);
	opacity: 0;
}
.visitCardBack img{
	position: absolute;
	top:50vh;
	left:50vw;
	width:80vw;
	min-width: 300px;
	max-width: 420px;
	height: auto;
	transform: translate(-50%,-47%);
	box-sizing: content-box;
	border: solid 40vmax #fff;
}
