@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,footer,header,hgroup,article,aside,canvas,details,embed,menu,nav,output,ruby,section,summary,table,caption,tbody,tfoot,thead,tr,th,td {
	background: transparent;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

article,footer,header,menu,nav,section,aside,canvas,details,embed,hgroup {
	display: block;
}

mark,ruby,summary {
	display: inline;
}

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

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

:focus,input:focus {
	outline: 0;
}

a:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img,embed {
	border: 0;
}

table,caption,tbody,tfoot,thead,tr,th,td {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: center;
	margin: 0;
	padding: 0;
}

a {
	color: #0086f1;
}

a:hover {
	text-decoration: none;
}

a.nonvisited:visited {
	color: #0086f1;
}

a.pseudo {
	color: #0086f1;
	text-decoration: none;
	border-bottom: 1px dashed #0086f1;
	padding-bottom: 2px;
	cursor: pointer;
}

a.pseudo:hover {
	border-color: #F00;
	color: #F00;
}

a.pseudo:visited {
	color: #0086f1;
}

h1 {
	font-family: 'ubuntu',Helvetica,Arial,sans-serif;
	font-size: 36px;
	margin-bottom: 1em;
	text-transform: uppercase;
	line-height: 42px;
	font-weight: bold;
}

.text p {
	margin-top: .5em;
	line-height: 130%;
}

ul.dashed {
	list-style-type: none;
}

ul.dashed>li:before,dl.dashed dd:before {
	content: '\2014\a0';
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body.fix {
	overflow: hidden;
}

p,ul.dashed {
	font-size: 16px;
	margin-top: 1em;
}

header {
	padding: 0;
	overflow: hidden;
}

header .logo-and-menu {
	position: relative;
	height: 101px;
	padding: 0 60px;
	z-index: 10;
	margin-bottom: 49px;
}

body:not(.index):not(.portfolio-detail) header .logo-and-menu {
	-webkit-transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
	-moz-transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
	-o-transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
	transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
}

body.portfolio-detail:not(.index) header .logo-and-menu {
	-webkit-transition: padding-left .3s linear;
	-moz-transition: padding-left .3s linear;
	-o-transition: padding-left .3s linear;
	transition: padding-left .3s linear;
}

body.portfolio-detail:not(.index) header .logo-and-menu.fixed-menu {
	-webkit-transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
	-moz-transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
	-o-transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
	transition: padding-left .3s linear,background-color .3s linear,box-shadow .3s linear;
}

@media screen and (max-width:768px) {
	header .logo-and-menu {
		height: 95px;
		margin: 0 24px;
		padding: 0;
		top: 0;
	}
}

/* Hero correction: keep the composition balanced and remove legacy effects */
.index header .heatmap,
.index header .ball-container {
	display: none !important;
}

.index header .logo-and-menu:not(.fixed-menu),
.index header .logo-and-menu.fixed-menu {
	top: 0;
}

.index header .logo-and-menu:not(.fixed-menu) .logo,
.index header .logo-and-menu.fixed-menu .logo {
	left: 0;
	margin-top: 18px;
}

.index .tagline_wr {
	position: relative;
	justify-content: space-between;
	gap: 60px;
	max-width: 1280px;
	padding: 0 40px;
}

.index header .tagline {
	position: relative;
	z-index: 2;
	flex: 0 1 650px;
}

.hero-visual {
	position: relative;
	flex: 0 1 440px;
	height: 650px;
	margin-top: 90px;
}

.hero-visual img {
	position: absolute;
	display: block;
	width: 260px;
	height: auto;
	filter: drop-shadow(0 24px 35px rgba(0,0,0,.36));
}

.hero-visual-main {
	top: 35px;
	right: 80px;
	z-index: 2;
	transform: rotate(5deg);
}

.hero-visual-secondary {
	top: 160px;
	right: 270px;
	z-index: 1;
	width: 210px !important;
	transform: rotate(-8deg);
	opacity: .88;
}

/* Fancybox receives the contents of #modal, so style its actual popup body. */
.fancybox-popup .modal-heading {
	margin-bottom: 24px;
}

.fancybox-popup .modal-heading h2 {
	margin: 0 0 8px;
	font-size: 28px;
	line-height: 1.15;
	font-weight: 600;
	text-transform: none;
	color: #252525;
}

.fancybox-popup .modal-heading p {
	margin: 0;
	font-size: 15px;
	line-height: 1.45;
	color: #6d7278;
}

.fancybox-popup #send,
.fancybox-popup form#send {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.fancybox-popup #send label {
	display: flex;
	flex-direction: column;
	gap: 7px;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 500;
	color: #252525;
}

.fancybox-popup #send input,
.fancybox-popup #send textarea {
	width: 100%;
	min-height: 48px;
	padding: 13px 14px;
	border: 1px solid #dfe2e6;
	border-radius: 10px;
	background: #f7f8fa;
	font: inherit;
	font-size: 15px;
	color: #252525;
	box-sizing: border-box;
	transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.fancybox-popup #send textarea {
	min-height: 110px;
	resize: vertical;
}

.fancybox-popup #send input:focus,
.fancybox-popup #send textarea:focus {
	border-color: #ff7300;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(255,115,0,.12);
}

.fancybox-popup #send .b-button_button {
	align-self: flex-start;
	margin: 4px 0 0;
	padding: 14px 24px;
	border: 0;
	border-radius: 999px;
	background: #ff7300 !important;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
}

@media screen and (max-width: 900px) and (min-width: 769px) {
	.index .tagline_wr {
		gap: 20px;
		padding: 0 30px;
	}

	.hero-visual {
		flex-basis: 340px;
		transform: scale(.85);
		transform-origin: center right;
	}
}

@media screen and (max-width: 768px) {
	.index .tagline_wr {
		display: block;
		padding: 0 24px;
	}

	.hero-visual {
		display: none;
	}

	.index header .logo-and-menu:not(.fixed-menu) .logo,
	.index header .logo-and-menu.fixed-menu .logo {
		left: 0;
		margin-top: 18px;
	}

	.fancybox-popup {
		max-width: calc(100vw - 32px);
		padding: 28px 22px !important;
	}

	.fancybox-popup .modal-heading h2 {
		font-size: 24px;
	}
}

header .logo {
	float: left;
	text-decoration: none;
	position: relative;
	margin-top: 36px;
	width: 200px;
	height: 72px;
	background: url("../images/logo.png") no-repeat;
	background-size: contain;
}

body:not(.index) header .logo {
	-webkit-transition: height .3s linear,background-image .3s linear;
	-moz-transition: height .3s linear,background-image .3s linear;
	-o-transition: height .3s linear,background-image .3s linear;
	transition: height .3s linear,background-image .3s linear;
}

body.index .logo-and-menu:not(.fixed-menu) .logo,body.portfolio-detail .logo-and-menu:not(.fixed-menu) .logo {
	position: relative;
	left: -62px;
}

@media screen and (max-width:768px) {
	header .logo {
		margin-top: 23px;
	}
}

header .logo .logo-link {
	position: absolute;
	width: 100%;
	height: 100%;
}

header .touchmenu-toggle-link {
	display: none;
}

@media screen and (max-width:768px) {
	header .touchmenu-toggle-link {
		display: block;
		position: absolute;
		top: 32px;
		left: -10px;
		background: url("../images/touchmenu-new.3524656d90f7.png") 100% 0 no-repeat;
		width: 20px;
		height: 13px;
		background-size: 40px 13px;
		cursor: pointer;
	}

	.logo-and-menu .logo {
		display: none;
	}
}

.new-main-menu {
	position: absolute;
	right: 0;
	height: 46px;
	top: 0;
}

body:not(.index) header .new-main-menu {
	right: 36px;
	-webkit-transition: right .3s linear;
	-moz-transition: right .3s linear;
	-o-transition: right .3s linear;
	transition: right .3s linear;
}

@media screen and (max-width:768px) {
	.new-main-menu {
		display: none;
	}
}

.new-main-menu .spacer {
	width: 1px;
	height: 51px;
	display: none;
}

.new-main-menu li .unread {
	position: absolute;
	top: 20px;
	right: 8px;
	height: 19px;
	width: 19px;
	font-family: 'Open Sans Condensed',sans-serif;
	color: white;
	line-height: 19px;
	font-size: 13px;
	text-align: center;
	border-radius: 20px;
	background: #ee3459;
}

.new-main-menu li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 68px 2.125em 20px 2.125em;
}

.new-main-menu__item--last {
	top: -5px;
}

@media screen and (min-width:1024px) and (max-width:1199px) {
	.new-main-menu li.new-main-menu__item {
		padding: 60px 1em 20px 1em;
	}
}

.new-main-menu li a {
	display: inline-block;
	font-family: 'Montserrat',sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	color: #000;
	-webkit-font-smoothing: auto;
	text-decoration: none;
	font-size: 18px;
	line-height: normal;
}

.new-main-menu li a.new-main-menu__btn {
	padding: 4px 8px;
	border: 1px solid #000;
	background-color: transparent;
	border-radius: 3px;
}

.new-main-menu li a.new-main-menu__btn:hover {
	background-color: #000;
	color: #fff;
}

.new-main-menu li a:hover {
	border-bottom: 1px #000 solid;
	-webkit-font-smoothing: auto;
}

.new-main-menu li.current {
	background: #333;
}

.new-main-menu li.current a {
	color: #fff;
}

.new-main-menu li.current a:hover {
	border: 0;
	color: #fff;
}

.messages {
	font-family: Helvetica,sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 130%;
	text-align: center;
}

.messages li {
	padding: .5em 0 1em 0;
}

.messages li p {
	padding-top: .5em;
}

.messages li.success {
	background: #efe;
}

.content_wr {
	padding: 50px 60px 0 60px;
	min-height: calc(100vh - 476px);
}

@media screen and (max-width:768px) {
	.content_wr {
		min-height: calc(100vh - 546px);
	}
}

footer {
	margin: 7em 0 0 0;
	font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
	background: #383838;
}

footer .first-row {
	overflow: hidden;
	padding: 20px 0 20px 10px;
	position: relative;
	height: 70px;
}

@media screen and (max-width:870px) {
	footer .first-row {
		height: auto;
		padding: 37px 0 0;
		overflow: auto;
	}
}

@media screen and (min-width:871px) {
	footer .first-row .first-row__wrap {
		max-width: 1368px;
		margin: 0 auto;
		position: relative;
	}
}

.nofooter-order footer .first-row .b-button {
	display: none;
}

@media screen and (max-width:870px) {
	.nofooter-order footer .first-row .b-button {
		display: block;
	}
}

footer .first-row .b-button {
	display: inline-block;
	vertical-align: top;
	margin: -3px 0 0 0;
	position: relative;
	white-space: nowrap;
	width: calc(100% - 945px);
	text-align: center;
}

