/*
	Theme Name: Tricode
	Description: -
	Version: 1.0.0
	Author: Tricode, s.r.o.

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,200i,300,300i,400,400i,500,500i,600,600i,700,800,900&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');*/
@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
body {
	font-family: 'Poppins', sans-serif;
	background-color: #fff; /*#F5F3F2;*/
	font-size: 23px;
	font-weight: 300;
	/* line-height: 23px; */
	color: #222222;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}
body::-webkit-scrollbar {width: 7px;}
body::-webkit-scrollbar-track {
}
body::-webkit-scrollbar-thumb {background-color: #585858;outline: 1px solid #585858;border-radius: 50px;}
/* clear */
.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}

.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
a {
	color: #444;
	text-decoration: none;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #444;
}
a:focus {
	outline: 0;
}
a:hover,
a:active {
	outline: 0;
}
input:focus {
	outline: 0;
	border: 1px solid #04A4CC;
}
h1, h2, h3, h4 {
	font-weight: 400;
	line-height: initial !important;
}
h1 {
	font-size: 100px;
	font-weight: 600;
}
h2 {
	font-size: 48px;
	font-weight: 600;
}
h3 {
	font-size: 38px;
	font-weight: 600;
}
hr {
	display: none;
	border: 1px solid #000;
	width: 50px;
	margin: 0;
}
*,
*:hover,
*:focus {
	/*cursor: url(img/cursor.cur), default;*/
}

html,
body,
.wrapper {
	height: 100%;
}


/*------------------------------------*\
    FRAMEWORK
\*------------------------------------*/

.col { float: left; position: relative; }
.col:last-child { padding-right: 0; }
.col.col-1 { width: 100%; }
.col.col-2 { width: 50%; }
.col.col-3 { width: 33.33%; }
.col.col-4 { width: 25%; }
.col.col-5 { width: 20%; }
.col.col-6 { width: 16.667%; }
.col.col-1n3 { width: 33%; }
.col.col-2n3 { width: 67%; }
.col.pull-left { text-align: left; }
.col.pull-right { text-align: right; }

.vert-bottom { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.vert-middle { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.border-right { box-shadow: 1px 0 0 rgba(0,0,0,0.05); }
.border-bottom { box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05); }

.padding-full { padding: 30px; }
.padding-none { padding: 0; }
.padding-left { padding-left: 30px; }
.padding-right { padding-right: 30px; }
.padding-bottom { padding-bottom: 30px; }
.padding-top { padding-top: 30px; }

.margin-top { margin-top: 30px; }

.color-white { color: #fff; }

.text-right { text-align: right; }
.text-center { text-align: center; }
.text-center hr { margin: 0 auto; }
.text-underline { text-decoration: underline; }

.btn, .elementor-button {
	overflow: hidden;
	background-color: transparent;
	border: 2px solid #454343;
	color: #222 !important;
	text-shadow: none !important;
	font-size: 16px;
	font-weight: 600;
	padding: 8px 50px;
	display: inline-block;
	border-radius: 3px;
	outline: none;
	line-height: inherit;
}
.btn:hover, .elementor-button:hover { border-color: #444; background-color: #444; color: #fff !important; }
.btn.btn-white {border-color: #fff;color: #fff !important;}
.btn.btn-white:hover { background-color: #fff; color: #444 !important; }
.btn.simple { border: none; padding: 0; font-size: 8pt; }
.btn.simple:hover { background-color: transparent; color: #000; }
.btn.ext { padding: 0; margin: 10px 0; border: none; }
.btn.ext:hover { background-color: transparent; color: #222; text-decoration: underline; }
.btn::after {
	content: '';
	margin: 0 0 2px 5px;
	background: url(img/btn-right-arrow.svg?2018) no-repeat center;
	width: 14px;
	height: 6px;
	display: inline-block;
	transition: all 0.1s ease-in-out;
}
.btn:hover::after {
	filter: invert();
}
.btn.btn-arrowless::after { display: none; }

html.lang-en .hide-en { display: none !important; }

/*------------------------------------*\
    BOXES
\*------------------------------------*/

.box {
	position: relative;
	float: left;
	min-height: 1px;
}
.box.shadow {
	-webkit-box-shadow: 0 25px 50px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 25px 50px rgba(0,0,0,0.1);
	box-shadow: 0 25px 50px rgba(0,0,0,0.1);
}
.box.w-12 { width: 12.5%; }
.box.w-17 { width: 17%; }
.box.w-20 { width: 20%; }
.box.w-25 { width: 25%; }
.box.w-30 { width: 30%; }
.box.w-33 { width: 33.33%; }
.box.w-40 { width: 40%; }
.box.w-50 { width: 50%; }
.box.w-60 { width: 60%; }
.box.w-66 { width: 60%; }
.box.w-75 { width: 75%; }
.box.w-100 { width: 100%; }

.box.h-250 { height: 250px; }
.box.h-400 { height: 400px; }
.box.h-500 { height: 500px; }
.box.h-600 { height: 600px; }
.box.h-800 { height: 800px; }

.box.padding-top { padding-top: 50px; }
.box.padding-right { padding-right: 50px; }
.box.padding-bottom { padding-bottom: 50px; }
.box.padding-left { padding-left: 50px; }

.box.box-title { float: none; position: relative; display: block; margin: 0 auto; width: 300px; height: 300px; background-position: center; }
.box.box-photo { margin-bottom: 30px; }
.box.box-video {/* overflow: hidden; *//*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/}
.box.box-video video {/* height: inherit; */min-height: auto;height: auto;border-radius: 6px;box-shadow: 0 10px 50px rgba(0,0,0,0.1);}
.box.box-background { background-position: center; background-repeat: no-repeat; background-size: cover; }
.box.article-featured { position: relative; }

.box.a-left { float: left; }
.box.a-right { float: right; }
.box.a-center { margin-left: auto; margin-right: auto; }

/*.box.box-fixed { position: fixed; width: inherit; z-index: -1; }*/

/* BOX PARAGRAPH */
.box .paragraph { z-index: 1; position: relative; }
.box .paragraph.overlap { width: 150%; }
.box .paragraph.title.overlap { width: 250%; }
.box .paragraph.shove-left { width: 100%; margin-left: 50%; }
.box .paragraph.shove-right { width: 100%; margin-left: -50%; }
.box .paragraph h1 {
	/* text-transform: uppercase; */
	font-size: 50px;
	font-weight: 700;
	/* letter-spacing: 3px; */
	word-spacing: 3px;
	line-height: initial;
}
.box .paragraph h2 {
	/* text-transform: uppercase; */
	/* font-weight: 700; */
	/* letter-spacing: 0.04em; */
	/* word-spacing: 0.04em; */
	/* line-height: initial; */
}
.box .paragraph h3 {
	margin-bottom: 20px;
}
.box .paragraph hr {
	display: block;
	border: none;
	height: 1px;
	background-color: #454343;
	margin: 20px 0;
	width: 100%;
	opacity: 0.5;
}
.box .paragraph p {
	/* margin-top: 0; */
}

.box .project-meta {
	position: absolute;
	bottom: 0;
	right: 20px;
	font-size: 12px;
	font-weight: 500;
	line-height: 012px;
	text-transform: uppercase;
	color: #454343;
	text-align: right;
	letter-spacing: 0.04em;
}
.box .project-meta span {
	display: block;
	margin-top: 5px;
}
.box .project-counter {
	position: absolute;
	left: 0;
	bottom: 20px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 19px;
	color: #222;
	font-weight: 400;
	white-space: nowrap;
}

/*------------------------------------*\
    SLIDER
\*------------------------------------*/

.home-slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.home-slide span.background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0.8;
}

/*------------------------------------*\
    HEADLINES
\*------------------------------------*/

.headline {
	position: absolute;
	left: 25%;
	font-size: 85px;
	text-transform: uppercase;
	font-weight: 700;
	z-index: 10;
	overflow: hidden;
}
.headline span {
	display: block;
	font-size: 150px;
	line-height: 150px;
	white-space: nowrap;
}

.page-title {
	font-size: 100px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
}
.page-title.author-name {
	white-space: nowrap;
	font-size: 70px;
}
.page-title.simplified {
	display: block;
	margin: 50px 0;
}


.background-intro {
	background-image: url(img/bgs/bg-intro.jpg?2018);
	background-size: cover;
	background-repeat: no-repeat;
}
.background-journal {
	background-image: url(img/bgs/bg-journal.jpg?2018);
	background-size: cover;
	background-repeat: no-repeat;
}
.background-services {
	background-image: url(img/bgs/bg-services.jpg?2018);
	background-size: cover;
	background-repeat: no-repeat;
}
.background-studio {
	background-image: url(img/bgs/bg-studio.jpg?2018);
	background-size: cover;
	background-repeat: no-repeat;
}
.background-contact {
	background-image: url(img/bgs/bg-contact.jpg?2018);
	background-size: cover;
	background-repeat: no-repeat;
}
.author-avatar {
	background-position: center top !important;
	background-size: cover;
	background-repeat: no-repeat;
}

.page-headline {
	max-width: 100%;
	width: 900px;
	margin: 100px auto;
}
.page-headline p {
	font-size: 20px;
	line-height: 34px;
}

.page-headline.simple h3 {
	font-size: 20px;
	line-height: 23px;
	text-transform: initial;
}
.page-headline.simple p {
	font-size: 14px;
	line-height: 23px;
}

.page-headline.medium {
	margin: 0 auto 50px auto;
	width: 700px;
}
.page-headline.medium h1 {
	font-size: 40px;
}


.swiper-button-prev, .swiper-button-next {
	margin: 0;
	top: auto;
	bottom: 0;
	background-repeat: no-repeat;
	width: 100px;
	transition: all 0.3s ease;
	outline: none;
}
.swiper-button-prev:after, .swiper-button-next:after {
	display: none;
}
.swiper-button-prev {
	background-image: url(img/slider-arrow-prev.svg);
	background-position: left center;
	left: 20%;
}
.swiper-button-next {
	background-image: url(img/slider-arrow-next.svg);
	background-position: right center;
	right: 20%;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity: 0.1;
}

/*------------------------------------*\
    TRANSITIONS
\*------------------------------------*/


/* RIPPLE PAGE TRANSITION */
.ripple-effect{
	position: absolute;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	left: 50%;
	right: 50%;
	background: #fff;
	-webkit-animation: ripple-animation 1s;
	-moz-animation: ripple-animation 1s;
	animation: ripple-animation 1s;
	z-index: 997;
	-webkit-backface-visibility: hidden;
	shape-rendering: geometricPrecision;
}
@keyframes ripple-animation {
	from {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(100);
		-moz-transform: scale(100);
		transform: scale(100);
		opacity: 1;
	}
}
/* RIPPLE BACKWARDS (HIDE) PAGE TRANSITION */
.ripple-effect-out {
	-webkit-animation: ripple-off 0.5s;
	-moz-animation: ripple-off 0.5s;
	animation: ripple-off 0.5s;
}
@keyframes ripple-off {
	from {
		-webkit-clip-path: circle(70% at 50% 50%);
		clip-path: circle(70% at 50% 50%);
		opacity: 1;
	}
	to {
		-webkit-clip-path: circle(0% at 50% 50%);
		clip-path: circle(0% at 50% 50%);
		opacity: 1;
	}
}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.document-loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fefcfe;
	z-index: 1000;
}
.document-loader span {
	line-height: initial;
	top: 0;
	left: 50px;
	width: 330px;
	height: 100%;
	position: absolute;
	display: block;
	text-align: left;
	padding: 0;
	font-weight: 800;
	font-size: 100px;
	color: #454343;
	background-image: url(img/loader.gif?2018);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.ajax-container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 60px 30px 30px 30px;
	z-index: 997;
	background: rgba(255,255,255,1);
}
.scroller {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 30px;
	z-index: 20;
	text-align: center;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	-webkit-animation: scroller-move ease-in-out 1.9s infinite; /* Chrome, Safari, Opera */
	animation: scroller-move ease-in-out 1.9s infinite;
}
/*@-webkit-keyframes scroller-move {
	0%   {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0;
	}
	40%  {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	70%  {
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
		opacity: 0;
	}
}*/

.overflow {
	overflow: hidden;
}

.absolute-layout {
	position: absolute;
	width: 100%;
	z-index: 10;
	overflow: hidden;
}
.absolute-layout.is-active {
	z-index: 30;
}
/* wrapper */
.wrapper {
	/*max-width: 2560px;*/
	margin: 0 auto;
	position: relative;
}
/* header */
.header-container {
	height: 100px;
}
#header {
	position: fixed;
	padding: 50px 50px 0 50px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}
#header.clonehead {
	top: 0;
}
#header.fixed.up,
#header.static.down {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#header.up {
	/*transform: translateY(0%);*/
}
#header.down,
#header.initial {
	transform: translateY(-100%);
}
#header.invert * {
	color: #fff;
	transition: all 0s linear;
}
#header.invert * .hamburger-inner,
#header.invert *::after,
header.invert *::before {
	background-color: #fff !important;
}
.header-nav {
	/*position: absolute;
	right: 0;
	top: 0;*/
	float: right;
	position: relative;
}
.header-nav .header-menu-outside {
	display: inline-block;
}
.header-nav .header-menu-outside ul {
	list-style: none;
	margin: 0 15px 0 0;
}
.header-nav .header-menu-outside ul li {
	display: inline-block;
	margin: 0 25px;
	position: relative;
	font-size: 16px;
}
.header-nav .header-menu-outside ul li a {
	transition: all 0s linear;
}
/* logo */
.logo {
	display: inline-block;
	position: relative;
}
.logo-img {
	height: 50px;
	border-radius: 3px;
}
.logo .target {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 10px;
}
/* container */
.container {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
}
.page-content .container {
	padding: 60px 50px;
}
/* nav */
.nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 998;
	/*background-color: #fff;*/
	overflow: auto;
	padding: 50px;

	background: -moz-linear-gradient(45deg, rgba(51,51,51,0.7) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(45deg, rgba(51,51,51,0.7) 0%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(45deg, rgba(51,51,51,0.7) 0%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3333333', endColorstr='#e6000000',GradientType=1 );
}
.nav.active {
	/*display: block;*/
}
.nav .menu {
	/*display: none;*/
	clear: both;
	text-align: right;
}
.nav .menu ul {
	margin: 0;
	list-style: none;
	padding-left: 0;
}
.nav .menu ul li {
	line-height: initial;
	position: relative;
	display: block;
}
/*.nav .menu ul li.current::before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	width: 15px;
	height: 4px;
	top: 40%;
	background-color: #000;
}*/
.nav .menu ul li a {
	font-weight: 500;
	font-size: 60px;
	display: inline-block;
	position: relative;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav .menu ul li a:hover {
	color: #fff;
}
.nav .menu ul li a::before {
	content: ' ';
	display: block;
	position: absolute;
	height: 7px;
	width: 0;
	top: 80%;
	right: 0;
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav .menu ul li a:hover::before {
	width: 100%;
}
.nav .menu ul li.current a::before {
	content: ' ';
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	top: 90%;
	right: 0;
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* main */
main {
}
/* pages */
.page-casestudies {
	position: relative;
	width: 100%;
	height: 100%;
}
.page-casestudies .fullscreen-panel {
	overflow: auto;
}
/* section */
section.fullscreen-panel {
	position: relative;
	width: 100%;
	height: inherit;
	overflow: hidden;
}
/* article */
.articles {
	padding: 100px 0 0 0;
	position: relative;
}
.articles .article {
	margin-bottom: 100px;
	width: calc(33% - 60px);
}
.articles .article img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 6px;
}
.articles .article:hover img {
	opacity: 0.8;
}
.articles .article .article-detail {
	padding: 20px;
}
.articles .article .article-detail h2 {
	font-size: 24px;
	line-height: 30px !important;
	font-weight: 600;
	/* text-transform: uppercase; */
}
.articles .article .article-detail .article-meta {
	font-size: 12px;
	color: #999;
	margin: 10px 0;
	text-transform: uppercase;
}
.articles .article .article-detail .article-meta span {
	margin-right: 5px;
}
.articles .article .article-detail .article-meta a {
	color: #999;
}
.articles .article .article-detail p {
	color: #444;
	line-height: 24px;
	margin: 0;
	font-size: 18px;
}
article p {
	line-height: 30px;
}
article p a {
	color: #395AC4;
	text-decoration: underline !important;
}

.article-content {
	padding: 60px 0 0 0;
	margin: 0 auto;
	max-width: 50%;
}
.article-content.fullwidth {
	max-width: 100%;
}
.article-content h2 {
	/* font-weight: 700; */
	/* text-transform: uppercase; */
	/* line-height: initial; */
}
.article-content h3 {
	/* text-transform: uppercase; */
}
.article-content h4 {
	text-transform: uppercase;
}
.content:not(.project-container) .article-content img {
	height: auto;
	-webkit-box-shadow: 0 25px 50px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 25px 50px rgba(0,0,0,0.1);
	box-shadow: 0 25px 50px rgba(0,0,0,0.1);
}
.article-content p {
	margin: 20px 0;
}
.article-content p span.char {
	font-size: 80px;
	color: #ddd;
	float: left;
	padding: 0 10px 0 0;
	line-height: 60px;
}
.article-content img {
	height: auto;
}
.box.article-meta {
	font-size: 12px;
	color: #999;
	padding-top: 20px;
	text-transform: uppercase;
	clear: both;
	text-align: right;
	float: none;
}
.box.article-meta span {
	margin-left: 10px;
}

.blog-categories {
	/* text-align: center; */
	padding-top: 100px;
}
.blog-categories button {
	display: inline-block;
	background-color: transparent;
	border: none;
	padding: 5px 8px;
	margin: 0 10px;
	letter-spacing: 0.04em;
	outline: none;
	/* text-transform: uppercase; */
	font-weight: 500;
	/* -webkit-transition: all 0.2s ease-in-out; */
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	/* transition: all 0.2s ease-in-out; */
}
.blog-categories button:hover,
.blog-categories button.is-checked {
	/*background-color: #222;
	color: #fff;*/
	/* font-weight: 800; */
	border-bottom: 2px solid #222;
}

.article-author {
	padding: 100px 0 0 0;
}
.article-author .author-card h3 {

}
.article-author .author-card p {
	font-size: 13px;
	color: #666;
}
/* sidebar */
.sidebar #menu-social-networks, .sidebar #menu-contact {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
	clear: both;
}
ul#qtranslate-chooser {
	list-style: none;
	margin: 30px 0 30px 0;
	padding: 0;
	clear: both;
	text-align: right;
}
ul#qtranslate-chooser li.active { display: none !important; }
.sidebar #menu-social-networks li a, .sidebar #menu-contact li a, ul#qtranslate-chooser li a {
	/* text-transform: uppercase; */
	font-size: 24px;
	font-weight: 600;
	color: #aaa;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sidebar #menu-social-networks li a:hover,
.sidebar #menu-contact li a:hover,
ul#qtranslate-chooser li a:hover {
	color: #fff;
}
/* footer */
.footer {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	font-size: 11px;
	text-transform: uppercase;
	color: #222;
}
.footer .footer-inner {
	margin: 0 50px;
	border-top: 1px solid #ddd;
	padding: 15px 0;
}
.footer a {
	color: #222;
	margin: 0 10px;
}
.footer a:hover {
	color: #222;
	text-decoration: underline;
}
.footer .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer .menu ul li {
	display: inline-block;
	position: relative;
}
.footer .footer_contact {
	display: none;
}
.footer_menu {
	margin: 0;
	list-style: none;
	padding: 0;
}
.footer_menu li {
	display: inline-block;
	margin: 0;
}
.footer_menu li a {
	margin: 0 10px;
	padding: 0;
}
.footer .footer-inner .copyright {
	float: left;
	width: 25%;
	text-align: left;
}
.footer .footer-inner .footer-menu {
	float: left;
	width: 50%;
}
.footer .footer-inner .footer-info {
	float: left;
	width: 25%;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

.what-is-ux {
	background: linear-gradient(130deg, #384AB9 0%, #40A9FD 100%);
	color: #fff;
	padding: 0 7px !important;
	border-radius: 6px;
	cursor: pointer;
}

.hp-custom-modal {
	display: none;
	position: fixed;
	max-width: 80vw;
	max-height: 80vh;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0 20px 100px rgba(0,0,0,0.2);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}
.hp-custom-modal .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 100px;
	overflow: auto;
}
.hp-custom-modal .close {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	background-color: #353535;
	padding: 30px;
	border-radius: 50%;
	z-index: 2;
	transition: all 0.2s ease;
}
.hp-custom-modal .close:hover {
	background-color: #000;
	padding: 35px;
}
.hp-custom-modal .close:before {
	content: '';
	display:  block;
	position: absolute;
	transform: rotate(45deg);
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 2px;
	background-color: #fff;
}
.hp-custom-modal .close:after {
	content: '';
	display:  block;
	position: absolute;
	transform: rotate(-45deg);
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 2px;
	background-color: #fff;
}

.page-loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(img/ripple.svg?2018);
	background-repeat: no-repeat;
	background-position: center center;
}
.pageload-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 10000;
}

.pageload-overlay.show {
	visibility: visible;
}

.pageload-overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.pageload-overlay svg path {
	fill: #f6f1ed;
}

.pageload-overlay::after,
.pageload-overlay::before {
	content: '';
	position: fixed;
	width: 430px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -215px;
	background-image: url(img/loader.gif?2018);
	background-repeat: no-repeat;
	background-position: center center;
	visibility: hidden;
	opacity: 0;
	z-index: 1001;
	-webkit-transition: opacity 0.15s, visibility 0s 0.15s;
	transition: opacity 0.15s, visibility 0s 0.15s;
}
.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.col-load-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 10000;
}
.col-load-overlay.show {
	visibility: visible;
}
.col-load-overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.col-load-overlay svg path {
	fill: #f6f1ed;
}

