/* Defaults */
html, body {
	height: 100%;
}
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
nav, main, section, footer {
	display: block;
}
body, h1, h2, h3, p, a, img, video, button, form, input, label, textarea {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	text-decoration: none;
}

@font-face {
	src: url("/elements/fonts/RobotoCondensed-Regular.ttf");
	font-family: "RobotoCondensed";
	font-style: normal;
}

body {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-moz-font-feature-settings: 'kern';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	text-rendering: optimizeLegibility;
	background-color: white;
	color: black;
}
h1, h2 {
	margin-bottom: 20px;
	font-family: HeadingNow47Extrabold;
	font-weight: normal;
	font-size: 40px;
	line-height: 1em;
	text-transform: uppercase;
}
p {
	line-height: 1.2em;
	margin-bottom: 20px;
	word-wrap: break-word;
}
p:last-of-type {
	margin-bottom: 0;
}
a {
	position: relative;
	color: inherit;
	font-style: normal;
	cursor: pointer;
	-webkit-transition: color .15s;
	transition: color .15s;
}
a:hover,
.color {
	color: #ff5a29;
}
hr {
	width: 100%;
	margin-bottom: 20px;
	border-top: 2px solid black;
}



/* Mobile */
/* Navigation */
nav {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	position: relative;
	margin: 20px;
	cursor: default;
}
.nav-chocolate {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
}
.nav-icon {
	position: relative;
	width: 34px;
	height: 56px;
	margin-right: 20px;
}
.nav-icon-eyes {
	position: absolute;
	right: 2.7%;
	top: 0;
	width: 16.44%;
	height: 19.38%;
	background: black;
	border-radius: 50%;
}
.nav-icon-eyes::before {
	content: "";
	position: absolute;
	left: -150%;
	top: 0;
	width: 100%;
	height: 100%;
	background: black;
	border-radius: 50%;
}
.nav-icon-eyes::after {
	content: "";
	position: absolute;
	left: -300%;
	top: 0;
	width: 100%;
	height: 100%;
	background: black;
	border-radius: 50%;
}
.nav-icon-winks .nav-icon-eyes {
	-webkit-animation: nav-icon-winks 10s ease-in-out infinite;
	animation: nav-icon-winks 10s ease-in-out infinite;
}
@-webkit-keyframes nav-icon-winks {
	10% { -webkit-transform: scaleY(1); }
	11% { -webkit-transform: scaleY(.2); }
	12% { -webkit-transform: scaleY(1); }
	60% { -webkit-transform: scaleY(1); }
	61% { -webkit-transform: scaleY(.2); }
	62% { -webkit-transform: scaleY(1); }
	65% { -webkit-transform: scaleY(1); }
	66% { -webkit-transform: scaleY(.2); }
	67% { -webkit-transform: scaleY(1); }
}
@keyframes nav-icon-winks {
	10% { transform: scaleY(1); }
	11% { transform: scaleY(.2); }
	12% { transform: scaleY(1); }
	60% { transform: scaleY(1); }
	61% { transform: scaleY(.2); }
	62% { transform: scaleY(1); }
	65% { transform: scaleY(1); }
	66% { transform: scaleY(.2); }
	67% { transform: scaleY(1); }
}
.nav-icon-tongue {
	position: absolute;
	left: 80.3%;
	top: 88.4%;
	width: 23.89%;
	height: 21.47%;
	border-radius: 0 0 9px 9px;
	background: #ff5a29;
	transform: translate(-50%, -50%) rotate(-30deg);
}
.nav-icon-licks .nav-icon-tongue {
	-webkit-animation: nav-icon-licks 6s linear infinite;
	animation: nav-icon-licks 6s linear infinite;
}
@-webkit-keyframes nav-icon-licks {
	10%   { -webkit-transform: translate(-50%, -50%) rotate(-30deg); }
	17.5% { -webkit-transform: translate(-200%, -30%) rotate(-45deg); }
	22.5% { -webkit-transform: translate(-250%, -20%) rotate(10deg); }
	30%   { -webkit-transform: translate(-100%, -40%) rotate(20deg); }
	35%   { -webkit-transform: translate(-20%, -60%) rotate(-40deg); }
	40%   { -webkit-transform: translate(-50%, -50%) rotate(-30deg); }
}
@-webkit-keyframes nav-icon-licks-desktop {
	10%   { -webkit-transform: translate(-50%, -50%) rotate(-30deg); }
	17.5% { -webkit-transform: translate(-200%, -30%) rotate(-45deg); }
	22.5% { -webkit-transform: translate(-250%, -20%) rotate(10deg); }
	30%   { -webkit-transform: translate(-100%, -40%) rotate(20deg); }
	35%   { -webkit-transform: translate(-20%, -60%) rotate(-40deg); }
	40%   { -webkit-transform: translate(-50%, -50%) rotate(-30deg); }
}
@keyframes nav-icon-licks {
	10%   { transform: translate(-50%, -50%) rotate(-30deg); }
	17.5% { transform: translate(-200%, -30%) rotate(-45deg); }
	22.5% { transform: translate(-250%, -20%) rotate(10deg); }
	30%   { transform: translate(-100%, -40%) rotate(20deg); }
	35%   { transform: translate(-20%, -60%) rotate(-40deg); }
	40%   { transform: translate(-50%, -50%) rotate(-30deg); }
}
@keyframes nav-icon-licks-desktop {
	10%   { transform: translate(-50%, -50%) rotate(-30deg); }
	17.5% { transform: translate(-200%, -30%) rotate(-45deg); }
	22.5% { transform: translate(-250%, -20%) rotate(10deg); }
	30%   { transform: translate(-100%, -40%) rotate(20deg); }
	35%   { transform: translate(-20%, -60%) rotate(-40deg); }
	40%   { transform: translate(-50%, -50%) rotate(-30deg); }
}
.nav-icon-tongue-cover {
	position: absolute;
	left: 0;
	top: 72%;
	width: 90%;
	height: 15%;
	border-radius: 0 0 70% 0;
	background: white;
}
.nav-icon-nose-mouth {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: center top / contain no-repeat url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 76 125' style='enable-background:new 0 0 76 125;'%3E%3Cpath d='M21.2865715,83.0375671H0V0h10.6625481v72.3750229h10.6240234V83.0375671z M75.6867905,97.750618l-6.8181915-8.1983261 c-10.7321625,8.926239-27.3633308,14.6941223-42.3697052,14.6941223H0.0243314v10.6625519h26.4745617 C43.8471603,114.9089661,63.1547813,108.1739044,75.6867905,97.750618z'/%3E%3C/svg%3E%0A");
}
.nav-logo {
	width: 226px;
	height: 38px;
	margin-left: auto;
	background: center top / contain no-repeat url(images/chocolate-logo.svg);
}
.reel {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	margin-top: 20px;
	height: calc(50vw - 40px);
	border-radius: 20px;
	background-image: url();
	background-color: transparent;
	color: white;
	overflow: hidden;
}
.reel video {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	background-color: black;
	border-radius: 20px;
}
.nav-menu {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	margin-top: 12px;
	font-family: HeadingNow47Extrabold;
	font-size: 20px;
	line-height: 1em;
}
.nav-langs {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	margin-right: auto;
}
.lang {
	margin-right: 10px;
}
.lang-active {
	color: #ff5a29;
}
.nav-links {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	text-transform: uppercase;
}
.nav-links a {
	margin-right: 10px;
}
.nav-links a:last-of-type {
	margin-right: 0;
}
.nav-menu.nav-menu-right {
	margin-top: -5px;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	font-size: 20px;
}
.nav-menu.nav-menu-right .nav-links a {
	margin-right: 10px;
}
.nav-menu.nav-menu-right .nav-links a:last-of-type {
	margin-right: 0;
}
.nav-menu.nav-menu-right .nav-langs {
	margin-right: 0;
}
.nav-menu.nav-menu-right .nav-langs a {
	margin-right: 0;
	margin-left: 10px;
}