@media screen and (min-width:871px) and (max-width:1080px) {
	footer .first-row .b-button {
		margin: 0;
		width: calc(100% - 560px);
	}
}

@media screen and (max-width:870px) {
	footer .first-row .b-button {
		display: block;
		width: auto;
		top: 0;
		margin: 0;
	}
}

footer .first-row .b-button_button {
	margin: 0 auto;
	font-size: 16px;
}

@media screen and (min-width:871px) and (max-width:1080px) {
	footer .first-row .b-button_button {
		font-size: .9em;
		padding: 5px;
	}
}

@media screen and (max-width:870px) {
	footer .first-row .b-button_button {
		display: block;
		max-width: 95%;
		padding: 5px 6px 6px;
		margin-top: 2px;
		font-size: 15px;
		line-height: 29px;
		letter-spacing: .3px;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: center;
		box-sizing: border-box;
	}
}

.first-row .email-wr {
	display: inline-block;
	vertical-align: top;
	margin-right: 24px;
	position: relative;
	top: 4px;
}

@media screen and (min-width:871px) and (max-width:1080px) {
	.first-row .email-wr {
		margin-right: 0;
	}
}

@media screen and (max-width:870px) {
	.first-row .email-wr {
		display: none;
	}
}

.first-row .email-wr a {
	color: white;
	font-size: 22px;
	line-height: 22px;
	text-decoration: none;
	font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
	font-weight: 400;
}

@media screen and (min-width:871px) and (max-width:1080px) {
	.first-row .email-wr a {
		font-size: .9em;
	}
}

.first-row .email-wr a:hover {
	color: #ff7300;
}

.first-row .b-footer-list {
	display: none;
}

@media screen and (max-width:870px) {
	.first-row .b-footer-list {
		display: block;
		margin: 28px 24px 36px;
		font-size: 30px;
		line-height: 40px;
		text-align: center;
		letter-spacing: .5px;
	}

	.first-row .b-footer-list-item {
		padding: 4px 0 9px;
		border-bottom: 1px solid rgba(204,204,204,.1);
	}

	.first-row .b-footer-list-item:first-child {
		padding: 0 0 19px;
	}

	.first-row .b-footer-list-item-text {
		margin: 0 -10px;
		padding-top: 5px;
		color: #fff;
		font-size: 15px;
		line-height: 21px;
		letter-spacing: .3px;
	}

	.first-row .b-footer-list-item:first-child .b-footer-list-item-text {
		line-height: 20px;
	}

	.first-row .b-footer-list-item-link {
		font-size: 15px;
		text-decoration: none;
	}
}

.first-row .b-social {
	position: absolute;
	right: 0;
	top: -20px;
	height: 70px;
	width: 625px;
	transition: width 1s;
}

@media screen and (min-width:1105px) and (max-width:1320px) {
	.first-row .b-social {
		width: 416px;
	}
}

@media screen and (min-width:871px) and (max-width:1104px) {
	.first-row .b-social {
		width: 416px;
	}
}

@media screen and (max-width:870px) {
	.first-row .b-social {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		height: 44px;
		background-color: #12436a;
	}

	.first-row .b-social:hover {
		background-color: transparent;
	}
}

.en footer .first-row .b-button {
	margin: -3px 0 0 0;
}

@media screen and (min-width:871px) and (max-width:1080px) {
	.en footer .first-row .b-button {
		margin: 0;
	}
}

@media screen and (max-width:870px) {
	.en footer .first-row .b-button {
		margin-right: 0;
	}
}

footer .second-row {
	padding: 40px 50px;
	overflow: hidden;
	max-width: 1050px;
	margin: 0 auto;
}

span.submenu-header {
	font-weight: 600;
	color: white;
	margin-bottom: 20px;
	display: inline-block;
}

footer .second-row>* {
	margin-left: 96px;
}

footer .footer-phone a {
	text-decoration: none;
}

footer .footer-phone {
	font-weight: 600;
	text-transform: uppercase;
}

.footer-phone-mobile {
	display: none;
}

footer .footer_menu {
	float: left;
	font-family: 'ubuntu',sans-serif;
	letter-spacing: 0;
	font-weight: 400;
}

footer .footer_menu li.top {
	display: inline-block;
	vertical-align: top;
	margin: 0 3em 0 0;
}

footer .footer_menu li.top:last-child {
	margin-right: 0;
}

footer .footer_menu .submenu li {
	margin: 0 0 .6em 0;
}

footer .footer_menu .submenu .current a {
	color: #f00;
}

footer .footer_menu .submenu-header {
	height: 2em;
	display: block;
	font-weight: bold;
}

footer .footer_menu a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}

footer .footer_menu a:hover {
	text-decoration: underline;
}

footer .official {
	float: right;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	margin-right: 95px;
}

footer .credentials {
	float: left;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
}

footer .official a {
	color: #fff;
}

footer .official a:hover {
	color: #ff7300;
}

footer .credentials a {
	color: #fff;
}

footer .credentials a:hover {
	color: #ff7300;
}

footer .official p:first-child {
	margin-top: 0;
}

footer .official p {
	color: #fff;
	margin: .7em 0 0 0;
	font-size: 14px;
}

footer .official p.footer-phone {
	margin-top: 14px;
}

footer .credentials p {
	color: #fff;
	margin: 0;
	font-size: 14px;
}

footer .credentials .copyright {
	margin-top: 40px;
}

footer .credentials .b-social {
	margin-top: 40px;
}

.b-social-mobile {
	display: none;
}

@media screen and (max-width:768px) {
	.b-social-mobile.b-social.m-social-colored {
		display: block;
		width: 100%;
		height: 58px;
	}

	footer .credentials {
		float: none;
		text-align: center;
		margin-left: 0;
		margin-bottom: 5px;
	}

	footer span.submenu-header {
		margin-bottom: 0;
	}

	.b-social.m-social-colored.b-social-mobile li {
		width: 33.333%;
	}

	.b-social.m-social-colored.b-social-mobile:last-child li {
		width: 33.333%;
	}

	.b-social.m-social-colored.b-social-mobile .b-social_clutch a {
		background-size: inherit;
	}

	.footer-phone {
		display: none;
	}

	.footer-phone.footer-phone-mobile {
		display: block;
	}

	footer .second-row>.official {
		margin: 0;
		display: block;
		text-align: center;
		width: 100%;
	}

	.copyright {
		display: none;
	}

	.footer_menu,.b-social.m-social-colored {
		display: none;
	}

	.req,.submenu-header {
		text-transform: uppercase;
	}
}

@media screen and (min-width:769px) and (max-width:1200px) {
	footer .second-row>.footer_menu,footer .second-row>.official {
		width: 30%;
	}

	footer .second-row>* {
		margin-left: 20px;
	}
}

.wrapper_section.centered {
	max-width: 1200px;
	margin: 0 auto 120px;
}

.wrapper_section.centered--thin {
	max-width: 836px;
	margin: 0 auto 120px;
}

.wrapper_section.centered--wide {
	max-width: 1620px;
	margin: 0 auto 120px;
}

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

.wrapper_section.centered p.info {
	font-family: 'Montserrat',Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin-bottom: 60px;
}

.wrapper_section.centered p {
	font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
	font-size: 18px;
	line-height: 23px;
	font-weight: 400;
}

.wrapper_section.centered h1:not(:first-child) {
	margin-top: 80px;
}

@font-face {
	font-family:'social-font';src:url('data:application/octet-stream;base64,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') format('woff'),url('data:application/octet-stream;base64,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ABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKxAAAqsQAFQrEACCqxAAVCsQAIKrEABUK5AAAACSqxAAVCuQAAAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbEADCq4Af+FsASNsQIARAA=') format('truetype');
}

[class^="icon-"]:before,[class*=" icon-"]:before {
	font-family: "social-font";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .4em;
}

.icon-iphone:before {
	content: '\e800';
}

.icon-wp:before,.icon-windows:before {
	content: '\e801';
}

.icon-android:before {
	content: '\e802';
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi),only screen and (min-resolution:1.5dppx) {
	.portfolio-list .project .platforms .android {
		background-image: url("../images/android28_black.d17a883317ab.png")!important;
		background-size: contain!important;
	}

	.portfolio-list .project .platforms .iphone,.portfolio-list .project .platforms .ipad {
		background-image: url("../images/ios28_black.947122d3535a.png")!important;
		background-size: contain!important;
	}

	.portfolio-list .project .platforms .wp {
		background: url("../images/wp28_black.59b788df036d.png") no-repeat!important;
		background-size: contain!important;
	}

	.m-social-colored .b-social_facebook a {
		background-image: url("../images/social/facebook-48.082724933d54.png")!important;
		background-size: 24px 24px!important;
	}

	.m-social-colored .b-social_clutch a {
		background-image: url("../images/social/clutch-48.6307c8d11d13.png")!important;
		background-size: 67px 24px!important;
	}

	.m-social-colored .b-social_instagram a {
		background-image: url("../images/social/instagram-48.5d808c7c79e8.png")!important;
		background-size: 24px 24px!important;
	}
}

.touchmenu {
	display: none;
}

@media screen and (max-width:768px) {
	.touchmenu-opened {
		height: 100%;
	}

	.touchmenu-opened body {
		height: 100%;
	}

	.touchmenu-opened .touchmenu {
		left: 0;
	}

	.touchmenu-close {
		box-sizing: border-box;
		position: absolute;
		top: 8px;
		left: 20px;
		width: 32px;
		height: 32px;
		display: block;
		border-radius: 100%;
		border: 1px solid #8c8c8c;
		font-size: 0;
	}

	.touchmenu-close::before,.touchmenu-close::after {
		content: '';
		box-sizing: border-box;
		position: absolute;
		top: calc(50% - 8px);
		left: 50%;
		width: 1px;
		height: 16px;
		display: block;
		background-color: #8c8c8c;
		transform: rotate(45deg);
	}

	.touchmenu-close::after {
		transform: rotate(-45deg);
	}

	.touchmenu-opened .content_wr,.touchmenu-opened #footer {
		display: none;
	}

	.touchmenu {
		display: block!important;
		position: absolute;
		top: 0;
		left: -100%;
		bottom: 0;
		margin: 0;
		padding: 235px 24px 0;
		background: rgba(0,0,0,.9) url("../images/touchmenu-cube.ac28d1d9e654.png") no-repeat 50% 100px;
		background-size: 100px;
		box-sizing: border-box;
		z-index: 999;
		-webkit-transition: left .2s;
		-moz-transition: left .2s;
		-o-transition: left .2s;
		transition: left .2s;
		min-height: 510px;
		overflow: hidden;
		width: 100%;
	}

	.touchmenu-item {
		height: 65px;
		border-top: 1px solid rgba(255,255,255,.25);
		line-height: 65px;
		text-align: center;
	}

	.touchmenu-item:last-child {
		border-bottom: 1px solid rgba(255,255,255,.25);
	}

	.touchmenu-item-link {
		position: relative;
		display: block;
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		letter-spacing: .5px;
	}

	.touchmenu-item-link:hover,.touchmenu-item-link--active {
		font-weight: bold;
	}

	.touchmenu-btn {
		position: absolute;
		top: 14px;
		right: 20px;
	}
}