.js-height-full .col-inner, .js-height-half .col-inner { display: block; }
/* homepage */
canvas#home_canvas { position: absolute; }
.home-change-text {
	font-size: 200px;
	line-height: 100px;
	z-index: 0;
	cursor: default;
}
.home-change-text.big {
	font-size: 1500px;
	position: absolute;
	opacity: 0.02;
	overflow: hidden;
	cursor: default;
	line-height: initial;
	text-align: center;
	width: 100%;
}

.background-white { background-color: #fff; }
.background-cream { background-color: #f5f3f2; }
.background-image { background-repeat: no-repeat; background-position: center; background-size: cover; }
.background-video { position: relative; overflow: hidden; }
.background-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.background-video::before {
	content: ' ';
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	z-index: 100;
}

.background-video svg {
	width: 100%;
	height: 100%;
	position:absolute;
}
.background-video svg text {
	text-anchor: middle;
}
.background-video svg mask rect {
	fill: #f5f3f2;
}
.background-video svg > rect {
	fill: white;
	-webkit-mask: url(#mask);
	mask: url(#mask);
}

#firstHomeBox { background-color: #fff; }
#firstHomeBox h1 {
	padding: 0 0 20px 0;
	display: inline-block;
	font-size: 60px;
	/*line-height: 80px;*/
	z-index: 1;
	position: relative;
}
#secondHomeBox { background-color: #fff; color: #fff; }
#secondHomeBox hr { border-color: #fff; }
#thirdHomeBox { background-color: #fff; color: #fff; }
#thirdHomeBox hr { border-color: #fff; }

section.page-general {max-width: 1200px;margin: 80px auto;/*overflow: auto;*/padding: 0 30px;}

.col-text h2 {
	font-size: 50px;
}

form.nl-form {
	font-size: 24px;
	margin: 60px auto 60px auto !important;
	position: relative;
	line-height: 35px;
}
form.nl-form input,
form.nl-form textarea {
	min-width: 150px !important;
	min-height: 33px;
	overflow: hidden;
	border: none;
	color: inherit;
	font-weight: 400;
	line-height: 31px;
	outline: none;
	background-color: transparent;
	-webkit-box-shadow: inset 0 -1px 0 #222;
	-moz-box-shadow: inset 0 -1px 0 #222;
	box-shadow: inset 0 -1px 0 #222;
}

.contact-form-gdpr {
	max-width: 550px;
	margin: 0 auto 40px auto;
	border: 1px solid #ddd;
	line-height: 20px;
	padding: 10px 20px;
	font-size: 14px;
}
.contact-form-gdpr span.text {
	display: inline-block;
	width: 80%;
	vertical-align: middle;
}
.contact-form-gdpr span.text em {
	font-style: initial;
	font-weight: 600;
	text-decoration: underline;
}
form input[type="checkbox"] {
	display: none !important;
}
form input[type="checkbox"] + label {
	color:#000;
	font-size:16px;
	cursor: pointer;
}
form input[type="checkbox"] + label:before {
	display:inline-block;
	content: '';
	width:30px;
	height:30px;
	margin: 0 20px 0 0;
	vertical-align:middle;
	border: 1px solid #000;
	text-align: center;
	line-height: 30px;
	font-size: 24px;
	cursor:pointer;
	border-radius: 3px;
}
form input[type="checkbox"]:checked + label:before {
	content: 'X';
}

span#chars {
	font-size: 12px;
	margin-left: 10px;
}
.select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	height: 26px;
	margin: 0;
}
.select ul {
	position:absolute;
	z-index:1;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.select ul.active {
	z-index: 20;
}
.select ul li.option {
	color: #717171;
	background-color: #fafafa;
	padding: 0;
	margin:0;
	cursor: pointer;
	display:none;
	white-space: nowrap;
}
.select ul li.option.darr {
	color: #222;
	background-color: transparent;
	font-weight: 600;
}
.select ul.active li.option.darr {
	color: #222;
}
.select ul li.option:not(.darr) {
	padding: 5px 10px;
	font-size: 22px;
}
.select ul li.option:not(.darr):hover {
	background-color:#eee;
}

.select ul li:first-child {
	display:block;
}

form.nl-form .selectric-wrapper {
	display: inline-block;
	vertical-align: text-bottom;
}
form.nl-form .selectric {
	border: none;
	border-radius: 0;
	background: none;
	overflow: auto;
}
form.nl-form .selectric .button {
	display: none;
}
form.nl-form .selectric .label {
	margin: 0;
	font-size: inherit;
	line-height: initial;
	height: auto;
	color: #222;
	font-weight: 400;
	-webkit-box-shadow: inset 0 -1px 0 #222;
	-moz-box-shadow: inset 0 -1px 0 #222;
	box-shadow: inset 0 -1px 0 #222;
}
form.nl-form .selectric-items {
	background: #fff;
	border: none;
	border-top: 2px solid #222;
	box-shadow: 0 25px 50px rgba(0,0,0,0.1);
}
form.nl-form .selectric-items li {
	text-align: left;
}
.selectric-items li.highlighted,
.selectric-items li.selected {
	font-weight: 600;
	background: none;
}
.selectric-items li:hover {
	background: #fafafa;
}

form.nl-form input::-webkit-input-placeholder { color: #222; }
form.nl-form input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); }
form.nl-form input:-moz-placeholder { color: #222; }
form.nl-form input:focus:-moz-placeholder { color: rgba(0, 0, 0, 0.3); }
form.nl-form input::-moz-placeholder { color: #222; }
form.nl-form input:focus::-moz-placeholder { color: rgba(0, 0, 0, 0.3); }
form.nl-form input:-ms-input-placeholder { color: #222; }
form.nl-form input:focus:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); }
form .contact-form-response {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #fff;
	padding: 40px 0;
}
form .contact-form-response span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	text-align: center;
	transform: translate3d(-50%, -50%, 0);
}
form .contact-form-response span.success {
	padding-top: 200px;
}
form .contact-form-response span.success:before {
	content: '';
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(img/paperplane.gif) no-repeat center;
}
.thankyou-panel {
	max-width: 600px;
	margin: 0 auto;
	display: block;
}

/*------------------------------------*\
    CASE STUDY
\*------------------------------------*/

.projects-workspace {
}

.projects-list {
	padding: 20px 0;
	float: left;
	width: 40%;
}
.projects-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.projects-list ul li {
	padding: 20px 20px 20px 80px;
	/* font-size: 18px; */
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	border-radius: 6px 0 0 6px;
}
.projects-list ul li:hover {
	background-color: #fafafa;
}
.projects-list ul li.is-active {
	background-color: #f0f0f0;
}
.projects-list ul li span {
	font-size: 16px;
	color: #ccc;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	top: 24px;
	left: 30px;
}
.projects-list ul li .project-description-accordion {
	display: none;
}

.projects {
	float: left;
	width: 60%;
	padding: 0 100px;
}
.projects .project .project-image {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 6px;
}

.projects .project {
	display: none;
}
.projects .project.is-active {
	display: block;
}

.project-presentation {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.project-presentation video,
.js-video-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
	min-height: 100%;
}
.project-data {
	position: absolute;
	bottom: 60px;
	left: 60px;
	color: #fff;
	width: 50%;
}
.project-data h1 {
	font-size: 60px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: initial;
}
.project-data .project-meta {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 20px;
}
.project-container {
	position: relative;
	/*margin-top: 100vh;*/
}
.project-home-btn {
	position: absolute;
	right: 60px;
	bottom: 60px;
}
.project-home-btn a {
	color: #fff;
}
.project-next {
	background-color: #000;
	color: #fff;
	font-size: 24px;
	padding: 100px 150px;
	display: block;
	position: relative;
	background: linear-gradient(167.2deg, #384AB9 0.85%, #40A9FD 99.56%);
	border-radius: 6px;
}
.project-next .project-name {
	font-size: 48px;
	display: block;
	font-weight: 700;
}

.case_first_p:before {
	content: '';
	position: absolute;
	top: -30px;
	left: -30px;
	width: 150px;
	height: 150px;
	background-color: #f3f3f3;
	z-index: -1;
}

/* GENERAL */
.page-likeusbox {
	margin: 100px 0;
}
.page-likeusbox.form input {
	border: none;
	outline: none;
	border-bottom: 1px solid #000;
	max-width: 150px;
}

/* CONTACT */
form.mobile-form {
	max-width: 300px;
	margin: 0 auto 60px auto;
	text-align: center;
}
form.mobile-form .line {
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	text-align: left;
}
form.mobile-form .line input {
	border: none;
	outline: none;
	margin-left: 5px;
	font-weight: 700;
}
form.mobile-form .line textarea {
	border: none;
	outline: none;
	margin-left: 5px;
	font-weight: 700;
	width: 100%;
	min-height: 50px;
}
form.mobile-form .line .selectric-wrapper {
	display: inline-block;
}
form.mobile-form .line .selectric {
	border: none;
	background: none;
	margin-bottom: -10px;
	padding: 5px 0;
}
form.mobile-form .selectric .label {
	margin: 0 20px 0 5px;
	line-height: initial;
	color: inherit;
	height: 19px;
	font-size: 14px;
	font-weight: 600;
}
form.mobile-form .selectric .button {
	width: 14px;
	height: 29px;
	line-height: 19px;
	background: none;
}
form.mobile-form .selectric-items {
	top: 140%;
}

/* SERVICES */
.services_list .service-item .box .paragraph p {
	margin-top: 0;
}
.services_list .service-item .box .paragraph h2 {
	font-weight: 500;
	text-transform: initial;
	padding-left: 30px;
}
.services_list .service-item .service-image {
	float: left;
	width: 40%;
}
.services_list .service-item .service-title {
	float: left;
	width: 60%;
	padding: 0 !important;
}

/* service 2 */
.service-2 .services_list .service-item .service-item-inside {
	padding: 0 50px 0px 50px;
	text-align: center;
}
.service-2 .services_list .service-item .service-item-inside .paragraph p {
	margin-top: 0;
}
.service-2 .services_list .service-item .service-item-inside .paragraph h2 {
	font-weight: 700;
	padding: 30px 0;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
.service-2 .services_list .service-item .service-image {
	float: none;
	width: 100%;
	position: relative;
}
.service-2 .services_list .service-item .service-image a {
	display: block;
}
.service-2 .services_list .service-item .service-title {
	float: none;
	width: auto;
	padding: 0 !important;
}

.service-2 .services_list.mini {
	text-align: center;
}
.service-2 .services_list.mini .service-item {
	float: none;
	display: inline-block;
	vertical-align: top;
}
.service-2 .services_list.mini .service-item  .service-image {
	max-width: 200px;
	margin: 0 auto;
}
.service-2 .services_list.mini .service-item .service-title h2 {
	font-size: 14px;
	line-height: 18px;
}

.background-video {
	position: fixed;
	left: 0;
	top: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translateY(-50%);
}
.box-background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.7;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.page-service-title {
	line-height: 70px;
	font-size: 70px;
	text-align: center;
	width: 1000px;
}
.page-service-title span {
	position: relative;
}
.page-service-title span a {
	position: absolute;
	font-size: 14px;
	top: -10px;
	left: 0;
	line-height: initial;
	text-transform: initial;
}
.page-service-title span a::before {
	content: '';
	margin: 0 10px 2px 0;
	background: url(img/btn-left-arrow.svg?2018) no-repeat center;
	width: 14px;
	height: 6px;
	display: inline-block;
	transition: all 0.1s ease-in-out;
}

.service-icons {
	max-width: 800px;
	margin: 0 auto;
}
.service-icons .service-item {
	min-height: 210px;
	text-align: center;
}
.service-icons .service-item .service-icon {
	display: block;
	text-align: center;
}
.service-icons .service-item .service-title h4 {
	display: block;
	text-align: center;
	font-weight: 600;
}


.home-projects-slider {

}
.home-projects-slider h2 {
	font-size: 28px;
}
.home-projects-slider p {
	font-size: 18px;
	line-height: initial;
}
.home-projects-slider .swiper-slide {
	width: 70%;
}


/*------------------------------------*\
    CSS HACKS
\*------------------------------------*/

.flexible-half-width-left {
	width: 50vw;
	position: relative;
	left: 50%;
	margin-left: calc(-100vw / 2 + 500px / 2);
}
.flexible-half-width-right {
	width: 50vw;
	position: relative;
	right: 50%;
	margin-right: calc(-100vw / 2 + 500px / 2);
}
.flexible-full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: calc(-100vw / 2 + 1000px / 2);
	margin-right: calc(-100vw / 2 + 1000px / 2);
}
.tp-static-layers {
	z-index: 0 !important;
}
.elementor video {
	width: auto !important;
	margin: 0 auto !important;
	display: block;
}
.elementor-message-success {
	display: none !important;
}



/* 404 */
body.error404 {
	background-color: #212121;
}
body.error404 .content-404 {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
body.error404 .header-container {
	display: none;
}
body.error404 .paragraph * {
	color: #EAEAEA;
}
body.error404 .image-404 {
	background-image: url(img/404-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
body.error404 .paragraph h1 {
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 30px;
}

/* thank you page */
body.page-template-template-thankyou .header-container {
	display: none;
}

/*------------------------------------*\
    PAGE BUILDER MODS
\*------------------------------------*/

.panel-grid.panel-no-style {
	margin: 0 !important;
	padding-top: 45px;
	padding-bottom: 45px;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.show-mobile { display: none; }

@media (min-width: 1920px) {
	.hamburger-title { display: inline-block; }
}

@media (max-width: 1120px) {
	.headline { font-size: 65px; }
	.headline span { font-size: 200px; }
}

@media (max-width: 1024px) {
	.box.w-20 { width: 33.33%; }
	.box.w-17 { width: 0%; }
	.box.w-25 { width: 50%; }
	.box.w-60 { width: 33.33%; }
	.box.w-66 { width: 100%; }
	.box.w-75 { width: 50%; }
	.box .paragraph.shove-left { margin-left: 25%; }
	.box .paragraph.shove-right { margin-left: -25%; }
	.box .paragraph.overlap { width: auto; }
	.box .paragraph.title.overlap { width: auto; }
	.box .paragraph h1 { font-size: 50px; }
	section.fullscreen-panel.intro { padding: 50px; }
	.headline { font-size: 55px; }
	.headline span { font-size: 150px; line-height: 150px; }
	.project-images { display: none; }
	.header-nav .header-menu-outside { display: none; }
	.header-nav { margin-top: 10px; }
}

@media (max-width: 860px) {
	.hidden-m { display: none; }
	.box.w-20 { width: 100%; }
	.box.w-25 { width: 100%; }
	.box.w-30 { width: 100%; }
	.box.w-33 { width: 100%; }
	/*.box.w-25 { width: 100%; }
	.box.w-50 { width: 100%; }*/
	.box.w-40 { width: 100%; }
	.box.w-60 { width: 100%; }
	.box.h-400 { height: 100%; }
	.box .paragraph:not(.js-vertical-middle) {padding: 30px 0;margin: 0 !important;}
	.box .paragraph.shove-left { margin-left: 0; }
	.box .paragraph.shove-right { margin-left: 0; }
	.box .paragraph hr { width: 50%; margin-left: auto; margin-right: auto; }
	.headline { font-size: 45px; }
	.headline span { font-size: 125px; line-height: 125px; }
}

@media (max-width: 768px) {
	.box.h-400 { height: auto; }
	/*.box.h-600 { height: auto; }*/
	.box.box-title { width: auto; height: auto; background: none; box-shadow: 0 0 0; text-align: center; }
	.box.box-title .box-background { display: none; }
	.box .paragraph h1 { font-size: 40px; }
	.box .paragraph h2 { font-size: 25px; line-height: 30px; }
	.box.article-title { width: 100%; height: auto !important; margin: 60px 0; }
	.box.article-title .paragraph { margin: 0 !important; }
	.box.article-featured {width: 100%;max-height: 400px;}
	.box.padding-left { padding-left: 30px; }
	/*.box .paragraph.js-vertical-middle { margin-top: 0 !important; margin-bottom: 0 !important;}*/
	.box.padding-bottom { padding-bottom: 0; }
	.box.padding-right { padding-right: 0; }
	.box .project-counter { left: -60px; bottom: -40px; transform: none; }
	section.fullscreen-panel.intro { padding: 0; }
	section.fullscreen-panel.case-study hr { margin: 20px 0; }
	.hp-custom-modal {max-width: 100%;max-height: 70vh;top: 20vh;left: 0;transform: none;}
	.hp-custom-modal .content {margin: 0;padding: 30px;}
	h1 {font-size: 50px;}
	h2 {font-size: 30px;}
	.btn { text-align: center; padding: 10px 20px; }
	#header { padding: 30px 30px 0 30px; }
	.nav {padding: 30px;padding-top: 100px !important;}
	.nav .menu ul li a {font-size: 30px;}
	.sidebar #menu-social-networks li a, .sidebar #menu-contact li a, ul#qtranslate-chooser li a { font-size: 18px; }
	.container { padding: 0 30px; }
	.fullscreen-panel.case-study .container { height: 100%; margin: 0 !important; }
	.elementor-page section.page-general { padding: 0; }
	.page-content .container { padding-left: 30px; padding-right: 30px; padding-top: 0; padding-bottom: 60px; }
	.page-headline.simple h3 { margin-bottom: 20px }
	.page-title { font-size: 50px; }
	.page-title.author-name { font-size: 30px; }
	.author-avatar { background: none !important; }
	.box.box-title .page-title { margin: 60px 0 !important; line-height: initial; }
	.box.box-title .page-title.page-service-title { width: auto; }
	.box.box-title .page-title.page-service-title span a { position: relative; display: block; }
	.text-right { text-align: inherit; }
	.article-content { max-width: 75%; }
	.projects-list { padding: 0 0; margin-bottom: 60px; }
	.projects-list ul li { font-size: 16px; }
	.footer { text-align: center; }
	.footer .footer-inner { margin: 0 30px; }
	.footer .footer-inner > .box { margin: 5px 0; text-align: initial; }
	.footer a { padding: 3px 6px; display: inline-block; }
	.articles { padding-top: 60px; }
	.articles .article { width: calc(50% - 60px); margin-bottom: 60px; }
	.footer .menu { display: none; }
	.footer .footer-menu { display: none; }
	.footer .footer_menu { text-align: right; }
	.footer .footer_social { display: none; }
	.footer .footer_contact { display: block; }
	.footer .footer-inner .footer-info { width: 75%; }
	.footer_menu li { display: block; }
	.studio_staff { margin: 60px 30px 0 30px; }
	.studio_staff .person { width: 100%; float: none; clear: both; margin-bottom: 30px; }
	.studio_staff .person:last-child { margin-bottom: 0; }
	.studio_staff .person:last-child .paragraph { padding-bottom: 0; }
	.studio_staff .person .box-photo { float: none; margin-bottom: 0; box-shadow: 0 0 0; }
	.studio_staff .person .box-photo img { max-width: 50%; -webkit-box-shadow: 0 25px 50px rgba(0,0,0,0.1); -moz-box-shadow: 0 25px 50px rgba(0,0,0,0.1); box-shadow: 0 25px 50px rgba(0,0,0,0.1); }
	.studio_staff .person .box-photo .photo-name { width: 60%; position: absolute; top: 0px; right: 0px; font-weight: 700; }
	.services_list { margin-top: 60px; }
	.services_list .paragraph { padding: 0 !important; }
	.services_list .service-item { margin-bottom: 60px; }
	.service-2 .services_list.mini .service-item { width: 50%; }
	.service-2 .services_list.mini .service-item .service-item-inside { padding: 0 15px; }
	.page-casestudies, .page-casestudies .h-600 { height: auto; }
	.page-casestudies .container { margin: 0 !important; }
	.page-casestudies .projects-list-outer { width: 100%; padding-top: 100px; }
	.projects-list ul li.is-active,
	.projects-list ul li:hover { background: none; }
	.projects-list ul li { font-size: 20px; }
	.projects-list ul li span { font-size: 15px; top: 20px; }
	.projects-list ul li.is-active .project-description-accordion { display: block; }
	.projects-list ul li:after { content: ''; position: absolute; right: 0; top: 23px; width: 15px; height: 15px; background-image: url(img/accordion-plus.svg?2018); background-repeat: no-repeat; background-position: center; background-size: cover; }
	.projects-list ul li.is-active:after { background-image: url(img/accordion-minus.svg?2018); }
	.page-casestudies .project-descriptions { display: none; }
	.page-casestudies .project-description-accordion p { font-size: 14px; }
	.project-home-btn { right: 30px; bottom: 30px; }
	.project-data { bottom: 30px; left: 30px; }
	.project-data h1 { font-size: 30px; line-height: initial; }
	.case_first_p { margin-left: 30px; }
	.project-next {padding: 80px 40px;font-size: 18px;text-align: center;}
	.project-next .box {width: 100%;}
	.project-next .box.js-vertical-middle { margin: 0 !important;}
	.project-next .project-name {font-size: 30px;margin: 40px 0;}
	.page-likeusbox { margin: 60px 0; }
	.page-headline { margin: 60px auto; }
	.page-paragraph { margin-top: 60px; }
	.page-paragraph .h-600,
	.page-paragraph .h-500,
	.page-paragraph .h-400,
	.page-paragraph .h-250 { height: auto; }
	.page-paragraph .paragraph { margin: 0 !important; }
	.blog-title { margin-top: 50px; }
	.blog-categories {padding-top: 0;display: none;}
	.service-icons { margin-top: 60px; }
	.service-icons .service-item {width: 50%; min-height: 180px;}
	.service-icons .service-item .service-title { padding: 0 !important; }
	.ajaxload-load-posts { padding: 0; }
	form .contact-form-response span { left: 0; width: 100%; transform: translate3d(0, -50%, 0); font-size: 20px; }
	form .contact-form-response span.success { top: 0; transform: translate3d(0, 0, 0); }
	.contact-form-gdpr input[type="checkbox"] + label span.checkbox { margin: 10px auto; display: block; }
	.contact-form-gdpr input[type="checkbox"] + label span.text { display: block; width: auto; text-align: center; line-height: 22px; }
}

@media (max-width: 640px) {
	.hide-mobile { display: none; }
	.show-mobile { display: block; }
	.hidden-s { display: none; }
	.document-loader span { left: 30px; width: 50%; }
	body {font-size: 18px;}
	.section.fullscreen-panel.case-study .container { margin: 0 !important; height: 100% !important; }
	.section.fullscreen-panel.case-study .container .h-500 { height: 100% !important; }
	.home-projects-slider .swiper-slide { width: 100%; }
	.home-projects-slider .swiper-button-prev {left: 20px;}
	.home-projects-slider .swiper-button-next {right: 20px;}
	.home-projects-slider .swiper-slide .box { width: 100%; height: auto; }
	.home-projects-slider .swiper-slide .box.padding-left {padding-left: 0;}
	.home-projects-slider .swiper-slide .box video {position: relative;top: auto;left: auto;transform: none;}
	.home-projects-slider .swiper-slide .box .js-vertical-middle { margin: 0 !important; }
	.home-projects-slider .swiper-slide .box .paragraph {margin-top: 30px !important;padding-bottom: 100px;}
	.home-projects-slider .swiper-slide .box .paragraph h2 { margin-bottom: 30px; }
	.home-projects-slider .swiper-slide .box .paragraph p { display: none; }
	.box.box-video { position: relative; top: auto; left: auto;}
	.box .project-meta { text-align: left; left: 0; bottom: 30px; }
	.box.project-text { width: 75%; height: 100%; }
	.project-counter { position: absolute; top: 50%; right: 10px; transform: rotate(90deg); font-size: 14px; font-weight: 600; }
	.box .paragraph h1 { font-size: 24px; font-weight: 600; }
	.box.headline-background { width: 100%; }
	.headline { font-size: 25px; left: 30px; color: #fff; }
	.headline span { font-size: 75px; line-height: 75px; }
	.tp-caption.hp_slide_small, .hp_slide_small { text-transform: uppercase !important; }
	/*.tp-caption.tp-static-layer.hp_slide_small { text-transform: initial !important; }*/
	.tp-caption.hp_slide_big, .hp_slide_big { letter-spacing: 0.04em !important; }
	.page-headline { margin: 0 auto; }
	.page-headline.medium { margin: 50px auto 0 auto; }
	.page-headline.medium h1 { font-size: 35px; }
	.page-headline .paragraph { padding: 0; }
	.page-headline p { font-size: 16px; line-height: 30px; margin: 0; }
	.articles .article { width: 100%; }
	.service-item .box.w-50 { width: 100%; }
	.service-2 .services_list .service-item .service-item-inside { padding: 0; }
	.service-2 .services_list .service-item .service-item-inside .service-image img { width: 100%; }
	.services_list .service-item .service-title { width: 100%; }
	.services_list .service-item .box .paragraph h2 { padding-left: 0; }
	.services_list .paragraph { padding: 30px 0 0 0 !important; }
	body.error404 .box.w-50 { width: 100%; }
	body.error404 .box .js-vertical-middle { margin: 0 !important; }
	body.error404 .content-404 { position: relative; transform: none; top: 0; }
	body.error404 .image-404 { height: 400px; position: absolute; top: 0; left: 0; right: 0; opacity: .2; }
	body.error404 .text-404 { margin-top: 50%; padding-left: 0; text-align: center; height: auto; }
	.image-viewer { max-height: 400px; overflow: hidden; }
}

@media (max-width: 480px) {
	.hidden-xs { display: none; }
	.article-content { max-width: 100%; }
}

@media (max-width: 740px) and (max-height: 420px) {
	.cs-worklist { display: none; }
}

@media (max-height: 570px) {
	.headline { font-size: 45px; }
	.headline span { font-size: 125px; line-height: 125px; }
}

@media (min-aspect-ratio: 16/9) {
	div:not(.box-video) > .js-video-center {
		width: 100%;
		height: auto;
	}
}

@media (max-aspect-ratio: 16/9) {
	div:not(.box-video) > .js-video-center {
		width: auto;
		height: 100%;
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: rgba(0, 0, 0, 0.11);
}
::-webkit-selection {
	background: rgba(0, 0, 0, 0.11);
}
::-moz-selection {
	background: rgba(0, 0, 0, 0.11);
}

.ink {
	display: block; position: absolute;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	transform: scale(0);
}
/*animation effect*/
.ink.animate {animation: ripple 0.65s linear;}
@keyframes ripple {
	/*scale the element to 250% to safely cover the entire link and fade it out*/
	100% {opacity: 0; transform: scale(2.5);}
}

.wy-tooltip {
	max-width: 600px;
	border: 1px solid #ddd;
	color: #222;
	background: #fff;
	box-shadow: 0 20px 50px rgba(0,0,0,0.1);
	position: absolute;
	padding: 10px 15px;
	text-align: left;
	font-size: 14px;
}
.wy-hide { display: none; }

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	/* background:#FFF; */
	/* border:1px solid #F0F0F0; */
	/* max-width:96%; */
	/* padding:5px 3px 10px; */
	/* text-align:center; */
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


.icon-scroll,
.icon-scroll:before {
	position: absolute;
	left: 50%;
}
.icon-scroll {
	width: 30px;
	height: 50px;
	margin-left: -15px;
	bottom: 20px;
	margin-top: -25px;
	box-shadow: inset 0 0 0 2px #555;
	border-radius: 25px;
}
.icon-scroll::before {
	content: '';
	width: 8px;
	height: 8px;
	background: #555;
	margin-left: -4px;
	top: 8px;
	border-radius: 4px;
	animation: customAnim1Down 1.5s ease-in-out infinite;
	-webkit-animation: customAnim1Down 1.5s ease-in-out infinite;
}
@-webkit-keyframes customAnim1Down {
	0% { opacity: 0; }
	10% { opacity: 1; }
	100% { transform: translateY(30px); opacity: 0; height: 8px; }
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}









/* MOVE LEFT TO RIGHT */
.transition-object.is-active div[data-transition-step="customAnim1left"] {
	-webkit-animation: customAnim1left ease-in-out 1.5s;
	animation: customAnim1left ease-in-out 1.5s;
}
@-webkit-keyframes customAnim1left {
	0% {  }
	50% { width: 50%; }
	100% { left: -100%; opacity: 1; }
}

.transition-object.is-active div[data-transition-step="customAnim1Right"] {
	-webkit-animation: customAnim1Right ease-in-out 1.5s;
	animation: customAnim1Right ease-in-out 1.5s;
}
@-webkit-keyframes customAnim1Right {
	0% {  }
	50% { width: 50%; }
	100% { left: -100%; opacity: 1; }
}