/* Temp Navigation */
.nav-temp {
	display: -webkit-flex;
	display: flex;
	z-index: 10;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: calc(100vw - 40px);
	padding: 20px;
	background: white;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	-webkit-transition: -webkit-transform .25s, opacity .25s;
	transition: transform .25s, opacity .25s;
}
.nav-temp-show {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.nav-temp .nav-logo {
	width: 165px;
	height: 28px;
	margin-left: auto;
}
.nav-temp-menu {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	font-family: HeadingNow47Extrabold;
	font-size: 20px;
	margin: 0 20px 0 0;
}
.nav-temp-menu a {
	margin-right: 14px;
	text-transform: uppercase;
}
.nav-temp-menu a:last-of-type {
	margin-right: 0;
}

/* Page */
main {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	position: relative;
	margin: 0 20px;
}
.home-weare {
	margin: 50px 0 80px 0;
}
.home-weare .glow {
	-webkit-animation: weare 4s ease-in-out infinite alternate;
	animation: weare 4s ease-in-out infinite alternate;
}
@-webkit-keyframes weare {
	60% { text-shadow: none; }
	80% { text-shadow: 0 0 40px #fff, 0 0 40px #ff5a29; }
	100% { text-shadow: none; }
}
@keyframes weare {
	60% { text-shadow: none; }
	80% { text-shadow: 0 0 40px #fff, 0 0 40px #ff5a29; }
	100% { text-shadow: none; }
}
.home-weexplore {
	position: relative;
	max-width: 400px;
	margin-top: 30px;
	padding: 20px;
	border: 2px solid black;
	border-radius: 20px;
}
.home-weexplore-eyes {
	position: absolute;
	right: 30px;
	top: -20px;
	width: 20px;
	height: 40px;
	border-radius: 50%;
	background: black;
}
.home-weexplore-eyes::before {
	content: "";
	position: absolute;
	left: -30px;
	top: 0;
	width: 20px;
	height: 40px;
	border-radius: 50%;
	background: black;
}
.home-weexplore-eyes::after {
	content: "";
	position: absolute;
	left: -60px;
	top: 0;
	width: 20px;
	height: 40px;
	border-radius: 50%;
	background: black;
}
.tags {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	margin-bottom: 10px;
}
.tags a {
	margin: 0 4px 4px 0;
	padding: 4px 6px;
	border: 2px solid black;
	border-radius: 10px;
	font-family: HeadingNow47Extrabold;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
}
.tags-margin {
	margin-top: 50px;
}
.cases {
	display: block;
}
.cases a {
	margin-bottom: 20px;
}
.cases-cover {
	position: relative;
	width: 100%;
	height: 52vw;
	margin-bottom: 20px;
	border-radius: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.cases-cover::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background-color: #eeeeee;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
.cases-cover.cases-cover-load::before {
	opacity: 1;
}
.cases-cover::after {
	content: "";
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 2px solid black;
	border-radius: 20px;
}
.cases-more {
	display: block;
	margin: 50px 0 80px 0;
	padding: 20px 30px;
	border: 2px solid black;
	border-radius: 20px;
	text-align: center;
}
.enemy {
	position: relative;
	max-width: 840px;
	margin: 50px auto 80px auto;
	text-align: center;
}
.enemy-heart {
	position: -webkit-sticky;
	position: sticky;
	top: 45vh;
	height: 175px;
	background: center top / contain no-repeat url(images/heart.png);
}
.enemy-box {
	height: 175px;
	margin-top: 50px;
	background: center top / contain no-repeat url(images/heart-box.png);
}
.services {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	position: relative;
	margin-bottom: 20px;
}
.services:hover {
	color: black;
}
.services div {
	width: 100%;
	margin-bottom: -2px;
	border: 2px solid black;
	border-radius: 20px;
	padding: 20px;
}
.services-color {
	background-color: #ff5a29;
}
.services-color h2 {
	margin-bottom: 0;
}
.home-team {
	position: relative;
	margin: 50px 0 20px 0;
	text-align: center;
}
.horse-outer {
	position: relative;
	height: 458px;
}
.horse-inner {
	position: absolute;
	left: -20px;
	top: 0;
	width: 100vw;
	height: 100%;
	overflow-x: hidden;
}
.horse {
	width: 1920px;
	height: 458px;
	background: center top / contain no-repeat url(images/horse.png?v2);
}
.home-clients {
	position: relative;
	margin: 50px 0 20px 0;
	text-align: center;
}
.home-clients h2 {
	padding: 0 20px;
}
.home-clients-slider-outer {
	position: relative;
	height: calc(25vw - 20px);
}
.home-clients-slider-inner {
	position: absolute;
	left: -20px;
	top: 0;
	width: 100vw;
	height: 100%;
	overflow-x: hidden;
}
.home-clients-slider {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 20px;
	white-space: nowrap;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: move;
}
.home-clients-transition {
	-webkit-transition: -webkit-transform 1s ease-in-out;
	transition: transform 1s ease-in-out;
}
.selectnone {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.home-customer {
	display: inline-block;
	position: relative;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(50vw - 32px);
	height: calc(25vw - 20px);
	margin-right: 20px;
	border: 2px solid black;
	border-radius: 20px;
}
.home-customer:last-of-type {
	margin-right: 0;
}
.home-customer img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 90%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.up {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	margin: 50px 0 30px auto;
	padding: 25px;
	border: 2px solid black;
	border-radius: 50%;
	text-align: center;
	font-family: HeadingNow47Extrabold;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
	cursor: pointer;
}
.up:hover {
	color: #ff5a29;
}

/* Case */
.case-follower {
	position: -webkit-sticky;
	position: sticky;
	margin: -80px 0 20px -10px;
	top: calc(100vh - 120px);
	width: 100px;
	height: 100px;
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 2;
}
.case-follower-after {
	width: 100%;
	height: 0;
}
.case-follower-reserve {
	width: 100%;
	height: 100px;
}
.case p:last-of-type {
	margin-bottom: 20px;
}
.case .tags {
	margin-bottom: 50px;
}
.case .tags a {
	margin: 0 4px 4px 0;
	padding: 4px 6px;
	border: 2px solid black;
	border-radius: 10px;
	font-family: HeadingNow47Extrabold;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
}
.case p a {
	padding-bottom: 2px;
}
.case p a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: black;
	-webkit-transition: background-color .15s;
	transition: background-color .15s;
}
.case a:hover::after {
	background-color: #ff5a29;
}
@supports (text-decoration-color: #ff5a29) {
	.case p a {
		text-decoration: underline;
		text-decoration-color: black;
		text-decoration-thickness: 2px;
		text-underline-offset: 6px;
	}
	.case p a:hover {
		text-decoration-color: #ff5a29;
	}
	.case p a::after {
		display: none;
	}
}
.case-cover {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 40vw;
	margin-bottom: 20px;
	border: 2px solid black;
	border-radius: 20px;
	background-color: #eeeeee;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.case img,
.case-video {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	min-height: 50px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid black;
	border-style: solid;
	border-color: black;
	border-radius: 20px;
	overflow: hidden;
}
.case video {
	display: block;
	width: 100%;
}
.case-border-no {
	border-radius: 0 !important;
	border: none !important;
	border-style: none !important;
}
.case-image-comment {
	text-align: right;
}
.case-comment {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	max-width: 200px;
	text-align: left;
	font-family: HeadingNow47Extrabold;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
}
.case-comment::before {
	content: "";
	position: absolute;
	left: -60px;
	top: -30px;
	width: 50px;
	height: 50px;
	background: center top / contain no-repeat url(images/image-comment.png);
}
.case-slider {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 40px;
}
.case-slider-prev {
	position: absolute;
	left: 0;
	top: 50%;
	width: 30px;
	height: 60px;
	margin-top: -30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.case-slider-next {
	position: absolute;
	right: 0;
	top: 50%;
	width: 30px;
	height: 60px;
	margin-top: -30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.case-slider-prev::before {
	content: "";
	position: absolute;
	left: 0;
	top: 38px;
	width: 24px;
	height: 2px;
	background: black;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: left .075s;
	transition: left .075s;
}
.case-slider-prev::after {
	content: "";
	position: absolute;
	left: 0;
	top: 22px;
	width: 24px;
	height: 2px;
	background: black;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: left .075s;
	transition: left .075s;
}
.case-slider-next::before {
	content: "";
	position: absolute;
	right: 0;
	top: 38px;
	width: 24px;
	height: 2px;
	background: black;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: right .075s;
	transition: right .075s;
}
.case-slider-next::after {
	content: "";
	position: absolute;
	right: 0;
	top: 22px;
	width: 24px;
	height: 2px;
	background: black;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: right .075s;
	transition: right .075s;
}
.case-slider img {
	display: none;
	border: none;
	border-radius: 0;
}
.case-slider img.case-slider-image {
	display: block;
	width: 100%;
}
.case-spoiler {
	position: relative;
	display: block;
	width: 100%;
}
.case-spoiler-control {
	margin-bottom: 20px;
}
.case-spoiler-control-open,
.case-spoiler-control-close {
	display: inline-block;
	padding: 4px 6px;
	border: 2px solid black;
	border-radius: 10px;
	font-family: HeadingNow47Extrabold;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
	background: white;
	cursor: pointer;
	-webkit-transition: color .15s;
	transition: color .15s;
}
.case-spoiler-control-open:hover,
.case-spoiler-control-close:hover {
	color: #ff5a29;
}
.case-spoiler-control-close {
	display: none;
}
.case-spoiler-content {
	position: relative;
	display: none;
	width: 100%;
}
.case-spoiler-open .case-spoiler-control-open {
	display: none;
}
.case-spoiler-open .case-spoiler-control-close {
	display: inline-block;
}
.case-spoiler-open .case-spoiler-content {
	display: block;
}


/* Footer */
footer {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	position: relative;
	margin: 20px 20px 0 20px;
	padding-bottom: 20px;
	cursor: default;
}
.footer-frame {
	position: relative;
	padding: 20px;
	border: 2px solid black;
	border-radius: 20px;
}
.footer-columns {
	display: block;
}
.footer-column {
	margin-right: auto;
	margin-bottom: 20px;
	padding-right: 20px;
}
.footer-column:last-of-type {
	margin-right: 0;
	padding: 0;
}
footer a {
	display: block;
	font-weight: 400;
}
.copyright {
	font-family: HeadingNow47Extrabold;
}



/* Mobile small */
@media (max-width: 568px) {
	.nav-temp-menu {
		margin-right: 0;
	}
	.nav-temp .nav-logo {
		display: none;
	}
	.home-clients-slider-outer {
		height: calc(50vw - 20px);
	}
	.home-customer {
		width: calc(100vw - 40px);
		height: calc(50vw - 20px);
	}
}



/* Desktop */
@media (min-width: 1024px) {
	body {
		font-size: 25px;
	}
	h1, h2 {
		font-size: 75px;
	}
	hr {
		margin-bottom: 50px;
	}
	nav {
		margin: 50px;
	}
	.nav-icon {
		width: 76px;
		height: 125px;
	}
	.nav-icon-licks .nav-icon-tongue {
		-webkit-animation: nav-icon-licks-desktop 6s linear infinite;
		animation: nav-icon-licks-desktop 6s linear infinite;
	}
	.nav-logo {
		width: 500px;
		height: 84px;
	}
	.reel {
		height: calc(100vh - 295px);
		min-height: 33vw;
	}
	.nav-menu {
		margin-top: 20px;
		font-size: 30px;
	}
	.lang,
	.nav-links a {
		margin-right: 20px;
	}
	.nav-menu.nav-menu-right {
		margin-top: -20px;
		font-size: 30px;
	}
	.nav-temp-menu {
		font-size: 30px;
	}
	.nav-temp-menu a {
		margin-right: 20px;
	}
	main {
		margin: 0 50px;
	}
	.home-weare {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		margin: 80px 0 110px 0;
	}
	.home-weare h1 {
		width: 75%;
		margin-right: 20px;
	}
	.home-weexplore {
		padding: 30px;
		margin-bottom: 20px;
	}
	.tags {
		width: 75%;
		margin-bottom: 40px;
	}
	.tags a {
		margin: 0 10px 10px 0;
		padding: 4px 8px;
		font-size: 30px;
	}
	.cases {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: wrap;
		flex-flow: wrap;
	}
	.cases a {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		margin-bottom: 30px;
	}
	.cases a:nth-child(odd) {
		padding-right: 25px;
	}
	.cases a:nth-child(even) {
		padding-left: 25px;
	}
	.cases-cover {
		height: 25vw;
	}
	.services {
		margin-bottom: 50px;
	}
	.services div {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
	}
	.services div:nth-child(odd) {
		margin-right: -1px;
	}
	.services div:nth-child(even) {
		margin-left: -1px;
	}
	.home-team {
		margin: 110px 0 50px 0;
	}
	.home-team h2 {
		width: 80%;
		margin: 0 auto;
	}
	.horse-inner {
		left: -50px;
	}
	.home-clients h2 {
		width: 80%;
		margin: 0 auto 50px auto;
	}
	.home-clients-slider-inner {
		left: -50px;
	}
	.home-clients-slider {
		padding: 0 50px;
	}
	.home-clients-slider-outer {
		height: 15vw;
	}
	.home-customer {
		width: calc(33.3vw - 50px);
		height: 15vw;
	}
	.up {
		margin-bottom: 0;
	}
	.case,
	.case-data,
	.case-spoiler-open .case-spoiler-content {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: wrap;
		flex-flow: wrap;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.case-data {
		width: 100%;
	}
	.case-follower {
		margin: -80px 0 20px -30px;
		top: calc(100vh - 120px);
	}
	.case-follower-reserve {
		height: 0;
	}
	.case h1 {
		width: 70%;
	}
	.case p:last-of-type {
		margin-bottom: 50px;
	}
	.case .tags {
		width: 70%;
		margin-bottom: 100px;
	}
	.case .tags a {
		margin: 0 10px 10px 0;
		padding: 4px 8px;
		font-size: 30px;
	}
	.case h2,
	.case p,
	.case ul {
		margin: 0 15% 50px 15%;
		width: 70%;
	}
	.case-cover {
		height: calc(100vh - 462px);
		min-height: 33vw;
		margin-bottom: 50px;
	}
	.case img,
	.case-video {
		margin-bottom: 50px;
		width: auto;
		max-width: 100%;
	}
	.case img.case-size-half {
		width: calc(50% - 25px);
		margin-left: auto;
		margin-right: auto;
	}
	.case-size-half + .case-size-half,
	.case-size-half + .case-size-half + .case-size-half + .case-size-half,
	.case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half,
	.case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half {
		margin-left: 50px !important;
	}
	.case-size-half + .case-size-half + .case-size-half,
	.case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half,
	.case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half + .case-size-half {
		margin-left: auto !important;
	}
	.case-image-comment img {
		margin-bottom: 40px;
	}
	.case-comment {
		margin-bottom: 50px;
		max-width: 400px;
		font-size: 30px;
	}
	.case-comment::before {
		left: -90px;
		top: -80px;
		width: 80px;
		height: 80px;
	}
	.case-team h2 {
		margin: 0 0 20px 0;
	}
	.case-slider {
		width: auto;
		width: 100%;
		margin: 0 15% 0 15%;
		padding: 0 80px;
	}
	.case-slider-prev,
	.case-slider-next {
		margin-top: -50px;
	}
	.case-slider-prev::before {
		top: 41px;
		width: 34px;
	}
	.case-slider-prev::after {
		top: 18px;
		width: 34px;
	}
	.case-slider-next::before {
		top: 41px;
		width: 34px;
	}
	.case-slider-next::after {
		top: 18px;
		width: 34px;
	}
	.case-slider-prev:hover::before,
	.case-slider-prev:hover::after {
		left: -4px;
	}
	.case-slider-next:hover::before,
	.case-slider-next:hover::after {
		right: -4px;
	}
	.case-spoiler-control {
		margin: 0 15% 50px 15%;
	}
	.case-spoiler-control-open,
	.case-spoiler-control-close {
		padding: 4px 8px;
		font-size: 30px;
	}
	footer {
		margin: 50px 50px 0 50px;
		padding-bottom: 50px;
	}
	.footer-frame {
		padding: 30px;
	}
	.footer-columns {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: wrap;
		flex-flow: wrap;
	}
	.footer-column {
		padding-right: 50px;
	}
	.footer-column:last-of-type {
		padding: 0;
	}
}
@media (min-width: 1280px) {
	.nav-menu.nav-menu-right {
		position: absolute;
		right: 550px;
		top: 27px;
		margin: 0;
	}
	.home-clients-slider-outer {
		height: 11vw;
	}
	.home-customer {
		width: calc(25vw - 44px);
		height: 11vw;
	}
}
@media (min-width: 1500px) {
	.nav-menu.nav-menu-right {
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.home-clients-slider-outer {
		height: calc(8.4vw - 20px);
	}
	.home-customer {
		width: calc(16.66vw - 38px);
		height: calc(8.4vw - 20px);
	}
}