.index .content_wr a:not(.b-button_button):not(.category-slider__link) {
	color: #ff7300;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.index .content_wr a:not(.b-button_button):not(.category-slider__link):hover {
	text-decoration: underline;
}

.index .content_wr .year-in-digits .year-in-digits-wr p a {
	color: #333;
	text-decoration: blink;
	display: inline;
	border-bottom: 1px solid #666;
	line-height: 18px;
}

.index .content_wr .year-in-digits .year-in-digits-wr p a:hover {
	color: #ff7300;
	text-decoration: none;
	border-bottom-color: transparent;
}

.index header {
	position: relative;
	max-width: 100%;
	min-height: 0;
	padding: 0;
	color: #fff;
	background-color: #252525;
}

header button.b-button_button {
	padding: 15px 30px;
	border-radius: 35px;
}

.index .hide-for-main {
	display: none;
}

.index .logo-and-menu {
	position: absolute;
	top: 30px;
	right: 60px;
	left: 60px;
	margin: 0;
}

.index header .logo-and-menu .logo {
	height: 72px;
	margin-top: 6px;
	background-image: url("../images/logo.png");
	background-size: contain;
}

.index .new-main-menu {
	right: -24px;
}

.index .new-main-menu li a {
	color: #fff;
	text-shadow: 0 0 rgba(255,255,255,.5);
	-webkit-font-smoothing: antialiased;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.index .new-main-menu li a:hover {
	border-bottom: 1px #eee solid;
	-webkit-font-smoothing: auto;
}

.index .new-main-menu li .new-main-menu__btn,.fixed-menu .new-main-menu li .new-main-menu__btn,.new-main-menu__btn {
	display: block;
	border: 1px solid rgba(255,255,255,.5);
	background-color: transparent;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
}

@media screen and (max-width:768px) {
	.new-main-menu__btn {
		font-size: 12px;
		line-height: 17px;
		padding: 0 8px;
	}
}

.index .new-main-menu li .new-main-menu__btn:hover,.fixed-menu .new-main-menu li .new-main-menu__btn:hover,.new-main-menu__btn:hover {
	border-color: #fff;
	background-color: #fff;
	color: #000;
}

.index header .downarrow {
	position: absolute;
	box-sizing: content-box;
	cursor: pointer;
	bottom: 12px;
	left: 50%;
	width: 22px;
	height: 41px;
	margin-left: -32px;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-image: url("../images/down-arrow.78d7e311505e.png");
	background-position: center center;
	background-repeat: no-repeat;
	opacity: .25;
}

.index header h1,.index header .tagline {
	font-family: 'Ubuntu',sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

.index header .tagline img {
	display: none;
}

.index header .tagline_wr {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.tagline-spacer {
	position: relative;
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
}

.index header .tagline {
	font-size: 40px;
	line-height: 120%;
	position: relative;
	top: 0;
	display: inline-block;
	clear: both;
	max-width: 1090px;
	padding-left: 60px;
	text-align: left;
}

.index header .tagline h1,.index header .tagline h1 span {
	font-size: 50px;
	font-weight: normal!important;
	line-height: 58px;
	letter-spacing: .03em;
	text-transform: none;
	padding: 0;
	position: relative;
	z-index: 1;
}

.index header .tagline h1 {
	margin-bottom: 106px;
}

.index header .tagline h1 .headline {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.index header .tagline h1 .headline-number {
	position: absolute;
	left: -94px;
	display: block;
	min-width: 70px;
	text-align: right;
	color: #ff7300;
}

.index header .tagline span:not(.headline):not(.headline-number) {
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	display: block;
	text-transform: none;
}

.index header .tagline .m-button_thin .b-button_button {
	margin: 44px auto 36px 0;
	letter-spacing: 0;
}

.index header .tagline .footnote {
	margin: 0;
	color: #575757;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 32px;
	font-weight: 300;
	text-transform: none;
}

.index header .tagline .footnote a {
	color: #575757;
}

.index header .tagline .footnote a:hover {
	color: #fff;
}

@media screen and (min-width:1201px) {
	.index header .tagline .m-button_thin .b-button_button {
		padding: 15px 61px;
		border-radius: 30px;
	}
}

@media screen and (min-width:769px) {
	.index header .tagline {
		margin-top: 252px;
		padding-bottom: 100px;
	}
}

@media screen and (max-width:1200px) and (min-width:769px) {
	.index header .tagline h1 span {
		font-size: 36px;
		line-height: 42px;
	}

	.index header .tagline {
		padding-left: 90px;
	}

	.index header .tagline h1 {
		margin-bottom: 70px;
	}
}

@media screen and (max-width:768px) {
	.index header.js-fullscreen {
		height: auto!important;
		min-height: 100vh;
	}

	.index header .tagline {
		padding: 0 15px;
		padding-bottom: 35px!important;
	}

	.index header .tagline h1,.index header .tagline h1 span {
		font-size: 20px!important;
		line-height: 30px!important;
		text-transform: uppercase!important;
	}

	.index header .tagline h1 {
		margin-bottom: 40px;
	}

	.index header .tagline h1 .headline {
		margin-bottom: 20px;
	}

	.index header .tagline h1 .headline-number {
		position: static;
		display: inline;
		min-width: 0;
		padding-right: 5px;
	}

	.index header .tagline span:not(.headline):not(.headline-number) {
		font-size: 18px;
		line-height: 24px;
	}

	.index header .tagline .footnote {
		font-size: 18px;
		line-height: 24px;
	}
}

.index .content_wr {
	max-width: 100vw;
	overflow: hidden;
	padding: 0;
}

.index section {
	padding-top: 64px;
}

.index section h2 {
	font-family: 'Ubuntu',sans-serif;
	font-size: 30px;
	line-height: 32px;
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	-webkit-font-smoothing: antialiased;
}

.index section.dark {
	min-height: 512px;
	background-color: #252525;
}

.index section.dark h2 {
	color: #fff;
}

section.clients {
	margin: 0 auto;
	padding: 82px 0 130px;
}

@media screen and (max-width:768px) {
	.index section.clients {
		margin: 0;
		padding: 40px 0;
	}
}

section.clients+section {
	margin-top: 0;
}

.clients__container {
	max-width: 100%;
	margin: 0 auto;
}

.index section h2.clients__title {
	margin-top: -30px;
	margin-bottom: 0;
	padding-bottom: 0;
}

@media screen and (max-width:768px) {
	.index section h2.clients__title {
		margin-top: 0;
	}
}

.clients__text {
	margin: 0 8.3%;
	font-family: 'Ubuntu',sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;
	color: #252525;
	letter-spacing: 0;
}

@media screen and (max-width:768px) {
	.clients__text {
		margin: 0 40px;
		font-size: 18px;
		line-height: 24px;
	}
}

@media screen and (max-width:640px) {
	.clients__text {
		margin: 0 23px;
	}
}

.clients__slider {
	margin-top: 54px;
}

@media screen and (max-width:768px) {
	.clients__slider {
		margin-top: 20px;
	}
}

.category-slider__categories {
	flex-grow: 1;
	margin: 46px 80px 0 0;
}

@media screen and (max-width:1120px) {
	.category-slider__categories {
		display: none;
	}
}

.category-slider__category:not(:first-child) {
	margin-top: 20px;
}

.category-slider__link {
	font-size: 14px;
	line-height: 17px;
	color: #58606c;
	letter-spacing: .5px;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	opacity: .4;
	transition: all .2s ease-in-out;
}

.category-slider__link:hover {
	opacity: 1;
	text-decoration: none;
}

.category-slider__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -40px;
}

.category-slider__item {
	width: 20%;
	min-height: 110px;
	margin: 5px 0;
	padding: 35px 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: default;
	opacity: .2;
	transition: all .2s ease-in-out;
}

@media screen and (max-width:768px) {
	.category-slider__item {
		padding: 35px 40px;
		width: 50%;
	}
}

@media screen and (max-width:1300px) {
	.category-slider__item {
		padding: 20px 30px;
		width: 33%;
	}
}

@media screen and (max-width:640px) {
	.category-slider__list {
		margin: 0;
	}

	.category-slider__item {
		width: 50%;
		padding: 23px;
	}
}

.category-slider__item--active {
	opacity: 1;
}

.category-slider__img {
	width: auto;
	max-width: 100%;
}

section.clients .clients_logos {
	margin: 0 auto;
	text-align: center;
	max-width: 1380px;
	font-size: 0;
}

section.clients .slick-slide {
	display: table;
	text-align: center;
}

section.clients .slick-slide>div {
	display: table-row;
	height: 60px;
	padding: 0;
	margin: 0;
}

section.clients .slick-slide>div:first-child {
	height: 120px;
}

section.clients li.logo {
	display: table-cell!important;
	vertical-align: middle;
	height: 60px;
	width: auto!important;
	padding: 0;
	margin: 0!important;
	position: static;
}

section.clients .slick-slide>div:first-child li.logo {
	border-bottom: 60px solid transparent;
}

section.clients li.logo img {
	display: inline;
	position: static;
}

section.clients .slick-dots li {
	width: 16px;
	height: 16px;
	margin: 0 8px;
}

section.clients .slick-dots li button:before {
	display: none;
}

section.clients .slick-dots li button {
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 50%;
	background-color: white;
	border: 2px solid #ecedee;
}

section.clients .slick-dots li.slick-active button {
	opacity: 1;
	background-color: #ff7300;
	border: 0 solid #ecedee;
}

@media screen and (max-width:999px) {
	section.clients .slick-slide>div:first-child li.logo {
		border-bottom: 0;
	}

	section.clients li.logo img {
		max-width: 60%;
		min-height: 1vw;
		display: inline-block;
	}

	section.clients .slick-slide>div {
		line-height: 90px;
		height: 90px;
	}
}

@media screen and (max-width:768px) {
	section.clients li.logo img {
		max-width: 60%;
		min-height: 1vw;
		display: inline-block;
	}

	section.clients .slick-slide>div {
		line-height: 24vw;
		height: 24vw;
	}

	section.clients .slick-dots {
		bottom: -10px;
	}

	section.clients .slick-dots li {
		width: 10px;
		height: 10px;
		margin: 0 7px;
	}

	section.clients .slick-dots li button:before {
		display: none;
	}

	section.clients .slick-prev,section.clients .slick-next {
		display: none!important;
	}

	section.clients .slick-dots li button {
		width: 100%;
		height: 100%;
		padding: 0;
		border-radius: 50%;
		background-color: white;
		border: 2px solid #ecedee;
	}

	section.clients .slick-dots li.slick-active button {
		opacity: 1;
		background-color: #ff7300;
		border: 0 solid #ecedee;
	}

	section.clients li.logo {
		width: 24%;
		padding: 0;
		margin: 6px;
		vertical-align: middle;
	}
}

section.best-projects {
	position: relative;
	padding-bottom: 30px;
}

.best-project .m-button_white .b-button_button {
	margin: 0;
	letter-spacing: .1px;
}

.best-projects-wr {
	font-size: 0;
	text-align: center;
	max-width: 1130px;
	width: 100%;
	margin: 122px auto 86px;
}

.best-project {
	margin-bottom: 120px;
	display: flex;
	align-items: stretch;
}

.best-project:last-child {
	margin-bottom: 0;
}

.best-project-column:last-child {
	padding-left: 70px;
	text-align: left;
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (max-width:768px) {
	.best-project-column:last-child {
		align-items: center;
	}
}

.best-project-column:last-child p:nth-child(2n+1) {
	display: none;
}

.best-project-column .b-button_button {
	padding: 12px 40px;
	font-size: 16px;
}

.best-project-column:first-child {
	text-align: left;
}

.best-project-column .image-desktop {
	cursor: pointer;
	margin-left: 80px;
}

@media screen and (max-width:900px) {
	.best-project-column .image-desktop {
		margin-left: 0;
	}
}

.image-desktop--smaller {
	height: 750px;
}

.image-mobile {
	cursor: pointer;
	width: 350px;
}

.best-project-column {
	display: block;
	width: 45%;
	vertical-align: top;
	float: left;
	color: white;
}

.best-project-column p {
	width: 90%;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .1px;
}

.best-project-column .project-short-description {
	margin: 0 0 40px;
}

.best-project-column p.tagline {
	font-size: 18px;
	line-height: 22px;
	opacity: .4;
	margin: 0 0 40px;
}

.index section.all-project h2 {
	color: white;
	font-size: 24px;
}

.index section.all-project .b-button {
	margin: 4.4em 0 0;
}

.index section.all-project .b-button .b-button_button {
	font-size: 18px;
	padding: 15px 30px;
	border-radius: 50px;
}

.index section.all-project {
	margin: 0;
	background-color: #1f1f1f;
	height: auto;
	min-height: 10px;
	padding: 65px 0 103px;
}

section.available-project {
	display: flex;
	justify-content: center;
	background-color: #1f1f1f;
	color: white;
	padding: 120px 0;
	text-align: center;
}

.available-project-column:first-child {
	width: 560px;
}

@media screen and (max-width:999px) {
	section.available-project {
		flex-direction: column;
		align-items: center;
	}

	section.available-project .b-button_button {
		margin-left: 0;
	}
}

@media screen and (min-width:1000px) {
	.available-project-column:first-child {
		margin: 0 30px 0 -30px;
	}
}

.available-project-column {
	color: white;
}

section.available-project .b-button_button {
	margin: 73px 0 0 30px;
	font-size: 18px;
	padding: 15px 35px;
	border-radius: 50px;
	letter-spacing: 0;
}

section.available-project h2 {
	color: white;
	font-size: 40px;
	font-weight: 600;
	text-align: left;
	margin-top: 0;
	text-transform: uppercase;
}

section.available-project p {
	color: white;
	font-size: 18px;
	line-height: 32px!important;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	text-align: left;
	margin-bottom: 0!important;
}

section.touch-book {
	display: flex;
	justify-content: center;
	background-color: #1f1f1f;
	color: white;
	padding: 100px 0;
	text-align: center;
}

@media screen and (max-width:999px) {
	.index section.touch-book {
		padding-top: 30px;
		flex-direction: column;
		align-items: center;
	}
}

.touch-book-column:first-child {
	width: 560px;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}

@media screen and (max-width:768px) {
	.touch-book-column:first-child {
		width: auto;
	}
}

@media screen and (min-width:1000px) {
	.touch-book-column:first-child {
		margin-left: 50px;
		display: flex;
		flex-flow: column;
		align-items: flex-start;
	}
}

@media screen and (max-width:999px) {
	.touch-book-column:first-child {
		order: 2;
		align-items: center;
	}
}

@media screen and (max-width:768px) {
	.touch-book-column:last-child {
		width: 100%;
	}
}

@media screen and (max-width:999px) {
	.touch-book-column:last-child {
		padding-bottom: 30px;
	}
}

@media screen and (min-width:1000px) {
	.touch-book-column:last-child {
		margin: 0 30px 0 120px;
	}
}

.touch-book-column {
	color: white;
}

@media screen and (max-width:768px) {
	.touch-book-column .book-cover {
		width: 50%;
	}
}

section.touch-book .b-button_button {
	font-size: 18px;
	padding: 15px 35px;
	margin: 0;
	border-radius: 50px;
	letter-spacing: 0;
}

@media screen and (max-width:999px) {
	section.touch-book .b-button_button {
		margin-left: 0;
	}
}

@media screen and (max-width:768px) {
	section.touch-book .b-button_button {
		font-size: 13px;
		line-height: 16px;
		padding: 10px 20px;
	}
}

section.touch-book h2 {
	margin-bottom: 25px;
	color: white;
	font-size: 40px;
	font-weight: 600;
	text-align: left;
	margin-top: 0;
	text-transform: uppercase;
}

@media screen and (max-width:768px) {
	section.touch-book h2 {
		font-size: 22px;
		text-align: center;
	}
}

section.touch-book p {
	margin: 0 0 30px 0;
	color: white;
	font-size: 18px;
	line-height: 32px;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	text-align: left;
}

@media screen and (max-width:768px) {
	section.touch-book p {
		padding: 0 20px;
		font-size: 14px;
		text-align: center;
	}
}

section .best-project-column h2 {
	font-size: 46px;
	text-align: inherit;
	margin: 0 0 12px;
	line-height: 60px;
	font-weight: 600;
	letter-spacing: 1.38px;
}

.best-project:nth-child(even) .best-project-column {
	float: right;
}

.best-project:nth-child(even) .best-project-column img {
	float: right;
}

.best-project:nth-child(even) .best-project-column:first-child {
	order: 2;
}

.best-project:nth-child(even) .best-project-column:first-child .image-desktop {
	float: none;
	margin-left: 60px;
}

.best-project:nth-child(even) .best-project-column:last-child {
	padding-left: 82px;
}

@media screen and (max-width:768px) {
	.best-project:nth-child(even) .best-project-column:last-child {
		padding-left: 0;
	}
}

@media screen and (max-width:999px) {
	.best-project:nth-child(2n) .best-project-column:first-child .image-desktop {
		margin-left: 0;
	}
}

.platforms--sm {
	display: none!important;
}

span.platforms {
	display: inline-block;
	position: relative;
	top: -20px;
	line-height: 0;
	font-size: 10px;
}

i.platform-icon {
	font-size: 20px;
	vertical-align: middle;
	display: inline-block;
	color: #727272;
}

i.platform-icon.icon-iphone {
	position: relative;
	bottom: -1px;
}

section.testimonials {
	clear: both;
	padding-bottom: 58px;
}

.testimonials .twr {
	font-size: 0;
	max-width: 999px;
	margin: 80px auto;
}

.testimonials .trow {
	font-size: 0;
}

.testimonials .twr .slick-list {
	margin: 0 52px;
}

.testimonials .slick-prev {
	font-size: 0;
	left: 16px;
	width: 23px;
	height: 100px;
	margin-top: -50px;
	background: url("../images/testimonials-slick-prev.3387284f3368.png")!important;
	background-color: #00f;
	opacity: .07;
}

.testimonials .slick-prev:before {
	font-size: 0;
}

.testimonials .slick-prev:hover {
	background: url("../images/testimonials-slick-prev.3387284f3368.png");
	opacity: .3;
}

.testimonials .slick-next {
	font-size: 0;
	right: 16px;
	width: 23px;
	height: 100px;
	margin-top: -50px;
	background: url("../images/testimonials-slick-next.884a965cb689.png")!important;
	background-color: #00f;
	opacity: .07;
}

.testimonials .slick-next:before {
	font-size: 0;
}

.testimonials .slick-next:hover {
	background: url("../images/testimonials-slick-next.884a965cb689.png");
	opacity: .3;
}

.testimonials .slick-dots-container {
	position: relative;
	width: 190px;
	height: 20px;
	bottom: -80px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
}

.testimonials .slick-dots {
	bottom: 0;
}

.testimonials .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 8px;
}

.testimonials .slick-dots li button:before {
	display: none;
}

.testimonials .slick-dots li button {
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 50%;
	background-color: white;
	border: 2px solid #b5b5b6;
}

.testimonials .slick-dots li.slick-active {
	width: 16px;
	height: 16px;
}

.testimonials .slick-dots li.slick-active button {
	opacity: 1;
	background-color: #ff7300;
	border: 0 solid #b5b5b6;
}

.index footer {
	margin-top: 100px;
}

.year-in-digits-wr {
	max-width: 1600px;
	margin: 0 auto;
	padding-bottom: 78px;
}

.year-in-digits p {
	text-align: center;
	font-size: 28px;
	line-height: 36px;
	margin-top: 80px;
}

.finger-touch:after {
	content: '';
	display: block;
	width: 47px;
	height: 57px;
	bottom: -53px;
	right: 23%;
	background: url("../images/touch-finger.a87de59cf89f.png");
	position: absolute;
}

.finger-touch {
	position: relative;
}

.awards {
	margin-top: 121px;
	text-align: center;
}

.year-in-digits-wr h2 {
	margin-bottom: 0!important;
}

.year-in-digits-wr .awards:last-child {
	margin-top: 92px;
}

.awards.awards--developers {
	margin-top: 52px;
}

.award {
	width: 23.3%;
	display: inline-block;
	vertical-align: top;
	padding: 0 16px;
}

.award-image {
	display: block;
	margin: 0 auto 43px;
}

.award-image--app-dev {
	width: 233px;
	height: 100px;
	background: url("../images/Application-Developres-Alliance.229b436c5110.png") no-repeat;
	margin: 40px auto 57px;
}

.award-image--google-dev {
	width: 153px;
	height: 154px;
	background: url("../images/Google-Developers.758c158332f6.png") no-repeat;
}

.index section .award p {
	font-family: 'Montserrat',sans-serif;
	font-size: 22px;
	font-weight: 300;
	margin-top: 40px;
	line-height: 26px;
}

.index section .award h2 {
	background-image: url("../images/branch.0236734a311d.png");
	width: 122px;
	height: 99px;
	margin: 0 auto;
	padding-top: 23px;
	color: #ff1523;
	font-size: 48px;
	font-weight: 500;
	font-family: 'Montserrat',sans-serif;
}

.index section.testimonials>h2 {
	margin: 0;
	padding: 0;
}

.sp-appstore-name .words_count {
	overflow: hidden;
	margin: 2em 0 2em;
}

.sp-appstore-name .wrapper_section img {
	width: 49%;
}

.cards {
	text-align: left;
}

.wrapper_section.centered--thin.wrapper_section--card {
	margin-top: -20px;
	margin-bottom: 75px;
}

.card-item {
	display: inline-block;
	width: 480px;
	height: 480px;
	margin: 28px 27px;
	position: relative;
	color: white;
	font-family: "sf-ui-text",serif;
	font-weight: 500;
}

.card-item.card-item--block h3 {
	width: calc(100% - 60px);
}

.card-item--block {
	display: block;
	width: 100%;
	margin: 0;
}

.card-item .card-category {
	position: absolute;
	top: 50px;
	left: 60px;
	font-size: 16px;
}

.card-item .card-number {
	position: absolute;
	top: 50px;
	right: 60px;
	font-size: 16px;
}

.card-item h3 {
	position: absolute;
	top: 140px;
	left: 30px;
	width: 420px;
	font-size: 31px;
	font-family: "sf-ui-text",serif;
	font-weight: 500;
	text-transform: inherit;
	text-align: left;
	line-height: 42px;
}

.card-item .card-tag {
	position: absolute;
	bottom: 50px;
	left: 60px;
	font-size: 16px;
}

.card-text img {
	margin: 0 auto;
	display: block;
}

.card-text ul {
	font-family: "sf-ui-text",serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 12px 0 24px;
	padding-left: 54px;
	list-style: circle;
	color: #333;
}

.card-text h2 {
	font-family: "sf-ui-text",serif;
	text-transform: inherit;
}

.card-text p {
	font-family: "sf-ui-text",serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 12px 0 24px;
	color: #333;
}

.cards--similar .card-item {
	zoom: .75;
}

.cards.cards--similar {
	background: white;
	margin: 0 -60px;
	padding: 74px 0 50px;
	text-align: center;
}

.cards.cards--similar>h3 {
	font-weight: 500;
	color: #404040;
	font-size: 26px;
	font-family: 'ubuntu',sans-serif;
	margin-bottom: 28px;
}

.sub-title {
	font-weight: 500;
	font-size: 17px;
	line-height: 17px;
	color: #333;
	margin: -10px 0 24px;
}

.card-tag:hover {
	cursor: pointer;
	text-decoration: underline;
}

.wrapper_section--card .card-item {
	margin-bottom: 56px;
}

section.available-project--free-aso {
	margin-bottom: -16px;
}

.available-project--free-aso .available-project-column {
	width: 525px;
}

.available-project--free-aso p {
	letter-spacing: .03em;
}

.available-project--free-aso .available-project-column:last-child {
	text-align: right;
}

.available-project--free-aso .free-aso-mobile-logo {
	display: none;
	margin-bottom: 45px;
	text-align: center;
}

.available-project--free-aso .free-aso-mobile-logo img {
	width: 60%;
}

.available-project--free-aso .b-button {
	text-align: left;
}

span.line-breaker:before {
	content: "\A";
	white-space: pre;
}

.available-project--free-aso span.line-breaker:before {
	white-space: nowrap;
}

section.available-project--free-aso .b-button_button {
	margin-top: 75px;
	margin-left: 0;
}

@media screen and (min-width:769px) and (max-width:1200px) {
	.available-project--free-aso .available-project-column {
		width: 450px;
	}

	.index header:after {
		right: 6%;
	}

	.index header .b-button {
		text-align: left;
	}

	.new-main-menu li a {
		font-size: 14px;
	}

	.new-main-menu li {
		padding: 65px .5em 20px .5em;
	}

	.best-project-column:last-child {
		padding-top: 20px;
	}

	.best-project-column p br {
		display: none;
	}
}

@media screen and (min-width:768px) and (max-height:730px) {
	.index.en header .tagline {
		padding-top: 26vh;
	}
}

@media screen and (max-width:1024px) {
	.cards.cards--similar {
		margin: 0;
	}
}

@media screen and (max-width:900px) {
	.available-project--free-aso .available-project-column:last-child {
		display: none;
	}

	.available-project--free-aso .free-aso-mobile-logo {
		display: block;
	}

	.available-project--free-aso h2,.available-project--free-aso p,.available-project--free-aso .b-button {
		text-align: center!important;
	}
}

@media screen and (min-width:768px) {
	.image-mobile {
		display: none;
	}
}

@media screen and (max-width:768px) {
	section.available-project.available-project--free-aso {
		margin-bottom: -16px!important;
	}

	.available-project--free-aso span.line-breaker:before {
		white-space: pre;
	}

	.available-project--free-aso .free-aso-mobile-logo img {
		width: 100px;
	}

	.available-project--free-aso .b-button {
		margin-top: 40px;
	}

	.platforms--lg {
		display: none!important;
	}

	.platforms--sm {
		display: block!important;
	}

	.index section.best-projects h2 {
		padding: 40px 0 0;
	}

	.index section h2 {
		font-size: 20px;
	}

	.index .logo-and-menu {
		position: absolute;
		top: 6px;
		right: 24px;
		left: 24px;
		margin: 0;
	}

	.index header:after {
		display: none;
	}

	.index header .logo-and-menu .touchmenu-toggle-link {
		top: 26px;
		background-position: 0 0;
	}

	.index header .downarrow {
		font-size: 40px;
		bottom: 41px;
	}

	.index header .tagline img {
		max-width: 141px;
		width: 40vw;
		margin: 0vh 0 10vh;
		display: inline-block;
	}

	.index header .tagline {
		top: 0;
		width: 100%;
		padding-top: calc(1em - -5vh);
		padding-bottom: 14vh;
		text-align: center;
	}

	.index header .tagline h1 {
		font-size: 5vw;
		line-height: 6.5vw;
		text-align: center;
	}

	.index header .tagline .b-button {
		padding-top: 1vh;
		text-align: center;
	}

	.index .b-button_button,.b-button.m-button_thin.m-button_white.m-button_nomargin.m-button_smaller.show-order-form a {
		font-size: 13px;
		margin: 0;
	}

	.index header .tagline .b-button_button {
		margin: 24vw auto 0;
	}

	.index header .tagline span {
		text-align: center;
		font-size: 3vw;
		line-height: 4vw;
	}

	.downarrow {
		display: none;
	}

	.index .best-project>.best-project-column {
		width: 100%;
		float: none;
		text-align: center!important;
	}

	.index .best-project>.best-project-column:first-child {
		display: none;
	}

	.image-desktop {
		width: 95%;
		height: auto;
		display: inline-block;
		max-width: 72vw;
		margin-bottom: 20px;
	}

	.best-project-column p br {
		display: none;
	}

	.best-project-column p {
		font-size: 16px;
		line-height: 28px;
	}

	.best-project-column:last-child {
		padding: 0;
	}

	.best-project-column p.tagline {
		margin-bottom: 20px;
	}

	span.platforms {
		display: block;
	}

	span.platforms>i {
		font-size: 22px;
		width: auto;
		vertical-align: middle;
		margin-left: -4px;
	}

	span.platforms.platforms--sm {
		top: -5px;
		margin-bottom: 20px;
	}

	.index .best-project {
		margin-bottom: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid #3b3b3b;
	}

	.index .best-project:last-child {
		margin-bottom: 0;
		padding-bottom: 40px;
		border-bottom: 0;
	}

	.best-projects-wr {
		padding: 0 30px;
	}

	.index section .best-project-column h2 {
		font-size: 30px;
	}

	.index section {
		margin: 35px auto 0;
		padding: 0 10px 55px;
	}

	.testimonials .twr .slick-next,.testimonials .twr .slick-prev {
		display: none!important;
	}

	.testimonials .twr .slick-list {
		margin: 0;
	}

	.index .testimonial .text p {
		font-size: 16px;
		line-height: 28px;
	}

	.index .testimonial .client {
		font-size: 14px;
		line-height: 22px;
		color: #252525;
	}

	.testimonials .slick-dots li.slick-active {
		width: 10px;
		height: 10px;
	}

	.finger-touch:after {
		display: none;
		width: 34px;
		background-size: cover;
		height: 42px;
		bottom: -40px;
	}

	.index section.all-project h2 {
		font-size: 19px;
		line-height: 32px;
		width: 80%;
		margin: 0 auto;
	}

	.index section.available-project {
		margin: 0;
	}

	section.available-project {
		padding: 50px 30px;
		margin: 0 -12px;
	}

	section.available-project h2 {
		font-size: 22px;
		text-align: center;
	}

	.index section.all-project {
		padding: 60px 0 80px;
	}

	section.available-project p {
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}

	.available-project-column:first-child {
		width: 100%;
	}

	section.available-project .m-button_smaller .b-button_button {
		font-size: 13px;
		line-height: 16px;
		padding: 10px 20px;
	}

	section.available-project .b-button_button {
		margin: 40px 0 0;
	}

	.year-in-digits p {
		font-size: 24px;
	}

	.award {
		width: 100%;
		margin-bottom: 20vw;
	}

	.award:last-child {
		margin-bottom: 0;
	}

	.year-in-digits p:nth-child(2) {
		font-size: 18px;
		line-height: 26px;
		margin-top: 35px;
	}

	.b-social.m-social-colored>li {
		height: 58px!important;
	}

	.testimonials .twr {
		margin: 0 auto;
	}

	.testimonials .slick-dots-container {
		bottom: -10px;
	}

	.card-item {
		width: 100%;
		margin: 28px 0;
	}

	.card-item h3 {
		width: 80%;
		font-size: 23px;
		line-height: 35px;
	}
}

.heatmap {
	position: absolute!important;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	pointer-events: none;
}

@media screen and (max-width:768px) and (max-height:630px) {
	.index header .tagline .b-button_button {
		margin: 14vh auto 0;
	}
}

body {
	position: relative;
}

header {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.ball-container__ball {
	position: absolute;
	background: #39c6e4;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	z-index: 10;
	-webkit-transition: background 1s ease-out;
	transition: background .3s ease-out;
}

.ball-container {
	position: fixed;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	top: 0;
	left: 0;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	overflow: hidden;
	z-index: 2000;
}

.index-landing-page section {
	margin-top: 0!important;
	padding-top: 100px;
	padding-bottom: 130px;
	color: #252525;
}

.index-landing-page section.dark {
	color: #fff;
}

.index-landing-page section.testimonials,.index-landing-page section.clients {
	padding-bottom: 60px;
}

.index-landing-page section.testimonials .slick-dots-container,.index-landing-page section.clients .slick-dots {
	bottom: -90px;
}

.index-landing-page .best-project:last-child {
	margin-bottom: 0;
}

.index-landing-page .best-project h2 {
	font-size: 46px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 1.38px;
	line-height: 60px;
}

.index-landing-page .best-project .platforms-text {
	display: block;
	margin-top: 11px;
	margin-bottom: 45px;
	font-size: 18px;
	line-height: 22px;
	color: #ff7300;
	letter-spacing: 0;
}

@media screen and (min-width:769px) {
	.index-landing-page header .tagline h1 {
		padding-right: 250px;
		font-size: 50px;
		line-height: 60px;
		font-weight: normal;
	}

	.index-landing-page header .tagline span {
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0;
	}

	.index-landing-page header .tagline .b-button_button {
		margin-top: 1.5em;
	}

	.index-landing-page section>h2 {
		margin: 0!important;
		padding: 0!important;
		font-size: 28px;
		line-height: 31px;
		font-weight: normal;
		letter-spacing: 0;
		text-transform: uppercase;
	}

	.index-landing-page section>h2.landing-page__caption {
		font-size: 40px;
		line-height: 45px;
	}

	.index-landing-page section>p.landing-page__description {
		margin: 0;
		margin-top: 50px;
		font-size: 18px;
		line-height: 32px;
		letter-spacing: 0;
		text-align: center;
	}

	.index-landing-page section>.landing-page__content {
		margin-top: 120px;
	}

	.index-landing-page section>.landing-page__slider {
		margin: 90px auto;
	}

	.landing-page__br {
		display: block;
	}
}

@media screen and (max-width:768px) {
	.index-landing-page header .tagline h1 {
		padding-right: 0;
		font-size: 25px;
		line-height: 32px;
		font-weight: normal;
	}

	.index-landing-page header .tagline span {
		padding: 0 10px;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: 0;
	}

	.index-landing-page section {
		margin-top: 0;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.index-landing-page section.testimonials,.index-landing-page section.clients {
		padding-bottom: 50px;
	}

	.index-landing-page section.testimonials .slick-dots-container,.index-landing-page section.clients .slick-dots {
		bottom: -50px;
	}

	.index-landing-page section>h2 {
		width: 100%!important;
		margin: 0!important;
		padding: 0!important;
		font-size: 25px;
		line-height: 32px;
		font-weight: normal;
		letter-spacing: .75px;
		text-align: center;
		text-transform: uppercase;
	}

	.index-landing-page section>p.landing-page__description {
		margin: 0;
		margin-top: 30px;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: 0;
		text-align: center;
	}

	.index-landing-page section>.landing-page__content {
		margin-top: 80px;
	}

	.index-landing-page section>.landing-page__slider {
		margin: 50px auto;
	}

	.landing-page__br {
		display: block;
	}

	.index-landing-page .best-project .best-project-column h2 {
		padding: 0;
		font-size: 25px;
		letter-spacing: .75px;
		line-height: 32px;
		text-align: center;
	}

	.index-landing-page .best-project .platforms-text {
		display: block;
		margin-top: 11px;
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 20px;
		color: #ff7300;
		letter-spacing: 0;
		text-align: center;
	}

	.index-landing-page .best-project .best-project-column img {
		margin-bottom: 0;
	}
}

@media screen and (min-width:769px) {
	.index .logo-and-menu.fixed-menu,.logo-and-menu.fixed-menu {
		position: fixed;
		top: 0;
		left: 0;
		height: 60px;
		overflow-y: hidden;
		background-color: #252525;
		box-shadow: 1px 1px 6px 1px rgba(0,0,0,.4);
		width: 100%;
		padding: 0 50px;
		z-index: 200;
		margin: 0;
	}

	.index .logo-and-menu:not(.fixed-menu) {
		top: -60px;
		-webkit-transition: top 0s linear;
		-moz-transition: top 0s linear;
		-o-transition: top 0s linear;
		transition: top 0s linear;
	}

	.index header .logo-and-menu:not(.fixed-menu) .logo {
		margin-top: 105px;
	}

	.index header .logo-and-menu:not(.fixed-menu) .new-main-menu {
		top: 59px;
	}

	.index .logo-and-menu.fixed-menu {
		top: -60px;
		-webkit-transition: top .3s linear;
		-moz-transition: top .3s linear;
		-o-transition: top .3s linear;
		transition: top .3s linear;
	}

	.index .logo-and-menu.fixed-menu.fixed-menu--show {
		top: 0;
	}

	.logo-and-menu.fixed-menu .new-main-menu .current {
		background-color: #333;
	}

	.logo-and-menu.fixed-menu .new-main-menu {
		right: 36px;
		top: -30px;
	}

	.logo-and-menu.fixed-menu .new-main-menu li a:hover {
		border-color: white;
	}

	.logo-and-menu.fixed-menu .new-main-menu li a {
		color: white;
	}

	.index header .logo-and-menu.fixed-menu .logo,header .logo-and-menu.fixed-menu .logo {
		background-image: url("../images/logo.png");
		width: 25px;
		height: 40px;
		background-size: 96px;
		margin-top: 11px;
	}
}

@media screen and (min-width:1200px) {
	.logo-and-menu.fixed-menu .new-main-menu li {
		padding: 50px 2.125em 20px 2.125em;
	}
}

@media screen and (min-width:769px) and (max-width:1199px) {
	.logo-and-menu.fixed-menu .new-main-menu li {
		padding: 52px 1em 21px 1em;
	}
}

.b-button {
	text-align: center;
}

.b-button_button {
	font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	color: #FFF;
	font-size: 18px;
	border: 0;
	padding: 10px 30px;
	margin: 1em 0;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	line-height: normal;
	letter-spacing: .03em;
}

.b-button_button:hover {
	background: #d05e00;
}

.m-button_red .b-button_button {
	margin: .7em auto;
	background: #ee485f;
}

.m-button_red .b-button_button:hover {
	background: #ee6c7e;
}

@media screen and (max-width:768px) {
	.m-button_red .b-button_button:hover {
		background: #ee485f;
	}
}

.m-button_white .b-button_button {
	margin: 3.7em auto;
	display: inline-block;
	background: 0;
	border: 2px solid #ff7300;
	color: white;
}

.m-button_white .b-button_button:hover {
	background: #ff7300;
	color: #fff;
	border-color: #ff7300;
	text-decoration: none;
}

.m-button_black .b-button_button {
	background: 0;
	border: 2px solid #000;
	color: #000;
	height: 50px;
	font-weight: 600;
	padding: 12px 37px!important;
	border-radius: 25px!important;
	width: auto!important;
}

.m-button_black .b-button_button:hover {
	background: #000;
	color: #fff;
}

.m-button_thin .b-button_button {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	margin-top: 20px;
}

.m-button_ultrathin .b-button_button {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	border: 1px solid #fff;
	padding-top: .3em;
	padding-bottom: .3em;
}

.m-button_nomargin .b-button_button {
	margin: 0;
}

.m-button_smaller .b-button_button {
	font-size: 20px;
}

.m-button_wide .b-button_button {
	padding-left: 3em;
	padding-right: 3em;
}

.b-social li a {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 10px;
}

.b-social li a:hover {
	opacity: .8;
}

.b-social_twitter a {
	background: url("../images/social/twitter-32.c8fe399df840.png") no-repeat;
}

.b-social_facebook a {
	background: url("../images/social/facebook-32.54f286c931ef.png") no-repeat;
}

.b-social_dribble a {
	background: url("../images/social/dribbble-32.9d9dbff4c11c.png") no-repeat;
}

.b-social.m-social-colored a {
	margin: 0;
	width: 100%;
	height: 100%;
}

.b-social.m-social-colored li {
	height: 47px;
	width: 82px;
	display: block;
	float: left;
}

.m-social-colored .b-social_facebook a {
	background: 50% 50% #3b5999 url("../images/social/facebook-32.54f286c931ef.png") no-repeat;
}

.m-social-colored .b-social_clutch a {
	background: 50% 50% #12436a url("../images/social/clutch-32.4856c9622ff8.png") no-repeat;
	background-size: 75%;
}

.m-social-colored .b-social_instagram a {
	background: 50% 50% #ae45a7 url("../images/social/instagram-32.1ba1ecf99da1.png") no-repeat;
}

.b-maskedimg {
	position: relative;
}

.b-maskedimg .mask {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.m-maskedimg-150 {
	width: 150px;
	height: 150px;
}

.m-maskedimg-150 .mask {
	width: 150px;
	height: 150px;
}

.m-maskedimg-163 {
	width: 163px;
	height: 163px;
}

.m-maskedimg-163 .mask {
	width: 163px;
	height: 163px;
	background-size: contain!important;
}

.m-maskedimg-ios7icon .mask {
	background: url("../images/ios7app-icon-mask-150.9ebc4c6177eb.png");
}

section.social-share {
	margin: 8em auto 0 auto;
	text-align: center;
}

section.social-share .social-likes li {
	margin: 0 15px;
}

@media screen and (max-width:768px) {
	section.social-share .social-likes li {
		margin: 25px 15px 0;
	}
}

.portfolio-detail .similar-letters {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-top: 30px;
}

.b-similar-letters {
	text-align: center;
}

.b-similar-letters h2 {
	text-align: center;
}

.b-similar-letter {
	display: inline-block;
	margin: 0 30px 0 30px;
	vertical-align: top;
	text-align: center;
}

.b-similar-letter img {
	text-align: center;
}

.b-similar-letter span {
	font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
	font-size: 20px;
	display: block;
	margin-top: 15px;
	color: #000;
}

.b-similar-letter .sl-subheader {
	font-size: 18px;
	margin-top: 10px;
}

.b-similar-letter a {
	color: #000;
	text-decoration: none;
}

.b-similar-letter a:hover span {
	color: #F00;
}

.buy-reviews p {
	max-width: 630px;
}

body {
	min-width: 320px;
	margin: 0;
	background: #f5f6f7;
}

footer#footer {
	margin-top: 0;
	font-size: 14px;
	line-height: 22px;
}

.link {
	text-decoration: none;
	color: #ff7300;
	transition: all .15s ease-in-out;
}

.link:hover {
	text-decoration: underline;
}

.button {
	display: block;
	padding: 10px 40px;
	border: 2px solid #ff7300;
	border-radius: 27px;
	background-color: transparent;
	color: #ff7300;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	text-align: center;
	transition: all .15s ease-in-out;
	cursor: pointer;
}

.button:hover,.button:focus {
	background: #ff7300;
	color: #fff;
}

body {
	font-family: 'Montserrat',Helvetica,Arial,sans-serif;
	font-weight: 300;
}

A.href-img:link {
	color: black;
	text-decoration: none;
}

A.href-img:visited {
	color: black;
}

.header-text {
	margin-bottom: 1px;
	margin-top: 1px;
}

.header-text p {
	letter-spacing: 0rem;
}

A.header-a:link {
	text-decoration: none;
}

#social-images ul li {
	display: inline;
}

.sort-top {
	cursor: pointer;
}

.sort-bottom {
	cursor: pointer;
}

#social-images ul li img {
	display: inline;
	padding-left: 20px;
}

.small-text {
	font-size: 12px;
	line-height: 100%;
	margin-top: 0;
	font-weight: 400;
}

.reviews-table tbody:nth-child(odd) td {
	background-color: white;
}

td {
	padding-top: 20px;
	padding-bottom: 15px;
	font-weight: 500;
}

tbody {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.reviews-table tbody:hover {
	cursor: pointer;
	background-color: #eee;
}

@media screen and (max-width:768px) {
	.reviews-table tbody:hover {
		cursor: default;
		background-color: transparent;
	}
}

th {
	font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #808080;
	line-height: 18px;
}

.th-logo {
	width: 240px;
	padding-bottom: 40px;
}

.th-price {
	width: 145px;
	padding-bottom: 25px;
}

.th-data {
	width: 130px;
	padding-bottom: 25px;
}

.th-min {
	width: 185px;
	padding-bottom: 25px;
}

.th-max {
	width: 185px;
	padding-bottom: 25px;
}

.td-img {
	position: relative;
	padding: 0 45px 0 25px;
	line-height: 70px;
	vertical-align: middle;
}

.td-img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	height: 100%;
	border-left: 2px solid #f5f6f7;
}

.td-img img {
	width: 120px;
	display: inline-block;
	vertical-align: middle;
}

.reviews-table tbody td {
	vertical-align: middle;
	position: relative;
}

.reviews-table tbody tr td:nth-child(5):after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	height: 100%;
	border-left: 2px solid #f5f6f7;
}

span.td-val {
	vertical-align: top;
}

.sort-top {
	padding-left: 8px;
}

.sort-bottom {
	padding-left: 18.5px;
}

table {
	font-size: 16px;
}

#header-container {
	padding-top: 25px;
	padding-left: 0;
	padding-right: 0;
}

#header-ul>li {
	padding: 10px 20px;
	color: black;
	font-size: 16px;
}

#nav-center {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	border: 2px solid white;
}

.footer-above {
	background-color: #333;
}

.footer-below {
	background-color: #666;
	color: white;
}

#navbar-footer {
	height: 62px;
	margin-bottom: 0;
}

footer {
	width: 100%;
}

A.footer-a:link {
	color: white;
}

A.header-a:link {
	color: black;
}

#li-facebook {
	background-color: #3f599c;
	width: 100px;
	height: 62px;
	padding-bottom: 10px;
}

#li-twitter {
	background-color: #4aa7e3;
	width: 100px;
	height: 62px;
}

#li-smt {
	background-color: #dd558a;
	width: 100px;
'Ubuntu'
	,Helvetica,Arial,sans-serif height: 62 px;
	margin-right: -1px;
}

#nav {
	width: 100%;
	position: static;
	top: -32px;
}

#nav.affix {
	position: fixed;
	top: 0;
	z-index: 10;
	-webkit-transition: all .6s ease-in-out;
}

.navbar-nav {
	margin: -1px 1px;
}

.navbar-custom {
	font-weight: 200;
	border-width: 0;
	color: white;
	font-size: large;
}

.navbar-custom .navbar-nav>li>a {
	color: #ddd;
	padding-top: 20px;
}

.navbar-custom .navbar-nav li>a:hover,.navbar-nav li .open,.navbar-custom .navbar-nav .active a {
	background-color: red;
	height: 62px;
}

.navbar-nav li>a:link {
	color: white;
}

.navbar-collapse.in {
	overflow-y: visible;
}

footer {
	margin: 20px 0 0 0;
}

ul.social-likes li {
	padding-left: 25px;
}

.social-likes__icon {
	width: 40px;
	height: 40px;
	top: -10px;
	left: -10px;
}

.social-likes__widget_vkontakte {
	padding-left: 21px!important;
}

.social-likes__widget_facebook {
	padding-left: 7px!important;
}

.social-likes__icon_facebook {
	background: url("../images/social_facebook.e76c8ec4dbe7.png") no-repeat;
	background-position: center;
}

.social-likes__icon_plusone {
	background: url("../images/social_googleplus.b753f79dd959.png") no-repeat;
	background-position: center;
	left: -13px;
}

.social-likes__icon_vkontakte {
	background: url("../images/social_vk.e1d8a6a04f96.png") no-repeat;
	background-position: center;
}

.social-likes__icon_twitter {
	background: url("../images/social_twitter.383f7608fa38.png") no-repeat;
	background-position: center;
}

.platform-logo {
	vertical-align: middle;
	line-height: 18px;
}

.platform-logo img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}

.reviews-table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	margin-top: 60px;
}

.under-table {
	padding-bottom: 40px;
}

.above-table,.under-table {
	padding-top: 40px;
	width: 70%;
}

.above-table p,.under-table p {
	font-size: 20px;
}

.above-table .header {
	font-size: 30px;
	padding-bottom: 5px;
}

.expand-col {
	height: 80px;
	padding-top: 0;
	padding-bottom: 20px;
}

ul.social-likes {
	float: left;
}

#social-images {
	position: relative;
	padding: 50px 0;
}

@media only screen and (max-width:1024px) {
	td {
		font-size: 12px;
	}
}

@media only screen and (max-width:850px) {
	.reviews-table table,.reviews-table thead,.reviews-table tbody,.reviews-table th,.reviews-table td,.reviews-table tr {
		display: block;
	}

	.reviews-table .expand-col {
		display: table-row;
	}

	.reviews-table .expand-col p {
		padding: 0 20px;
		max-width: 540px;
	}

	.reviews-table tbody {
		margin-bottom: 40px;
	}

	.reviews-table tbody tr td:nth-child(5):after {
		display: none;
	}

	.reviews-table td {
		border: 0;
		border-bottom: 1px solid #eee;
		position: relative;
		white-space: normal;
		text-align: right;
		padding-right: 10px;
		font-weight: 400;
	}

	.reviews-table td:before {
		width: 45%;
		padding-left: 10px;
		text-align: left;
		font-weight: bold;
		display: inline-block;
		float: left;
	}

	.reviews-table td:after {
		content: '';
		display: block;
		clear: both;
	}

	.reviews-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.reviews-table td:before {
		content: attr(data-title);
	}
}

.testimonial {
	position: relative;
	width: 45%;
	margin: 0 38px;
}

.index .slick-initialized .slick-slide.testimonial {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.testimonial:first-child {
	margin-top: 26px;
}

.testimonial .client {
	margin-top: 15px;
	font-size: 18px;
	padding: 0;
	font-family: 'ubuntu',sans-serif;
	-webkit-font-smoothing: auto;
	font-weight: 400;
	text-align: center;
	max-width: 100%;
	color: #252525;
}

.testimonial .client:before {
	content: '— ';
}

.testimonial .text {
	width: auto;
}

.testimonial .text p {
	margin: 0;
	font-family: 'Montserrat',sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: auto;
	font-size: 26px;
	line-height: 42px;
	text-align: center;
	color: #252525;
}

.testimonial .text p:before {
	content: '«';
}

.testimonial .text p:after {
	content: '»';
}

.testimonial.size150x150 .text,.testimonial.size150x150 .client {
	margin-left: 160px;
}

@media screen and (max-width:768px) {
	.testimonial .text p {
		font-size: 16px;
		line-height: 22px;
	}

	.neo2016 .newtypo p {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		margin: 0 auto;
	}
}

/* Final header overrides */
.index header .heatmap,
.index header .ball-container { display: none !important; }
.index header .logo-and-menu:not(.fixed-menu),
.index header .logo-and-menu.fixed-menu { top: 0; }
.index header .logo-and-menu:not(.fixed-menu) .logo,
.index header .logo-and-menu.fixed-menu .logo { left: 0; margin-top: 18px; }
.index .tagline_wr {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	max-width: 1280px;
	padding: 0 40px;
	text-align: left;
}
.index header .tagline {
	position: relative;
	flex: 0 1 650px;
	z-index: 2;
	width: auto;
	max-width: 650px;
	padding: 180px 0 100px;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.index .tagline_wr { display: block; padding: 0 24px; }
	.index header .tagline { width: 100%; max-width: none; padding: 130px 0 80px; }
	.hero-visual { display: none; }
}

/* Last word on the hero layout */
.index .tagline_wr { display: flex; justify-content: center; padding: 0 32px; text-align: center; }
.index header .tagline { flex: 0 1 900px; width: auto; max-width: 900px; text-align: center; }
.index header .tagline .hero-description { margin-left: auto; margin-right: auto; }
.index header .tagline .hero-facts,
.index header .tagline .hero-actions { justify-content: center; }
@media screen and (max-width: 768px) {
	.index .tagline_wr { display: block; padding: 0 24px; }
	.index header .tagline { width: 100%; max-width: none; text-align: center; }
}

/* Production geometry: keep the original calm hero composition */
.index .tagline_wr {
	display: inline-block;
	width: 100%;
	height: 100%;
	max-width: none;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
.index header .tagline {
	top: 1em;
	display: inline-block;
	width: 1000px;
	max-width: none;
	padding: 260px 15px;
	text-align: left;
}
.index header .tagline h1 {
	max-width: none;
	font-size: 36px;
	line-height: 42px;
	font-weight: 700;
	letter-spacing: normal;
}
.index header .tagline > span {
	display: block;
	margin-top: 2vh;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 400;
	text-transform: none;
}
.index header .tagline .m-button_white .b-button_button {
	margin: 3.7em auto;
	padding: 10px 30px;
	border: 2px solid #ff7300;
	background: transparent;
	font-size: 18px;
}
@media screen and (max-width: 768px) {
	.index .tagline_wr { display: inline-block; padding: 0 24px; }
	.index header .tagline { width: 100%; padding: 5vh 0; text-align: center; }
	.index header .tagline h1 { font-size: 5vw; line-height: 6.5vw; text-align: center; }
	.index header .tagline > span { font-size: 3vw; line-height: 4vw; text-align: center; }
	.index header .tagline .m-button_white .b-button_button { margin: 24vw auto 0; font-size: 13px; }
}

/* Small specialization label above the production headline */
.index header .tagline .hero-kicker {
	display: block;
	margin: 0 0 20px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #ff7300;
}
@media screen and (max-width: 768px) {
	.index header .tagline .hero-kicker {
		margin-bottom: 14px;
		font-size: 10px;
		line-height: 14px;
		letter-spacing: .06em;
	}
}

/* Transparent project image viewer */
.fancybox-slide--image .fancybox-content,
.fancybox-slide--image .fancybox-image {
	background: transparent !important;
}
.fancybox-slide--image .fancybox-toolbar {
	top: 18px;
	right: 18px;
	opacity: 1;
	visibility: visible;
}
.fancybox-slide--image .fancybox-toolbar .fancybox-button--close {
	width: 64px;
	height: 64px;
	padding: 14px;
	border-radius: 50%;
	background: rgba(0,0,0,.22);
	color: #fff;
	opacity: 1;
}
.fancybox-slide--image .fancybox-toolbar .fancybox-button--close:hover {
	background: rgba(255,115,0,.9);
	color: #fff;
}
.fancybox-slide--image .fancybox-toolbar .fancybox-button--close svg {
	width: 36px;
	height: 36px;
}
.fancybox-slide--image .fancybox-toolbar .fancybox-button--close svg path {
	fill: currentColor;
}

/* Portfolio comes immediately after the hero; technologies support it below. */
.index .content_wr {
	display: flex;
	flex-direction: column;
}
.index .content_wr .best-projects { order: 1; }
.index .content_wr .testimonials { order: 2; }
.index .content_wr .clients { order: 3; }
.index .content_wr .available-project { order: 4; }
.index section h2.clients__title {
	margin: 0 0 10px;
	padding: 0;
	font-size: 30px;
	line-height: 32px;
}

/* Clean final composition */
.index .tagline_wr {
	justify-content: center;
	padding: 0 32px;
	text-align: center;
}
.index header .tagline {
	flex: 0 1 900px;
	max-width: 900px;
	text-align: center;
}
.index header .tagline .hero-description { margin-left: auto; margin-right: auto; }
.index header .tagline .hero-facts,
.index header .tagline .hero-actions { justify-content: center; }
.index header .logo-and-menu:not(.fixed-menu) .logo,
.index header .logo-and-menu.fixed-menu .logo { display: block; }

body.modal-open { overflow: hidden; }
#modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10000;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(12, 12, 12, .78);
}
#modal.is-open { display: flex !important; }
.modal-card {
	position: relative;
	width: min(100%, 520px);
	max-height: calc(100vh - 48px);
	overflow: auto;
	padding: 40px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 24px 80px rgba(0,0,0,.35);
	box-sizing: border-box;
}
.modal-close {
	position: absolute;
	top: 16px;
	right: 18px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 27px;
	font-weight: 300;
	line-height: 32px;
	color: #73777c;
	cursor: pointer;
}
.modal-heading { margin: 0 34px 24px 0; }
.modal-heading h2 {
	margin: 0 0 8px;
	font-size: 30px;
	line-height: 1.15;
	font-weight: 600;
	text-transform: none;
	color: #252525;
}
.modal-heading p {
	margin: 0;
	font-size: 15px;
	line-height: 1.45;
	color: #6d7278;
}
#send { display: flex; flex-direction: column; gap: 16px; }
#send label {
	display: flex;
	flex-direction: column;
	gap: 7px;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 500;
	color: #252525;
}
#send input, #send textarea {
	width: 100%;
	min-height: 48px;
	padding: 13px 14px;
	border: 1px solid #dfe2e6;
	border-radius: 10px;
	background: #f7f8fa;
	font: inherit;
	font-size: 15px;
	color: #252525;
	box-sizing: border-box;
}
#send textarea { min-height: 110px; resize: vertical; }
#send input:focus, #send textarea:focus {
	border-color: #ff7300;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(255,115,0,.12);
}
#send .b-button_button {
	align-self: flex-start;
	margin: 4px 0 0;
	padding: 14px 24px;
	border: 0;
	border-radius: 999px;
	background: #ff7300 !important;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
}
.form-error { margin: 0; color: #c43d32; font-size: 13px; }
.form-success { padding: 32px 40px; font-size: 18px; color: #252525; }
@media screen and (max-width: 768px) {
	.modal-card { padding: 32px 22px; border-radius: 16px; }
	.modal-heading h2 { font-size: 25px; }
}

/* Current hero/header */
.index header .logo-and-menu {
	top: 0;
	height: 92px;
	right: 64px;
	left: 64px;
}

.index header .logo-and-menu:not(.fixed-menu) .logo {
	top: 0;
	left: 0;
	height: 54px;
	margin-top: 18px;
}

.index .new-main-menu {
	top: 0;
	display: flex;
	align-items: center;
	height: 92px;
	gap: 34px;
}

.index .new-main-menu li {
	padding: 0;
}

.index .new-main-menu li a {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.72);
	transition: color .2s ease;
}

.index .new-main-menu li a:hover {
	color: #fff;
}

.index .tagline_wr {
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}

.index header .tagline {
	top: 0;
	width: 100%;
	max-width: 900px;
	padding: 180px 0 100px;
	text-align: left;
}

.index header .tagline img {
	display: none;
}

.index header .tagline .hero-kicker {
	display: block;
	margin: 0 0 24px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #ff7300;
}

.index header .tagline h1 {
	max-width: 850px;
	margin: 0;
	font-size: clamp(42px, 5vw, 72px);
	line-height: 1.04;
	font-weight: 500;
	letter-spacing: -.035em;
	text-transform: none;
}

.index header .tagline h1 .headline {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.index header .tagline .hero-description {
	max-width: 610px;
	margin: 30px 0 0;
	font-size: 20px;
	line-height: 1.55;
	font-weight: 300;
	color: rgba(255,255,255,.72);
}

.index header .tagline .hero-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 32px;
	margin-top: 30px;
	font-size: 15px;
	line-height: 22px;
	color: rgba(255,255,255,.56);
}

.index header .tagline .hero-facts span {
	display: inline;
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: 400;
	text-transform: none;
}

.index header .tagline .hero-facts strong {
	color: #fff;
	font-weight: 500;
}

.index header .tagline .hero-actions {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-top: 38px;
}

.index header .tagline .hero-actions .m-button_white .b-button_button {
	margin: 0;
	padding: 15px 25px;
	border: 1px solid #ff7300;
	background: #ff7300;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .04em;
	transition: background .2s ease, color .2s ease, transform .2s ease;
}

.index header .tagline .hero-actions .m-button_white .b-button_button:hover {
	background: #ff8a2b;
	transform: translateY(-2px);
}

.index header .tagline .hero-secondary-link {
	font-size: 15px;
	font-weight: 400;
	color: rgba(255,255,255,.8);
	text-decoration: none;
}

.index header .tagline .hero-secondary-link span {
	display: inline;
	margin-left: 6px;
	font-size: 18px;
	color: #ff7300;
}

@media screen and (max-width: 1250px) and (min-width: 769px) {
	.index .tagline_wr {
		padding: 0 64px;
	}
}

@media screen and (max-width: 768px) {
	.index header .logo-and-menu {
		top: 0;
		right: 24px;
		left: 24px;
		height: 76px;
	}

	.index header .logo-and-menu:not(.fixed-menu) .logo {
		display: none;
	}

	.index .tagline_wr {
		padding: 0 24px;
	}

	.index header .tagline {
		padding: 130px 0 80px;
		text-align: left;
	}

	.index header .tagline .hero-kicker {
		margin-bottom: 18px;
		font-size: 11px;
		line-height: 16px;
	}

	.index header .tagline h1 {
		font-size: clamp(36px, 10vw, 54px);
		line-height: 1.04;
	}

	.index header .tagline .hero-description {
		margin-top: 22px;
		font-size: 16px;
		line-height: 1.45;
	}

	.index header .tagline .hero-facts {
		gap: 7px 20px;
		margin-top: 22px;
		font-size: 13px;
	}

	.index header .tagline .hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
		margin-top: 28px;
	}

	.index header .tagline .hero-actions .m-button_white .b-button_button {
		padding: 14px 22px;
		font-size: 12px;
	}
}

/* Header priority overrides */
.index header .heatmap,
.index header .ball-container { display: none !important; }
.index header .logo-and-menu:not(.fixed-menu),
.index header .logo-and-menu.fixed-menu { top: 0; }
.index header .logo-and-menu:not(.fixed-menu) .logo,
.index header .logo-and-menu.fixed-menu .logo { left: 0; margin-top: 18px; }
.index .tagline_wr {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	max-width: 1280px;
	padding: 0 40px;
	text-align: left;
}
.index header .tagline {
	position: relative;
	flex: 0 1 650px;
	width: auto;
	max-width: 650px;
	padding: 180px 0 100px;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.index .tagline_wr { display: block; padding: 0 24px; }
	.index header .tagline { width: 100%; max-width: none; padding: 130px 0 80px; }
	.hero-visual { display: none; }
}

/* Final cascade for the current hero */
.index .tagline_wr { display: flex; justify-content: center; padding: 0 32px; text-align: center; }
.index header .tagline { flex: 0 1 900px; width: auto; max-width: 900px; text-align: center; }
.index header .tagline .hero-description { margin-left: auto; margin-right: auto; }
.index header .tagline .hero-facts,
.index header .tagline .hero-actions { justify-content: center; }
@media screen and (max-width: 768px) {
	.index .tagline_wr { display: block; padding: 0 24px; }
	.index header .tagline { width: 100%; max-width: none; text-align: center; }
}

/* Production geometry: final override */
.index .tagline_wr { display: inline-block; width: 100%; height: 100%; max-width: none; padding: 0; text-align: center; vertical-align: middle; }
.index header .tagline { top: 1em; display: inline-block; flex: none; width: 1000px; max-width: none; padding: 260px 15px; text-align: left; }
.index header .tagline h1 { max-width: none; font-size: 36px; line-height: 42px; font-weight: 700; letter-spacing: normal; }
.index header .tagline > span { display: block; margin-top: 2vh; font-size: 20px; line-height: 1.2; font-weight: 400; text-transform: none; }
.index header .tagline .m-button_white .b-button_button { margin: 3.7em auto; padding: 10px 30px; border: 2px solid #ff7300; background: transparent; font-size: 18px; }
@media screen and (max-width: 768px) {
	.index .tagline_wr { display: inline-block; padding: 0 24px; }
	.index header .tagline { width: 100%; padding: 5vh 0; text-align: center; }
	.index header .tagline h1 { font-size: 5vw; line-height: 6.5vw; text-align: center; }
	.index header .tagline > span { font-size: 3vw; line-height: 4vw; text-align: center; }
	.index header .tagline .m-button_white .b-button_button { margin: 24vw auto 0; font-size: 13px; }
}