body {
	width: 100%;
	font-family: 'Fira Sans', sans-serif;
	background: #fff;
	font-size: 16px;
	overflow-x: hidden;
	color: #252525;
}

.grecaptcha-badge {
	visibility: hidden;
}

b,
strong {
	font-weight: 700;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	margin-right: -10px;
	margin-left: -10px;
}

.col-extra {
	margin-top: 24px;
}

p {
	font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 135%;
	color: #252525;
	margin: 0 0 0 0;
}

h2 {
	font-size: 46px;
	font-weight: 500;
}

a:hover {
	color: #252525;
}

input:focus,
input:active,
textarea:focus,
textarea:active {
	outline: none;
}

button,
button.btn-default {
	font-size: 16px;
	line-height: 100%;
	font-weight: normal;
	letter-spacing: 0;
	background: #008de2;
	border: none;
	border-radius: 12px;
	color: white;
	cursor: pointer;
	display: inline-block;
	width: 100%;
	padding: 10px;
	text-align: center;
	white-space: nowrap;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-weight: normal;
	box-shadow: none;
	text-shadow: none;
}

button:hover,
button:active,
button:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
	background: #006daf;
	color: white;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0;
}

.form-control {
	height: 36px;
}

.form-group {
	position: relative;
}

footer a:hover,
header a:hover {
	text-decoration: underline;
}

.navbar-default {
	background: #151515;
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	box-shadow: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {
	background: rgba(255, 255, 255, 0);
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.navbar-right img {
	height: 18px;
	width: auto;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	text-shadow: none;
}

.navbar-default .navbar-nav>li>a span {
	display: block;
	font-weight: 300;
	margin-top: 2px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 4px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #252525;
	border-bottom: none;
}

.navbar-default .navbar-toggle {
	width: auto;
	border: none;
	position: absolute;
	right: 0px;
	transform: scale(0.75);
}

.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
	display: block;
	width: 36px;
	height: 2px;
	border-radius: 1px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: none;
}

.navbar-toggle {
	position: relative;
	float: right;
	margin: 0 12px 0 0;
	padding: 9px 10px;
	border-radius: 12px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #151515;
	border-bottom: 1px solid #fff;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 7px;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
	top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
	top: 2px;
}

.navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	top: 12px;
	transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	top: -6px;
	transform: rotate(-45deg);
}

.navbar-default button.navbar-toggle:active,
.navbar-default button.navbar-toggle:hover,
.navbar-default button.navbar-toggle:focus {
	background-color: #151515;
	background: #151515;
}

.navbar-toggle.active {
	top: 6px;
}

.navbar-toggle.collapsed {
	top: 6px;
}

.navbar-nav {
	margin: 6px -16px;
}

.dropdown-menu,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background: #252525;
}

.dropdown-menu>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #fff;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	text-decoration: underline;
}

footer {
	background: #2d2d2d;
}

footer p {
	color: #fff;
	margin-bottom: 6px;
}

footer a {
	color: #fff;
	display: flex;
	align-items: center;
}

footer a img {
	width: 12px;
	height: 12px;
	margin-right: 6px;
}

footer .footer-text a:hover {
	color: #fff;
}

footer .footer-text a span {
	display: block;
	font-size: 11px;
}

footer .footer-block {
	padding: 32px 0;
}

footer .footer-text {
	font-size: 16px;
	margin-top: 9px;
}

.afterfooter .footer-text {
	margin-top: 8px;
	font-size: 14px;
}

@media screen and (min-width: 1024px) {
	footer .footer-text {
		max-width: 80%;
	}
}

footer h6.footer-header {
	color: #fff;
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 16px;
	margin-left: 0;
	margin-top: 0;
}

footer p.footer-header {
	font-weight: 500;
	margin-bottom: 10px;
}

footer .subfooter {
	padding: 24px 0;
	background-color: #232323;
}

footer .subfooter p {
	margin: 0;
	padding: 24px 0;
	font-size: 14px;
}

footer .subfooter h6 {
	margin: 0;
	color: #fff;
	font-weight: normal;
	padding: 0;
	font-size: 14px;
	max-width: 70%;
	float: left;
	line-height: 36px;
}

footer .footer-phone-number,
footer .footer-phone-number-en {
	position: relative;
	padding-left: 42px;
}

footer .footer-phone-number:after,
footer .footer-phone-number-en:after {
	content: "";
	background-image: url(social/telegram.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	border-radius: 50%;
}

footer .footer-phone-number:before {
	content: "";
	background-image: url(social/viber.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 20px;
	height: 16px;
	width: 16px;
	border-radius: 50%;
}

footer .footer-phone-number-en:before {
	content: "";
	background-image: url(social/whatsapp.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 20px;
	height: 16px;
	width: 16px;
	border-radius: 50%;
}

footer .subfooter img {
	display: block;
	float: right;
	width: auto;
	height: 36px;
	margin: 0;
}

footer .subfooter>div>div>div {
	display: flex;
	justify-content: space-between;
}

footer .afterfooter {
	background: #292929;
}

footer .afterfooter .footer-header {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
	margin-left: 0;
}

footer .afterfooter p.footer-text {
	font-size: 14px;
}

.logo {
	display: block;
	height: 65px;
	width: 140px;
	background: url(logos/logo-white.svg);
	background-size: 80%;
	background-position: 0 52%;
	background-repeat: no-repeat;
	text-indent: -99999px;
}

.dark-back {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.6) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.6) 100%);
	height: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.big-block {
	background: #fff;
	-webkit-box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.1);
	margin: 10px 0;
	border-radius: 12px;
	border-top: 1px solid rgba(241, 241, 241, 0.5);
	padding: 24px;
	-webkit-transition: 2.5s;
	-moz-transition: 2.5s;
	-o-transition: 2.5s;
	transition: 2.5s;
}

.big-block h4 {
	color: #252525;
	font-weight: 500;
	font-size: 28px;
	margin-bottom: 10px;
	line-height: 120%;
}

.big-block .dark-back h4 {
	font-size: 32px;
}

.big-block .inner-block.main-mob-platforms-block h4,
.inner-block.main-web-platforms-block h4 {
	margin-bottom: 0;
	font-weight: 400;
}

h5 {
	position: relative;
	display: inline-block;
}

h5:after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 4px;
	width: 50%;
	height: 2px;
	background: rgb(147, 92, 248);
	transition: 0.2s;
	background: linear-gradient(45deg, #250d44, #0e5198, #8AA9D6);
	border-radius: 1px;
}

.contacts-sect p:after {
	width: 0;
}

.contacts-sect p span {
	display: block;
	font-size: 14px;
	margin-top: 4px;
	line-height: 140%;
}

.main-mainblock {
	background-image: url(back-1.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
}

#contacts-block {
	background: url(https://tapston.com/img/about/world-en.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 95% 50%;
}

.contacts-margin {
	margin-top: 64px;
}

.big-block h5 {
	color: #252525;
	font-weight: 500;
	font-size: 21px;
}

.inner-block {
	position: relative;
}

.border-block {
	height: 100%;
	width: 100%;
	border: 1px solid #e4e4e4;
	border-radius: 12px;
	padding: 24px;
	overflow: hidden;
	position: relative;
}

.inner-block p.main-p-title {
	position: absolute;
	bottom: 8px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pink-block,
.green-block {
	height: 384px;
}

.main-web-photo {
	height: 100%;
	-webkit-transition: -webkit-transform 1.5s;
	transition: -webkit-transform 1.5s;
	transition: transform 1.5s;
	overflow: hidden;
	border-radius: 12px;
}

.main-mob-photo {
	height: 100%;
	-webkit-transition: -webkit-transform 1.5s;
	transition: -webkit-transform 1.5s;
	transition: transform 1.5s;
	overflow: hidden;
	border-radius: 12px;
}

.pink-block p,
.green-block p {
	position: absolute;
	bottom: 0;
	color: #252525;
	margin-bottom: -2px;
}

.big-block .inner-block.main-mob-platforms-block h4,
.inner-block.main-web-platforms-block h4 {
	color: #fff;
}

.big-block .dark-back {
	background: none;
}

.main-sites,
.main-mobiledev,
.main-estimate {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	padding: 72px 0;
}

.main-mobiledev,
.main-estimate {
	border-top: 1px solid #e4e4e4;
}

.messages {
	width: 100%;
	border-radius: 12px;
}

.messages .alert {
	background: #fff;
	text-shadow: none;
	border-radius: 12px;
	border: 1px solid #e4e4e4;
	text-align: center;
}

.main-estimate .alert button {
	width: auto;
	margin: 0;
}

.main-sites .big-block:hover .main-web-photo,
.main-mobiledev .big-block:hover .main-mob-photo {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.main-h2-title {
	padding: 0 0 24px;
}

.main-h1-title {
	padding: 0 0 24px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 24px;
}

.main-h2-title h1,
.main-h2-title h2 {
	font-size: 54px;
	font-weight: 700;
	line-height: 120%;
}

.main-h2-title a {
	transition: 0.5s;
}

.main-h2-title a {
	color: rgba(255, 255, 255, 0);
}

.main-h2-title a:hover {
	color: #252525;
}

.main-h5-title {
	padding: 0 0 24px;
	margin-bottom: 24px;
}

.main-h5-title h5 {
	font-size: 36px;
	font-weight: 500;
}

.main-estimate h6 {
	font-size: 24px;
	margin-bottom: 12px;
}

.main-estimate .main-h5-title.border-line {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 32px;
	margin-bottom: 32px;
}

.main-web-sites-block {
	height: 160px;
	border-radius: 12px;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

.main-web-sites-block p.main-p-title {
	position: absolute;
	bottom: 8px;
	color: #252525;
	text-shadow: none;
	max-width: 80%;
	font-size: 15px;
}

.main-web-platforms-block {
	background: rgb(147, 92, 248);
	background: -moz-linear-gradient(left, rgba(147, 92, 248, 1) 0%, rgba(215, 84, 177, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(147, 92, 248, 1) 0%, rgba(215, 84, 177, 1) 100%);
	background: linear-gradient(to right, rgba(147, 92, 248, 1) 0%, rgba(215, 84, 177, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#935cf8', endColorstr='#d754b1', GradientType=1);
	height: 160px;
	padding: 24px;
	border-radius: 12px;
}

.main-web-platforms-block p {
	position: absolute;
	bottom: 0;
	color: rgba(255, 255, 255, 0.75);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.main-web-design-block {
	height: 160px;
	border-radius: 12px;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

.main-web-design-block p.main-p-title {
	position: absolute;
	bottom: 8px;
	color: #252525;
	text-shadow: none;
	z-index: 3;
	font-size: 15px;
	max-width: 75%;
}

.main-mob-platforms-block {
	background: rgb(214, 93, 173);
	background: -moz-linear-gradient(left, rgba(214, 93, 173, 1) 0%, rgba(255, 97, 88, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(214, 93, 173, 1) 0%, rgba(255, 97, 88, 1) 100%);
	background: linear-gradient(to right, rgba(214, 93, 173, 1) 0%, rgba(255, 97, 88, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d65dad', endColorstr='#ff6158', GradientType=1);
	height: 180px;
	padding: 24px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-mob-platforms-block p {
	position: absolute;
	bottom: 8px;
	color: rgba(255, 255, 255, 0.75);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.main-mob-design-block {
	height: 180px;
	border-radius: 12px;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

.main-mob-design-block p.main-p-title {
	position: absolute;
	bottom: 8px;
	color: #252525;
	text-shadow: none;
	font-size: 15px;
	max-width: 75%;
}

.main-mob-design-block h3 {
	font-weight: 400;
}

.main-mob-apps-block {
	height: 180px;
	border-radius: 12px;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

.main-mob-apps-block p.main-p-title,
h3.main-p-title {
	position: absolute;
	bottom: 8px;
	color: #252525;
	text-shadow: none;
	font-size: 17px;
	max-width: 75%;
	margin-bottom: 10px;
	font-weight: 400;
}

input.estimate-input,
select.estimate-select {
	padding: 0 10px;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	border-radius: 8px;
	width: 100%;
	border: 1px solid #e4e4e4;
	margin-bottom: 10px;
	height: 40px;
}

.main-estimate-form .btn {
	padding: 12px;
	border-radius: 8px;
}

textarea.estimate-textarea {
	padding: 10px 10px;
	border-radius: 8px;
	width: 100%;
	border: 1px solid #e4e4e4;
	min-height: 124px;
	max-height: 400px;
	max-width: 100%;
}

.article strong {
	font-weight: 900;
}

.article .views {
	opacity: 0.65;
	position: absolute;
	bottom: 32px;
	display: flex;
	flex-direction: row;
	background: -moz-linear-gradient(left, rgba(147, 92, 248, 0.75) 0%, rgba(215, 84, 177, 0.75) 100%);
	background: -webkit-linear-gradient(left, rgba(147, 92, 248, 0.75) 0%, rgba(215, 84, 177, 0.75) 100%);
	background: linear-gradient(to right, rgba(147, 92, 248, 0.75) 0%, rgba(215, 84, 177, 0.75) 100%);
	width: 64px;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	padding: 6px 0;
}

.article .usual-page-top-section {
	width: 85%;
}

.article .gradient-dark .container {
	position: relative;
}

.article .views p {
	margin: 0 0 0 6px;
	font-size: 12px;
	color: white;
	font-weight: 600;
}

.article h5 {
	font-size: 24px;
	line-height: 130%;
	margin-bottom: 32px;
}

.article h5:after {
	display: none;
}

.article .views img {
	width: 16px;
}

p.main-page-description {
	margin-top: 32px;
}

#form-response.has-error {
	display: block;
	color: #fff;
	background-color: rgba(171, 68, 66, .8);
	border: 1px solid #ab4442;
}

#form-response.success {
	display: block;
	color: #fff;
	background-color: rgba(53, 168, 153, .8);
	border: 1px solid #35A899;
}

#form-response {
	display: none;
}

.error {
	position: relative;
}

.error {
	border: 1px solid #ab4442 !important;
}

.help-block {
	position: absolute;
	top: 8px;
	right: 26px;
	font-size: 11px;
}

.main-estimate button {
	margin-top: 24px;
	color: white;
	background: #151515;
}

.main-web-layers .box {
	height: 60px;
	width: 90px;
	line-height: 70px;
	box-shadow: 6px 6px 0px 0px rgba(237, 95, 125, 0.75), 10px 10px 0 0 rgba(216, 93, 170, 0.5), 16px 16px 0 0 rgba(147, 92, 247, 0.2);
	-webkit-transition: 1.5s;
	transition: 1.5s;
	text-align: center;
	font-size: 3em;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 24px;
	border-radius: 12px;
}

.main-sites .big-block:hover .main-web-layers .box {
	box-shadow: 0 0 0 0 #ff6158;
	top: 10px;
	right: 10px;
}

.main-web-layers-main-layer {
	background: #ff6158;
	z-index: 1;
	right: 16px;
	bottom: 16px;
}

.main-web-layers-main-layer:hover {
	z-index: 1;
}

.main-web-design-layers .box {
	height: 100%;
	width: 5%;
	line-height: 124px;
	box-shadow: -16px -16px 0px 0px rgba(237, 95, 125, 0.75), -32px -32px 0 0 rgba(216, 93, 170, 0.5), -46px -46px 0 0 rgba(147, 92, 247, 0.2);
	-webkit-transition: 1.5s;
	transition: 1.5s;
	text-align: center;
	font-size: 3em;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.contacts-g .box {
	background: #ff5f54;
	z-index: 1;
	height: 200px;
	width: 200px;
	box-shadow: -32px -32px 0 0 rgba(237, 95, 125, 0.75), -64px -72px 0 0 rgba(216, 93, 170, 0.5), -96px -96px 0 0 rgba(147, 92, 247, 0.2);
	-webkit-transition: 1.5s;
	transition: 1.5s;
	color: #fff;
	position: absolute;
	bottom: 64px;
	right: 100px;
	border-radius: 50%;
}

.main-web-design-layers-main-layer {
	background: #ff6158;
	z-index: 1;
	right: 16px;
	bottom: 16px;
}

.main-sites .big-block:hover .main-web-design-layers .box {
	box-shadow: 0 0 0 0 #ff6158;
}

.main-mob-layers .box {
	height: 70px;
	width: 40px;
	line-height: 70px;
	box-shadow: 6px 6px 0px 0px rgba(164, 90, 231, 0.75), 10px 10px 0 0 rgba(191, 87, 202, 0.5), 16px 16px 0 0 rgba(215, 84, 177, 0.2);
	-webkit-transition: 1.5s;
	transition: 1.5s;
	text-align: center;
	font-size: 3em;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 24px;
	border-radius: 12px;
}

.main-mobiledev .big-block:hover .main-mob-layers .box {
	box-shadow: 0 0 0 0 #935cf7;
	top: 10px;
	right: 10px;
}

.main-mob-layers-main-layer {
	background: #935cf7;
	z-index: 1;
	right: 16px;
	bottom: 16px;
}

.main-mob-layers-main-layer:hover {
	z-index: 1;
}

.main-mob-design-layers .box {
	height: 100%;
	width: 5%;
	line-height: 124px;
	box-shadow: -16px -16px 0px 0px rgba(164, 90, 231, 0.75), -32px -32px 0 0 rgba(191, 87, 202, 0.5), -46px -46px 0 0 rgba(215, 84, 177, 0.2);
	-webkit-transition: 1.5s;
	transition: 1.5s;
	text-align: center;
	font-size: 3em;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.main-mob-design-layers-main-layer {
	background: #935cf7;
	z-index: 1;
	right: 16px;
	bottom: 16px;
}

.main-mobiledev .big-block:hover .main-mob-design-layers .box {
	box-shadow: 0 0 0 0 #935cf7;
}

.contact-info {
	padding: 72px 0;
}

.contacts-h1-title {
	padding: 0 0 24px;
}

.contacts-h1-title h1 {
	font-size: 42px;
	font-weight: 500;
	margin-bottom: 16px;
}

.contacts-map {
	height: 380px;
}

ul.contacts-information-list {
	padding: 0;
	list-style-type: none;
}

@media screen and (min-width: 1280px) {
	ul.contacts-information-list li {
		max-width: 60%;
	}
}

.next-block {
	background: #232323;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 128px 0;
	position: relative;
}

.next-block .container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.next-block img {
	width: 64px;
	margin-left: 16px;
	margin-top: 4px;
}

.next-block span {
	color: #FFFFFF;
	font-size: 42px;
	font-weight: 400;
}

.next-case {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.5;
	transition: 0.2s;
	cursor: pointer;
}

.next-case:hover {
	opacity: 1;
	text-decoration: none;
	color: #ffffff;
}

.template-left-block {
	padding-bottom: 64px;
}

.templates-intro-h6-title {
	padding-bottom: 26px;
}

.templates-intro-h6-title h6 {
	font-size: 28px;
	font-weight: 500;
}

.templates-h6-title h6 {
	font-size: 22px;
	font-weight: normal;
}

.templates-h6-title h6 span {
	font-weight: 600;
	background: #008de2;
	color: #fff;
	padding: 1px 6px;
	border-radius: 12px;
	font-size: 24px;
}

.template-left-block {
	padding-top: 64px;
}

.template-right-block {
	display: table;
	height: 296px;
}

.templates-show-it {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.templates-show-it img {
	height: 64px;
	width: auto;
	margin-bottom: 10px;
}

.usual-page-top .usual-page-top-image {
	height: 380px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0%;
	position: relative;
}

.usual-page-top .usual-page-top-image.about-article-header {
	background-position: 100% 0%;
}

.works-goals .works-result p {
	width: 70%;
	text-align: center;
	margin-left: 15%;
}

.gradient-dark {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.75) 100%);
	height: 100%;
}

.usual-page-top-section {
	display: table;
	width: 70%;
}

.usual-page-top .usual-page-top-image h1 {
	line-height: 110%;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	height: 380px;
	display: table-cell;
	vertical-align: middle;
	font-size: 72px;
}

.usual-page-info {
	border-bottom: 1px solid #e4e4e4;
}

.usual-page-info>.row>div>p:last-child {
	margin-bottom: 0;
}

.about-team {
	padding: 72px 0;
	position: relative;
}

.about-team .last-one .one-client {
	margin-bottom: 0;
	width: 70%;
}

.about-team .one-person {
	text-align: left;
	box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	height: 180px;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 150% -80%;
	position: relative;
	margin-bottom: 20px;
}

.about-team .one-person.plus {
	height: 260px;
}

.about-team .one-person img {
	height: 128px;
	width: 128px;
	border-radius: 50%;
	margin-bottom: 24px;
}

.about-team .one-person .name {
	font-size: 20px;
	font-weight: 500;
	position: absolute;
	top: 24px;
	left: 24px;
	max-width: 30%;
}

.about-team .one-person.plus .name {
	font-size: 28px;
	font-weight: 400;
}

.about-team .one-person .description {
	margin-bottom: 0;
	position: absolute;
	bottom: 24px;
	left: 24px;
	max-width: 50%;
}

.usual-page-info {
	padding: 72px 0;
}

.usual-page-info p {
	font-size: 20px;
}

.software-info .usual-page-info {
	background-image: none;
}

#software-info {
	background-image: url(web/softw.jpg);
	background-repeat: no-repeat;
	background-size: 45%;
	background-position: 98% 50%;
}

@media screen and (min-width: 1681px) {
	#software-info {
		background-image: url(web/softw.jpg);
		background-repeat: no-repeat;
		background-size: 35%;
		background-position: 85% 50%;
	}
}

#mobile-info {
	background: url(mobile/mobile-dev@1x.png) no-repeat;
	background-size: 30%;
	background-position: 85% 50%;
}

#mobile-info,
#software-info,
#about-page-info,
#clients-block,
#about-page-team {
	padding: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
	#mobile-info {
		background: url(mobile/mobile-dev@2x.png) no-repeat;
		background-size: 30%;
		background-position: 85% 50%;
	}

	@media screen and (min-width: 1681px) {
		#mobile-info {
			background: url(mobile/mobile-dev@2x.png) no-repeat;
			background-size: 23%;
			background-position: 80% 50%;
		}
	}
}

.reviews-row>div>.review:last-child p {
	margin-bottom: 0;
}

.usual-page-h2-title h2 {
	font-size: 46px;
	font-weight: 300;
}

.usual-page-portfolio.about-portfolio.web {
	padding: 72px 0;
	border-bottom: none;
}

.main-page .usual-page-portfolio.about-portfolio.web {
	padding: 72px 0;
}

.usual-page-h2-title,
.usual-page-h5-title,
.usual-page-h3-title {
	padding: 0 0 24px;
	margin-bottom: 16px;
	margin-top: -8px;
}

.usual-page-h5-title h2 {
	font-weight: 500;
}

.usual-page-h5-title h6 {
	margin-top: 24px;
	font-size: 18px;
}

.usual-page-h3-title h3 {
	font-size: 28px;
	font-weight: normal;
}

.usual-page-info-portfolio {
	padding: 72px 0;
}

.usual-page-h5-title h5,
.usual-page-info.about-page-info .usual-page-h5-title h5,
.usual-page-info.clients-block .usual-page-h5-title h5 {
	font-size: 42px;
	font-weight: 500;
}

.aboutpage .about-page-info .usual-page-h5-title h5 {
	font-weight: 500;
}

.usual-page-info .top-50 {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 48px;
}

.usual-page-info .top-50 img {
	width: 96px;
}

.usual-page-info .top-50 span {
	font-size: 12px;
	opacity: 0.75;
	margin-left: 8px;
	border-left: 1px solid #eaeaea;
	padding-left: 8px;
}

.usual-page-info .article-div {
	margin-top: 0;
	margin-bottom: -32px;
}

.usual-page-info .article-div h4,
.usual-page-info .article-div p.with-separators {
	margin: 32px 0;
	font-size: 20px;
	border-top: 1px solid #e4e4e4;
	padding: 32px 0;
	border-bottom: 1px solid #e4e4e4;
}

.usual-page-info.about-page-info .article-div p,
.usual-page-info.about-page-info .article-div li,
.usual-page-info.about-page-info .article-div li span {
	font-size: 20px;
}

.usual-page-info.about-page-info .article-div img {
	max-width: 100%;
	height: auto;
	margin: 16px 0;
	border-radius: 8px;
	border: 1px solid #f5f5f5;
}

.usual-page-info.about-page-info .article-div>div p {
	background: #f5f5f5;
	padding: 20px 24px;
	margin-top: 32px;
	border-radius: 12px;
	font-weight: 500;
}

.usual-page-info .article-div li::marker {
	font-size: 18px;
}

.one-client {
	height: 74px;
	width: 75%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 0 auto 48px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.75;
	transition: 0.5s;
}

.one-client:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}

.with-knomary {
	align-items: center;
	justify-content: center;
	display: flex;
	margin-bottom: 48px;
}

.with-knomary span {
	font-size: 16px;
}

.with-knomary img {
	height: 28px;
	margin: -2.75px 6px 0 8px;
	pointer-events: none;
}

@media (min-resolution: 120dpi) {
	.with-knomary span {
		font-weight: 300;
	}
}

.review {
	padding-top: 64px;
	display: flex;
	flex-direction: row-reverse;
}

.reviews-row {
	border-top: 2px dashed #ececec;
	margin-top: 64px;
}

.reviews-row>div {
	display: flex;
	flex-wrap: wrap;
}

.review>div {
	text-align: center;
}

.review>div:last-child {
	padding-right: 32px;
}

.review>div p {
	font-size: 16px;
	font-weight: 100;
	text-align: left;
	margin-bottom: 32px;
}

.review>div span {
	font-size: 12px;
	width: 100%;
	min-width: 120px;
	display: block;
	text-align: center;
}

.review span:nth-child(2) {
	font-weight: 500;
}

.review img {
	width: 54px;
	border-radius: 50%;
	margin: 0 0 16px;
}

.usual-page-portfolio {
	max-width: 100%;
	overflow: hidden;
	padding: 72px 0 0;
}

ul.service-ul-portfolio {
	display: table;
	width: 100%;
	padding-left: 0;
	padding-bottom: 40px;
	margin: 0;
	list-style-type: none;
}

.mobile ul.service-ul-portfolio li {
	font-size: 18px;
	display: inline-block;
	margin-bottom: 24px;
	margin-right: 24px;
	width: 22.7%;
	width: calc(20% - 24px);
	position: relative;
	transition: 0.5s;
}

.mobile ul.service-ul-portfolio li:first-child {
	margin-top: 24px;
}

ul.service-ul-portfolio-otherapp {
	display: table;
	display: flex;
	width: 100%;
	padding-left: 24px;
	padding-bottom: 64px;
	margin: 0;
	list-style-type: none;
	align-items: center;
	justify-content: center;
	margin-top: -20px;
}

ul.service-ul-portfolio-otherapp li {
	width: 6%;
	padding: 12px;
}

ul.service-ul-portfolio-otherapp li:first-child {
	margin-left: -24px;
}

ul.service-ul-portfolio-otherapp li img {
	width: 100%;
	border-radius: 12px;
}

ul.service-ul-portfolio li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: 0.5s;
	z-index: 10;
	border-radius: 12px;
	height: 100%;
	width: 100%;
	position: relative;
}

ul.service-ul-portfolio li a:hover {
	text-decoration: none;
}

ul.service-ul-portfolio li span {
	display: block;
	margin-top: 6px;
	text-align: center;
	color: #252525;
}

ul.service-ul-portfolio li span.service-top {
	color: #252525;
	font-size: 14px;
	font-weight: 300;
}

ul.service-ul-portfolio li img {
	height: 128px;
	width: 128px;
	float: left;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 120, 255, .0275), 0 12px 40px 0 rgba(0, 73, 164, .05);
	-moz-box-shadow: 0 1px 0 0 rgba(0, 120, 255, .0275), 0 12px 40px 0 rgba(0, 73, 164, .05);
	box-shadow: 0 1px 0 0 rgba(0, 120, 255, .0275), 0 12px 40px 0 rgba(0, 73, 164, .05);
	transition: 0.5s;
	cursor: pointer;
}

ul.service-ul-portfolio li a:hover img {
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 120, 255, .0275), 0 12px 40px 0 rgba(0, 73, 164, .125);
	-moz-box-shadow: 0 1px 0 0 rgba(0, 120, 255, .0275), 0 12px 40px 0 rgba(0, 73, 164, .125);
	box-shadow: 0 1px 0 0 rgba(0, 120, 255, .0275), 0 12px 40px 0 rgba(0, 73, 164, .125);
}

.works-work-photos .web-device.graphic-w {
	background: none;
}

.works-work-photos .web-device .flex-center.graphic,
.works-work-photos .web-device.graphic-w {
	height: auto;
	width: auto;
}

.works-work-photos .borders-m.graphic {
	position: relative;
}

.works-work-photos .web-device.graphic-w .borders-m.graphic {
	left: inherit;
	top: inherit;
	margin-top: 32px;
}

.works-work-photos .web-device.graphic-w .borders-m.graphic img.no-margin {
	width: 640px;
}

ul.service-ul-portfolio li img.mini {
	border-radius: 10px;
	height: 64px;
	width: 64px;
	margin-right: 10px;
	float: left;
	border: 1px solid #e4e4e4;
}

ul.service-ul-portfolio li a.no-flex {
	display: inline;
}

.usual-page-web-do-it {
	background: url(mobile/mobile-back2.jpg) no-repeat;
	background-size: cover;
}

.web-do-it {
	background: url(web/web-back2.jpg) no-repeat;
	background-size: cover;
}

.careers-back {
	background: url(contacts/careers.jpg) no-repeat;
	background-size: cover;
}

.usual-page-web-do-it .gradient-dark {
	padding: 72px 0;
}

.cases-block {
	overflow: hidden;
	position: relative;
	padding: 72px 0 0 0;
}

.cases-block.cases {
	padding-top: 0;
}

.usual-page-info .usual-page-h5-title h5,
.usual-page-info .usual-page-h2-title h2 {
	margin-bottom: -10px;
	font-weight: 500;
}

.article .usual-page-info .usual-page-h2-title h2 {
	font-size: 36px;
	margin-bottom: 32px;
}

.article .image-with-border {
	margin-bottom: 32px;
	padding: 0;
	border-bottom: 1px solid #e4e4e4;
}

.usual-page-info.about-page-info .article-div .image-with-border img {
	margin-bottom: 0;
	margin-top: 32px;
}

.article .article-div h6 {
	font-size: 20px;
  font-weight: 700;
  margin: 24px 0 12px;
}

.article .article-div p a {
	display: block;
}

.article .article-div p a:focus,
.article .article-div p a:visited,
.article .article-div p a:active {
	color: #252525;
}

.article .article-div p a.no-block {
	display: inline;
	text-decoration: underline;
}

.article .usual-page-info .usual-page-h2-title .article-div h2 {
	margin-top: 48px;
}

.usual-page-info .usual-page-h5-title h5:after,
.aboutpage .about-page-info .usual-page-h5-title h5:after {
	width: 0;
}

.usual-page-info.about-page-info .usual-page-h5-title h5:after,
.usual-page-info.clients-block .usual-page-h5-title h5:after {
	width: 50%;
}

.aboutpage .usual-page-info.about-page-info .usual-page-h5-title h5:after {
	width: 0;
}


/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */

@-webkit-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@-moz-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-moz-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.websites-port ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.websites-port ul li {
	display: block;
	float: left;
	width: 100%;
}

.websites-port ul li a,
.websites-port ul li>div {
	display: block;
	overflow: hidden;
	margin: 0;
	transition: 0.25s;
	height: 580px;
	position: relative;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}

.websites-port ul li.payment-app>a {
	background-image: url(cases/payment-app/payment-app-main@1x.jpg);
	background-position: 140% 50%;
	background-size: contain;
	background-color: #3a70fa;
}

.websites-port ul li.vfd>a {
	background-color: #f5f6fa;
	background-size: 40% auto;
	background-position: 100% 100%;
}

.websites-port ul li.burger-king-app>a {
	background-color: #F5EBDC;
	background-size: 30% auto;
	background-position: 100% 50%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
	.websites-port ul li.payment-app>a {
		background-image: url(cases/payment-app/payment-app-main@2x.jpg);
	}
}

.websites-port ul li.nota5>a {
	background-size: contain;
	background-color: #7fb508;
	background-position: 100%;
}

.websites-port ul li.clane>a {
	background-image: url(cases/clane/back-clane-1.jpg);
	background-size: 33%;
	background-position: 95% 100%;
}

.websites-port ul li.billo {
	border-top: 1px solid #ebe9f1;
}

.websites-port ul li.\39 19 {
	background-color: #aa95f0;
	background: linear-gradient(90deg, rgba(114, 88, 200, 1) 0%, rgb(169 153 242) 30%, rgb(170 154 243) 100%);
}

.websites-port ul li.slata a {
	background-size: contain;
	background-position: 100%;
}

.websites-port ul li.\39 19 a {
	background-size: auto 100%;
	background-position: 100% 50%;
}

.websites-port ul li.slata {
	background-image: url(cases/slata/cover-slata-2.jpg);
}

.websites-port ul li.burger-king>a {
	background-size: auto 100%;
	background-position: 100% 50%;
}

.websites-port ul li.amixgroup a {
	background-image: url(cases/amixgroup/amixgroup@1x.jpg);
	background-size: auto 95%;
	background-position: 115% 50%;
	background-color: #d52e21;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
	.websites-port ul li.amixgroup>a {
		background-image: url(cases/amixgroup/amixgroup@2x.jpg);
	}
}

.websites-port ul li.babymonitor {
	background: rgb(102, 173, 255);
	background: -moz-linear-gradient(top, rgba(102, 173, 255, 1) 0%, rgba(68, 130, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(102, 173, 255, 1) 0%, rgba(68, 130, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(102, 173, 255, 1) 0%, rgba(68, 130, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66adff', endColorstr='#4482ff', GradientType=0);
}

.websites-port ul li.stork a {
	background-size: cover;
	background-position: 50%;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}

.websites-port ul li.voka a {
	background-size: contain;
  background-position: 92% 100%;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  background-color: #f6f8fa;
}

.websites-port ul li.stork a:after {
	content: '';
	background-image: url(cases/stork/case-phone.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 64px;
	height: 500px;
	width: 404px;
}

.websites-port ul li.iq-test a {
	position: relative;
}

.websites-port ul li.iq-test a:after {
	content: '';
	background-image: url(cases/iq/iphone-white.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 64px;
	height: 470px;
	width: 414px;
}

.websites-port ul li.invaparking a {
	position: relative;
}

.websites-port ul li.invaparking a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.15;
}

.websites-port ul li.carskoe-zoloto a {
	background-position: 100% 100%;
	background-size: 50%;
	border-bottom: 1px solid #e6e6e6;
}

.websites-port ul li.billo a {
	border-bottom: 1px solid #e6e6e6;
}

.websites-port ul li.homers-world>a {
	background-position: 98% 100%;
	background-size: 720px;
}

.websites-port ul li.babymonitor>a {
	background-position: 97% 0%;
	background-size: 512px;
}

.websites-port ul li div {
	position: relative;
	height: 100%;
	padding: 32px 0;
}

.websites-port ul li span {
	font-size: 48px;
	font-weight: 500;
	color: #fff;
	width: 52%;
	text-align: left;
	position: absolute;
	top: 0;
	left: 10px;
	display: flex;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	line-height: 125%;
	align-items: flex-start;
	padding-top: 64px;
}

a.button-cases:active,
a.button-cases:focus,
a.button-cases:visited {
	text-decoration: none;
	color: #fff;
}

a.button-cases {
	display: block;
	padding: 12px 32px;
	text-decoration: none;
	margin-top: 48px;
	border-radius: 24px;
	cursor: pointer;
	text-align: center;
	transition: 0.2s;
	background: #1e3a7b;
	display: table;
}

a.button-careers {
	margin-top: 32px;
}

a.button-cases span {
	font-size: 22px;
	color: #fff;
	text-align: center;
}

.websites-port ul li span.goal {
	font-size: 24px;
	bottom: 0;
	top: inherit;
	padding-top: 0;
	padding-bottom: 64px;
	font-weight: 300;
}

.vacancies .websites-port ul li>div>p {
	width: 100%;
	text-shadow: none;
	text-align: left;
	left: 0;
	right: 0;
	padding-left: 24px;
	font-size: 24px;
	font-weight: 500;
}

.websites-port ul li div>div {
	position: relative;
	margin-top: 24px;
	right: inherit;
	width: 100%;
	text-align: left;
	height: auto;
	padding: 0 0 0 24px;
}

.vacancies .websites-port ul li div>div p {
	font-weight: 500;
}

.vacancies .websites-port ul li div>div p:nth-child(2n + 1) {
	font-size: 21px;
	margin-bottom: 6px;
}

.vacancies .websites-port ul li div>div p:nth-child(2n) {
	font-size: 18px;
	font-weight: 400;
	max-width: 80%;
}

.websites-port ul li a img {
	height: 70%;
	display: block;
	position: absolute;
	bottom: -24px;
	right: 16px;
	transition: 0.25s;
}

.websites-port ul li a:hover img {
	right: 64px;
}

.about-team .one-person {
	background-size: 53%;
	background-position: 115% 0%;
}

.vacancies .usual-page-info {
	padding: 72px 0;
}

.vacancies .websites-port ul ul {
	margin-bottom: 10px;
	display: inline-block;
}

.vacancies .websites-port ul ul li {
	width: 100%;
}

.vacancies .vacancy-mail {
	margin-top: 64px;
}

.vacancies .vacancy-mail h5 {
	font-size: 3.4vw;
	text-align: center;
	font-weight: 500;
}

.usual-page-portfolio-pages,
.usual-page-portfolio-pages-poseti {
	padding: 72px 0 0;
}

.usual-page-portfolio-pages img,
.usual-page-portfolio-pages-poseti img {
	max-width: 75%;
	margin-top: 32px;
}

.usual-page-portfolio-pages-poseti {
	background: rgb(1, 123, 200);
	background: -moz-linear-gradient(top, rgba(1, 123, 200, 1) 0%, rgba(0, 77, 155, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(1, 123, 200, 1) 0%, rgba(0, 77, 155, 1) 100%);
	background: linear-gradient(to bottom, rgba(1, 123, 200, 1) 0%, rgba(0, 77, 155, 1) 100%);
}

.usual-page-h6-title h6 {
	font-size: 36px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-weight: 500;
	line-height: 140%;
}

.usual-page-h6-title h5 {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}

.topline {
	position: relative;
	padding-top: 16px;
}

.topline p {
	opacity: 0.75;
	font-size: 22px;
	text-align: center;
}

.usual-page-h6-title img {
	width: 64px;
	height: 64px;
	margin-right: 16px;
}

.review-div {
	margin-top: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.title-border {
	border-top: 2px solid #e4e4e4;
	padding-top: 32px;
}

.usual-page-h6-title h3 {
	font-size: 24px;
	margin-top: 6px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-weight: 500;
	line-height: 120%;
}

.usual-page-h6-title p {
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	color: #fff;
	margin-top: 24px;
	line-height: 120%;
}

.usual-page-h6-title-white h6 {
	font-size: 42px;
	line-height: 120%;
	color: #252525;
	font-weight: 500;
}

.usual-page-h6-title h6 span {
	font-weight: 500;
}

.dropzone {
	height: 270px;
	border: 1px solid #e4e4e4;
	padding: 0;
	border-radius: 12px;
	display: table;
	width: 100%;
	background: #fbfbfb;
}

.dropzone .dz-preview.dz-image-preview {
	background: none;
}

.dropzone.dz-clickable .dz-message {
	text-transform: capitalize;
	display: table-cell;
	vertical-align: middle;
	background: #fbfbfb;
	text-align: center;
}

.dropzone .dz-message {
	margin: 0;
}

.dropzone-rus span {
	opacity: 0;
	display: none;
}

.dropzone-rus span.dropzone-rus {
	opacity: 1;
	display: block;
	text-transform: none;
}

.about-page-info .usual-page-info {
	background: none;
	background-size: 20%;
	background-position: 80% 50%;
}

.usual-page-info>div>.usual-page-info {
	border-bottom: 0;
}

.usual-page-info.about-page-info p {
	font-size: 20px;
}

.articles-section {
	margin: 30px 0;
	border-top: 1px solid #e4e4e4;
	padding: 32px 32px 28px;
	border-bottom: 1px solid #e4e4e4;
	background: #f7f7f7;
}

.articles-section.in-article {
	margin-top: 32px;
	border: none;
	border-radius: 12px;
}

.usual-page-info .articles-section.in-article .article-tpl span {
	font-size: 16px;
	display: block;
}

.articles-section>ul {
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}

.articles-section>ul li {
	width: 30%;
	display: block;
}

.articles-section a {
	color: #252525;
}

.articles-section .article-title {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 8px;
	display: block;
}

.article-tpl>div {
	width: 100%;
	border-radius: 6px;
	height: 140px;
	background-size: cover;
	background-position: 80%;
	margin-bottom: 12px;
}

.in-article .article-tpl>div {
	background-size: cover;
  background-position: 80% 50%;
  border: 1px solid #e4e4e4;
  background-repeat: no-repeat;
	background-color: #fff;
}

.article-div h3 {
	margin: 32px 0 12px;
}

.article-div h3.separator {
	border-top: 1px solid #e4e4e4;
	padding-top: 32px;
	margin-top: 64px;
}

.article-div h3:first-child {
	margin-top: 0;
}

section.description {
	padding: 64px 0;
}

section.description p:last-child {
	margin-bottom: 0;
}

.cosmo,
.cosmo>div {
	display: flex;
	align-items: center;
}

.cosmo {
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 20px;
}

.cosmo:before {
	content: '';
	position: absolute;
	left: -40px;
	top: 0;
	background-color: #e4e4e4;
	border-radius: 50%;
	width: 13px;
	height: 13px;
}

.clutch-block .cosmo img {
	height: 16px;
	width: auto;
}

.cosmo span {
	font-size: 18px;
	color: #ef4726;
	line-height: 16px;
	margin: 0 20px 0 2px;
}

.usual-page-info.about-page-info .cosmo p {
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 6px;
}

.about-quality {
	background: url(about/team.jpg);
	background-size: cover;
	background-position: 50%;
	margin-bottom: -2px;
	position: relative;
}

.about-main .about-quality:after {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(45, 45, 45, 1) 100%);
}

.about-quality .container {
	height: 430px;
}

.about-quality img {
	width: 92px;
	margin-bottom: 32px;
}

.about-portfolio .service-ul-portfolio {
	display: block;
}

.about-portfolio ul.service-ul-portfolio li {
	display: block;
}

.technologies {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -12px;
}

.solutions>div {
	border-bottom: 1px solid #e3ebed;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

.solutions>div.last {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.solutions>div.last p {
	margin-bottom: 0;
}

.solutions>div.banking {
	border-bottom: none;
	padding-bottom: 12px;
}

.solutions>div>h4 {
	font-size: 22px;
	margin-bottom: 12px;
}

.solutions>div>h3 {
	font-size: 28px;
	margin-top: 24px;
	font-weight: 500;
}

.technologies>div,
.technologies>a {
	width: calc(100% / 4 - 10px);
	display: flex;
	margin-bottom: 12px;
	padding: 24px;
	background: #ffffff;
	border-radius: 6px;
	flex-direction: column;
	justify-content: space-between;
	height: 144px;
	overflow: hidden;
	transition: 0.25s;
}

.technologies>a:hover {
	text-decoration: none;
	box-shadow: 1px 1px 10px 2px #d3d9db;
}

.technologies>a>p {
	color: #252525;
}

.technologies>div>div,
.technologies>a>div>div {
	width: 130%;
}

.technologies img {
	height: 18px;
	margin-right: 12px;
	margin-top: 12px;
}

.technologies p {
	margin: 0;
	font-weight: 400;
	font-size: 20px;
}

.technologies.careers>div {
	width: calc(100% / 3 - 10px);
}

.careers-person p {
	margin-top: 32px;
	font-weight: 700;
	margin-bottom: 0;
}

.usual-page-types-item-back {
	-webkit-transition: -webkit-transform 1.5s;
	transition: -webkit-transform 1.5s;
	transition: transform 1.5s;
	border: 1px solid #e4e4e4;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	height: 100%;
}

.usual-page-types-item {
	margin: 0 auto 24px;
	position: relative;
	border-radius: 12px;
	height: 560px;
	overflow: hidden;
}

.usual-page-types-item-little {
	height: 270px;
}

p.usual-page-types-title {
	font-size: 24px;
	position: absolute;
	bottom: -32px;
	left: 24px;
	color: #fff;
	margin-bottom: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

p.usual-page-types-read {
	font-size: 16px;
	position: absolute;
	bottom: -46px;
	left: 0;
	color: rgba(255, 255, 255, 0);
	margin-bottom: 0;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	width: 100%;
	padding: 10px 24px 10px;
	background: #008de2;
}

.usual-page-types-item .dark-back {
	top: 0;
	left: 0;
	position: absolute;
	height: 0;
	width: 100%;
	padding: 0;
	height: 100%;
	opacity: 0;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

.usual-page-types-item:hover p.usual-page-types-title {
	bottom: 56px;
}

.usual-page-types-item:hover p.usual-page-types-read {
	bottom: 0;
	color: #fff;
}

.usual-page-types-item:hover .dark-back {
	opacity: 1;
}

.usual-page-types-item:hover .usual-page-types-item-back {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.usual-page-portfolio-single {
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: 90% 50%;
}

.web-portfolio {
	padding: 72px 0;
}

.footer-brief img {
	width: auto;
	height: 22px;
	margin-right: 10px;
}

p.footer-brief {
	line-height: 22px;
	font-size: 14px;
}

p.footer-brief a {
	text-decoration: underline;
}

.btn-send {
	background: none;
	border: 1px solid #e4e4e4;
	color: #222;
	font-size: 18px;
}

.btn-send:focus {
	background: #333;
	color: #fff;
	outline-color: #333;
}

.btn-send:hover {
	background: #222;
	color: #fff;
}

ul.service-ul-portfolio-main {
	padding-bottom: 24px;
}

.works-work-title h1 {
	line-height: 110%;
	color: #252525;
	font-weight: 500;
	font-size: 54px;
	max-width: 75%;
	text-align: center;
	margin-bottom: 24px;
}

.works-work-title h5 {
	display: block;
}

.works-work-title h5:after {
	width: 0;
}

.works-work-title.web-v h1 {}

.works-work-title h3 {
	font-size: 18px;
	font-weight: 100;
	margin-top: 24px;
	text-align: center;
}

.works-work-title h4 {
	font-size: 32px;
	font-weight: 100;
	text-align: center;
	background: #f7f7f7;
	border-radius: 12px;
	padding: 8px 24px;
}

.works-work-title h5 {
	font-size: 24px;
	font-weight: 100;
	margin-top: 24px;
	text-align: center;
}

.works-work-title h6:nth-child(2n + 1) {
	font-size: 22px;
	font-weight: 100;
	margin-top: 24px;
	text-align: center;
}

.works-work-title h6:nth-child(2n) {
	font-size: 22px;
	font-weight: 500;
	margin-top: 24px;
	text-align: center;
}

.works-work-photos {
	position: relative;
}

.works-work-background-1 {
	width: 20vw;
	height: 10vw;
	position: absolute;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 10vw;
	left: 5vw;
}

.works-work-background-2 {
	width: 24vw;
	height: 19vw;
	position: absolute;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 15vw;
	right: 5vw;
}

.works-work-photos .row {
	margin: 0;
}

.works-work-photos .third {
	width: 262px;
	float: left;
	margin: 32px;
}

.works-work-photos .all-web .third {
	width: 724px;
	float: left;
	margin: 24px 32px;
}

.works-work-photos .top-m.all-web {
	align-items: center;
	flex-direction: column;
}

.center-m {
	display: flex;
	justify-content: center;
	align-items: center;
}

.works-goals {
	padding: 0 24px 32px;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.075);
	margin-top: 48px;
	border-radius: 12px;
}

.works-goals>div {
	float: left;
	width: 33.333%;
}

.works-goals>div.works-result {
	float: left;
	width: 100%;
}

.works-goals>div.works-result h6 {
	font-weight: 500;
	font-size: 24px;
}

.works-goals>div.works-result p {
	font-weight: 500;
}

.works-goals p {
	text-align: center;
	margin: 16px 0 0;
	padding: 0 16px;
	position: relative;
}

.works-goals>div:nth-child(1) p:after,
.works-goals>div:nth-child(2) p:after {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1px;
	content: '';
	background: #e4e4e4;
}

.works-goals h5 {
	margin-top: 32px;
}

.works-work-photos .mobile-device {
	background-image: url(works/mobileapps/mobile-background.png);
	width: 262px;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 500px;
	position: relative;
	pointer-events: none;
}

.works-work-photos .all-web .mobile-device {
	background-image: url(works/websites/web-background.png);
	width: 724px;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 459px;
	position: relative;
	pointer-events: none;
}

.works-work-photos .web-device {
	background-image: url(works/websites/web-background.png);
	width: 900px;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 573px;
	position: relative;
	pointer-events: none;
}

.works-work-download img {
	width: 164px;
	height: auto;
	padding: 0 0 64px;
	opacity: 0.5;
	transition: 0.5s;
	margin: 0 10px;
}

.works-work-download img:hover {
	opacity: 1;
}

.works-work-photos .borders-m {
	height: 536px;
	position: absolute;
	top: 32px;
	left: 21px;
	width: 300px;
	overflow: hidden;
}

.works-work-photos .web-device .borders-m {
	height: 540px;
	top: 17px;
	left: 18px;
	width: 866px;
}

.works-work-photos .web-device .borders-m img {
	width: 100%;
	transition: 10s;
}

.works-work-photos .web-device .borders-m img.no-margin {
	margin-top: 0 !important;
	height: 100%;
	width: auto;
}

.works-work-photos .web-device .flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.works-work-photos .web-device .flex-start {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.works-work-photos .mobile-device.first-m {
	margin-top: 64px;
	transition: 2s;
	margin-bottom: 0;
	width: 340px;
	height: 600px;
}

.works-work-photos .mobile-text {
	float: left;
	width: calc(100% - 262px);
	padding: 24px 32px;
}

.works-work-photos .mobile-text.other-m-text {
	width: 100%;
	padding: 24px 0;
	text-align: center;
}

.works-work-photos .mobile-text p {
	font-size: 20px;
}

.works-work-photos .all-web .mobile-device img {
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transition: 10s;
}

.works-work-photos .mobile-device img {
	height: 446px;
	position: absolute;
	top: 27px;
	left: 7px;
	width: 249px;
}

.works-work-photos .mobile-device.first-m img {
	height: 534px;
	position: absolute;
	top: 1px;
	left: 0;
	width: 300px;
}

.works-work-photos .all-web .borders-w-all {
	height: 434px;
	position: absolute;
	top: 12px;
	left: 14px;
	width: 693px;
	overflow: hidden;
}

.works-work-photos .mobile-device video {
	height: 536px;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
}

.works-work-photos .mobile-text.first-m-text {
	width: 400px;
	padding: 24px 0;
	text-align: center;
}

.works-work-photos .mobile-text.first-w-text {
	width: 400px;
	padding: 24px 0;
	text-align: center;
}

.works-work-photos .first-bl {
	flex-direction: column;
}

.works-work-photos .first-bl.second-bl {
	margin-top: 24px;
}

.works-work-photos .top-m {
	align-items: flex-start;
}

.works-work-title img {
	float: left;
	width: 128px;
	height: 128px;
	border-radius: 24px;
	margin-bottom: 32px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.075);
	transition: 2s;
}

.works-work-title .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 72px 0;
}

.works-work-download.web-v {
	cursor: pointer;
}

.works-work-download.web-v img {
	width: 64px;
	cursor: pointer;
}

.about-portfolio ul.service-ul-portfolio li {
	font-size: 18px;
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
}

.inva-web.cars,
.watercontrol.last {
	text-align: center;
	padding: 20px 0 64px;
	pointer-events: none;
}

.inva-web-gif {
	background: #fefefe;
	text-align: center;
	margin: 32px 0;
	border: 1px solid #f5f5f5;
}

.inva-web-gif img {
	width: 720px;
	margin: 32px 0;
}

.inva-web.cars img {
	max-width: 50%;
}

.watercontrol.last img {
	width: 256px;
}


/* 404 */

.pagenotfound {
	padding: 232px 0;
	overflow: hidden;
}

.pagenotfound h1 {
	font-size: 68px;
	color: #333;
	float: left;
	margin: 0 0 0 -2px;
}

.pagenotfound p {
	margin-top: 24px;
	float: left;
	width: 100%;
	font-size: 24px;
}

.pagenotfound img {
	height: 70px;
	float: left;
	padding-right: 24px;
}

.pagenotfound img.paperplane {
	height: 180px;
	position: fixed;
	overflow: hidden;
	top: 102%;
	right: 50%;
	-webkit-transition: 6s;
	-moz-transition: 6s;
	-o-transition: 6s;
	transition: 6s;
}


/*-ARTICLES-*/

.article .usual-page-top .usual-page-top-image h1 {
	font-size: 64px;
}

.article .usual-page-top-section {
	position: relative;
}

.article .usual-page-top-section a {
	display: block;
	position: absolute;
	left: 0;
	top: 32px;
	background: url(left-arrow.svg) 18px 50% no-repeat;
	background-color: #151515;
	background-size: 16px;
	padding: 8px 20px 8px 46px;
	color: #fff;
	text-decoration: none;
	border-radius: 12px;
	font-size: 14px;
}

.article .usual-page-top .usual-page-top-image,
.article .usual-page-top .usual-page-top-image h1 {
	height: 470px;
}

.article .content {
	box-shadow: 0 16px 48px 0 rgba(0, 0, 0, 0.1);
	padding: 48px;
	margin: 64px -48px;
	border-radius: 12px;
	font-family: 'PT Serif', serif;
}

.article .content p,
.article .content ul,
.article .content li {
	font-size: 18px;
}

.article .content img {
	max-width: 100%;
	height: auto;
	pointer-events: none;
	margin-top: 8px;
	margin-bottom: 16px;
}

.article .content h2 {
	margin: 42px 0 16px;
	font-size: 42px;
	font-weight: 500;
}

.article .content h3 {
	margin: 36px 0 14px;
	font-size: 32px;
	font-weight: 500;
}

.article .content h4 {
	margin: 28px 0 12px;
	font-size: 24px;
	font-weight: 500;
}

.blogs {
	padding: 32px 0 96px;
	display: inline-block;
}

.blogs .blog-item {
	display: block;
	float: left;
	width: calc(50% - 32px);
	margin-right: 32px;
	max-height: 452px;
}

.clutch-block {
	margin-top: 48px;
	padding-left: 32px;
	border-left: 3px solid #e4e4e4;
}

.clutch-block img {
	width: 128px;
}

.clutch-block h6 {
	font-size: 24px;
	margin-top: 32px;
	font-weight: 700;
	position: relative;
}

.clutch-block h5 {
	font-size: 24px;
	margin-top: 16px;
	font-weight: 700;
	color: #D0D0D0;
	position: relative;
}

.clutch-block h6:before,
.clutch-block h5:before {
	content: '';
	position: absolute;
	left: -42px;
	bottom: 7px;
	background-color: #e4e4e4;
	border-radius: 50%;
	width: 17px;
	height: 17px;
}

.clutch-block h5:after {
	width: 0;
	height: 0;
}

p.clutch-position {
	position: relative;
}

p.clutch-position:before {
	content: '';
	position: absolute;
	top: 16px;
	left: -4px;
	width: 24px;
	height: 24px;
	background-image: url(about/icons/quality.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

p.clutch-position a {
	color: #262626;
	font-size: 22px;
	border-top: 1px solid #eaeaea;
	display: block;
	padding: 18px 0 0 28px;
	margin: 24px 0 -12px;
	font-weight: 500;
}

.mainsec p.clutch-position a:before {
	content: '';
	position: absolute;
	left: 10px;
	bottom: -10px;
	height: 2px;
	width: 128px;
	background: rgb(147, 92, 248);
	background: -moz-linear-gradient(left, rgba(147, 92, 248, 1) 0%, rgba(215, 84, 177, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(147, 92, 248, 1) 0%, rgba(215, 84, 177, 1) 100%);
	background: linear-gradient(to right, rgba(147, 92, 248, 1) 0%, rgba(215, 84, 177, 1) 100%);
}

.mainsec p.clutch-position.second a:before,
.mainsec p.clutch-position.third a:before {
	display: none;
}

p.clutch-position.second a {
	border-top: none;
}

p.clutch-position.third a {
	padding-top: 16px;
}

.clutch-top {
	width: 100px;
	float: left;
	margin-top: 32px;
}

.appfutura-top {
	float: left;
	margin-top: 34px;
	margin-right: 14px;
	width: 116px;
}

.clutch.noindex {
	float: left;
	margin-left: 32px;
	margin-top: 32px;
}

.blogs .blog-item a {
	text-decoration: none;
	cursor: pointer;
}

.blogs .blog-item-description {
	margin-top: 24px;
}

.blogs .blog-item-description h6 {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
}

.blogs .blog-item-description p {
	font-size: 16px;
	margin: 16px 0 0;
	color: #252525;
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow: hidden;
	max-height: 70px;
}

.blogs .blog-item-description span {
	font-size: 14px;
	opacity: 0.5;
	color: #252525;
}

.blogs .blog-item a {
	display: block;
}

.blogs .blog-all-background {
	margin-top: 64px;
	height: 256px;
	background-size: cover;
	background-position: 50%;
	border-radius: 12px;
}

#about-tech {
	background: #f1f5f6;
	padding: 72px 0;
}

#about-tech ul.service-ul-portfolio li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0;
	flex: 1;
}

#about-tech ul.service-ul-portfolio li img {
	box-shadow: none;
	height: 64px;
	width: 64px;
	filter: grayscale(100%);
}

#about-tech ul.service-ul-portfolio li a {
	padding: 28px 16px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #949494;
}

#about-tech ul.service-ul-portfolio.service-ul-expert li {
	padding: 32px 16px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #949494;
}

#about-tech .service-ul-portfolio {
	display: flex;
	justify-content: space-between;
	padding: 0;
	border-bottom: 2px solid #e6e6e6;
	margin-bottom: 24px;
}

.contacts-sect span {
	font-size: 16px;
	color: #afafaf;
	font-weight: 400;
	margin: 0 0 4px;
}

.contacts-sect a,
.contacts-sect a:hover,
.contacts-sect a:active,
.contacts-sect a:focus {
	text-decoration: none;
	color: black;
	display: flex;
	align-items: center;
}

.contacts-sect a img {
	width: 28px;
	height: 28px;
	margin-right: 12px;
}

.contacts-sect p {
	font-size: 32px;
	font-weight: 100;
	margin: 0 0 32px;
	color: black;
}

.contacts-sect span.more-info {
	font-size: 12px;
}

.contacts-sect p.more-info {
	font-size: 18px;
}

.about-contacts {
	max-width: 100%;
	overflow: hidden;
	padding: 72px 0;
	position: relative;
	background: url(https://tapston.com/img/about/world-en.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 95% 50%;
}

.about-contacts:hover .contacts-g .box {
	box-shadow: -64px -72px 0px 0px rgba(237, 95, 125, 0.75), -128px -128px 0 0 rgba(216, 93, 170, 0.5), -192px -192px 0 0 rgba(147, 92, 247, 0.2);
}

#mobile-portfolio {
	background-color: #f1f5f6;
}


/*--------*/

@media screen and (max-width: 767px) {
	h2 {
		font-size: 40px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
	}

	.container {
		padding-right: 24px;
		padding-left: 24px;
	}

	.main-h2-title h1,
	.main-h2-title h2 {
		font-size: 36px;
	}

	.big-block h4 {
		font-size: 22px;
	}

	.big-block h5 {
		font-size: 18px;
	}

	.big-block {
		border-top: none;
	}

	.logo {
		margin-left: 24px;
		height: 50px;
		background-size: 70%;
	}

	#mobile-info,
	#software-info {
		background-image: none;
	}

	.main-web-sites-block,
	.main-web-design-block,
	.main-mob-apps-block,
	.main-mob-design-block {
		margin-top: 24px;
	}

	.usual-page-h2-title h2 {
		font-size: 28px;
	}

	.websites-port ul li {
		width: 100%;
	}

	.websites-port ul li a {
		height: 400px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}

	.contact-info,
	.about-page-info .usual-page-info,
	.usual-page-inf,
	.software-info .usual-page-info {
		background: #fff;
	}

	#contacts-block {
		background: none;
	}

	.usual-page-top .usual-page-top-image h1,
	.article .usual-page-top .usual-page-top-image h1,
	.article .usual-page-top .usual-page-top-image {
		font-size: 38px;
		height: 240px;
	}

	.article .usual-page-top .usual-page-top-image h1 {
		font-size: 26px;
		line-height: 1.2;
	}

	.article .content {
		padding: 48px 0;
		margin: 0;
		box-shadow: none;
	}

	.article .content p {
		font-size: 17px;
	}

	.article .views {
		zoom: 0.75;
	}

	.contacts-h1-title h1 {
		font-size: 38px;
	}

	.big-block {
		padding: 0;
		box-shadow: none;
		border-radius: 0;
	}

	.usual-page-top .usual-page-top-image {
		height: 240px;
	}

	.usual-page-h5-title h5,
	.usual-page-h6-title h6,
	.main-h5-title h5 {
		font-size: 32px;
	}

	.usual-page-h5-title h5,
	.usual-page-info.about-page-info .usual-page-h5-title h5,
	.usual-page-info.clients-block .usual-page-h5-title h5 {
		font-size: 32px;
	}

	.usual-page-info .usual-page-h5-title h5 {
		font-size: 24px;
	}

	.gradient-dark .usual-page-h6-title h6 {
		font-size: 22px;
	}

	.usual-page-h6-title img {
		margin-top: 24px;
	}

	.usual-page-portfolio {
		padding: 42px 0;
	}

	.articles-section {
		padding-bottom: 0px;
	}

	.articles-section>ul {
		flex-direction: column;
	}

	.articles-section>ul li {
		margin-bottom: 32px;
		width: 100%;
	}

	.article-tpl>div {
		height: 160px;
	}

	#about-tech,
	.about-team,
	.usual-page-info,
	.main-sites,
	.main-mobiledev,
	.main-estimate {
		padding: 42px 0 54px;
	}

	.about-contacts {
		padding: 42px 0 24px;
	}

	.aboutpage .usual-page-portfolio {
		padding: 0;
	}

	.aboutpage .usual-page-portfolio .usual-page-h5-title {
		padding-top: 42px;
	}

	.works-work-background-1,
	.works-work-background-2 {
		display: none;
	}

	.works-goals {
		margin: 48px 16px 0;
	}

	.works-goals>div {
		width: 100%;
	}

	ul.service-ul-portfolio li span {
		min-width: auto;
		max-width: 70%;
	}

	ul.service-ul-portfolio {
		padding-left: 0;
		padding-bottom: 0;
	}

	ul.service-ul-portfolio-main {
		padding-bottom: 0;
	}

	ul.service-ul-portfolio li img {
		width: 128px;
		margin-bottom: 24px;
		height: auto;
	}

	.pink-block,
	.green-block {
		height: 190px;
		box-shadow: none;
		border-radius: 0;
		border: none;
	}

	.clutch-top,
	.appfutura-top {
		display: none;
	}

	.clutch.noindex {
		float: none;
		margin-top: 0;
		margin-left: 0;
	}

	.main-mob-apps-block p.main-p-title {
		font-size: 14px;
	}

	.main-sites,
	.usual-page-info.about-page-info {
		border-top: 1px solid #e4e4e4;
	}

	.big-block .dark-back {
		padding: 0;
	}

	.review {
		flex-direction: column-reverse;
		margin-bottom: 0;
		padding-top: 48px;
	}

	.review>div:last-child {
		padding-right: 0;
		margin-bottom: 20px;
	}

	.review>div p {
		margin-bottom: 0;
	}

	.review img {
		width: 64px;
	}

	.review>div span {
		font-size: 14px;
	}

	.about-team .one-person.plus .name {
		font-size: 22px;
	}

	.blogs .blog-item {
		width: 100%;
		margin-right: 0;
	}

	.mobile ul.service-ul-portfolio li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 32px;
	}

	ul.service-ul-portfolio-otherapp li {
		width: 33.333333%;
		float: left;
		padding: 10px;
	}

	ul.service-ul-portfolio-otherapp {
		margin-top: 0;
		margin-left: -10px;
	}

	ul.service-ul-portfolio-otherapp li:first-child {
		margin-left: 0;
	}

	ul.service-ul-portfolio-otherapp {
		display: table;
	}

	.usual-page-h6-title h3 {
		margin-top: 32px;
	}

	.usual-page-info {
		background: none;
	}

	.about-quality .container {
		background-size: cover;
		height: 200px;
	}

	.contacts-g {
		display: none;
	}

	.about-quality img {
		display: none;
	}

	.usual-page-info.about-page-info,
	.about-contacts {
		background-image: none;
	}

	.contacts-sect p {
		font-size: 24px;
	}

	.navbar-right img {
		height: 16px;
	}

	.template-left-block {
		padding-bottom: 0;
	}

	.template-right-block,
	.templates-show-it {
		height: auto;
		text-align: left;
	}

	.template-right-block {
		padding-bottom: 64px;
		padding-top: 40px;
	}

	.websites-port ul li a img {
		bottom: -32px;
		left: 16px;
		height: auto;
		width: calc(100% - 32px);
	}

	.websites-port ul li a img:hover {
		bottom: -32px;
		left: 16px;
	}

	.websites-port ul li span {
		top: 32px;
		left: 24px;
		font-size: 26px;
		width: calc(100% - 64px);
		display: block;
		text-align: left;
		font-weight: 500;
		padding-top: 12px;
	}

	.websites-port ul li.nota5>a {
		background-size: cover;
		background-position: 10% 100%;
	}

	.websites-port ul li.nota5 span {
		max-width: 55%;
	}

	.websites-port ul li.vfd>a {
		background-size: 80%;
		background-position: 100% 100%;
	}

	.websites-port ul li.vfd span.goal {
		max-width: 50%;
	}

	.websites-port ul li div {
		padding: 24px 0;
	}

	.websites-port ul li span.goal {
		font-size: 18px;
		max-width: 65%;
		padding-bottom: 48px;
	}

	.isolayer--deco1 {
		transform: rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0) !important;
	}

	.isolayer--deco1 {
		width: 100%;
		height: auto;
	}

	.isolayer--deco1 .grid__item {
		width: 240px;
		height: 180px;
		padding: 10px;
	}

	.isolayer--deco1 .grid__item:last-child {
		margin-bottom: 32px;
	}

	.isolayer--shadow .grid__item:hover .grid__link::before {
		box-shadow: none;
	}

	.isolayer--deco1 .grid__item:nth-child(2) {
		margin-top: 24px;
	}

	.isolayer--deco1 .grid__link .layer:first-child:not(img),
	.isolayer--deco1 .grid__link .layer:nth-child(2):not(img),
	.isolayer--deco1 .grid__link .layer:nth-child(3):not(img) {
		display: none;
		opacity: 0;
	}

	.usual-page-info p,
	.usual-page-info.about-page-info .article-div p,
	.usual-page-info.about-page-info .article-div li,
	.usual-page-info.about-page-info .article-div li span,
	.usual-page-info.about-page-info p,
	.works-work-photos .mobile-text p {
		font-size: 18px;
	}

	.usual-page-web-do-it.web-do-it {
		background-position: 0%;
	}

	.works-work-photos .web-device.graphic-w .borders-m.graphic img.no-margin {
		width: 240px;
	}

	.works-work-title h4 {
		font-size: 24px;
	}

	.works-work-title h1 {
		font-size: 36px;
	}

	.works-goals>div:nth-child(1) p:after,
	.works-goals>div:nth-child(2) p:after {
		display: none;
		width: 0;
	}

	.works-work-photos .mobile-device.first-m {
		margin-top: 0;
		transition: 2s;
		margin-bottom: 0;
		width: 300px;
		height: 570px;
	}

	.one-client {
		margin: 0 auto 32px;
		height: 48px;
		width: calc(100% - 24px);
	}

	.about-team .clients-block {
		display: flex;
		flex-wrap: wrap;
	}

	.reviews-row {
		margin-top: 0;
	}

	.works-work-photos .borders-m {
		height: 508px;
		position: absolute;
		top: 31px;
		left: 8px;
		width: 286px;
		overflow: hidden;
	}

	.works-work-photos .mobile-device.first-m img {
		height: 508px;
		position: absolute;
		top: 0;
		left: 0;
		width: 286px;
		overflow: hidden;
	}

	.works-work-photos .mobile-device video {
		height: 508px;
		position: absolute;
		top: 0;
		left: 0;
		width: 286px;
		overflow: hidden;
	}

	.technologies>div,
	.technologies.careers>div,
	.technologies>a {
		width: 100%;
	}

	#about-tech ul.service-ul-portfolio li {
		margin-right: 0;
	}

	#about-tech .service-ul-portfolio {
		flex-direction: column;
	}

	.row.center-m.top-m {
		flex-direction: column;
		align-items: center;
	}

	.inva-web-gif img {
		width: 300px;
		margin: 32px 0;
	}

	.works-work-download img {
		width: 128px;
	}

	.works-work-photos .mobile-text.first-m-text {
		width: 100%;
		margin-top: 6px;
	}

	.works-work-title h1 {
		max-width: 100%;
	}

	.works-work-title h5 {
		font-size: 22px;
		padding: 0 24px;
	}

	.works-work-photos .third {
		margin: 24px;
	}

	.works-work-photos .mobile-text.other-m-text {
		padding: 24px 0 0;
	}

	.works-work-download img {
		margin-top: 24px;
	}

	.works-work-photos .web-device,
	.works-work-photos .all-web .mobile-device {
		width: 262px;
		height: 167px;
	}

	.works-work-photos .mobile-text.first-w-text {
		width: 100%;
		margin-top: 6px;
	}

	.works-work-photos .web-device .borders-m,
	.works-work-photos .all-web .borders-w-all {
		height: 157px;
		top: 6px;
		left: 6px;
		width: 251px;
	}

	.works-goals .works-result p {
		width: 100%;
		margin-left: 0;
	}

	.next-case img {
		width: 42px;
	}

	.next-case span {
		font-size: 24px;
	}

	.websites-port ul li.babymonitor>a {
		background-position: 50% 100%;
	}

	.works-work-photos .all-web .third {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.inva-web.cars img {
		max-width: 90%;
	}

	.about-team .last-one .one-client {
		width: 80%;
		margin-bottom: 48px;
	}

	.about-team .last-one>div:last-child .one-client {
		margin-bottom: 0;
	}

	.footer {
		padding: 16px 0 48px;
	}

	footer .footer-block>h6.footer-header {
		margin-top: 32px;
	}

	footer .footer-block {
		width: 100%;
		padding: 0;
	}

	.afterfooter .footer-block {
		padding: 32px 0 0;
	}

	.afterfooter .footer-block .footer-header {
		margin-top: 0;
	}

	footer .afterfooter {
		padding: 16px 0 48px;
	}

	footer .subfooter h6 {
		max-width: 50%;
		line-height: 20px;
	}

	.about-team .one-person {
		background-size: 54%;
		background-position: 115% 130%;
	}

	.about-team .one-person.plus {
		height: 200px;
	}

	.websites-port ul li.homers-world>a {
		background-position: 120% 65%;
		background-size: 256px;
	}

	.websites-port ul li.payment-app>a {
		background-position: -65% 100%;
		background-size: cover;
	}

	.websites-port ul li.babymonitor>a {
		background-size: auto 100%;
		background-position: 64% 50%;
	}

	.websites-port ul li.babymonitor span.goal {
		max-width: 75%;
	}

	.websites-port ul li.babymonitor>a {
		background-position: 160% 75%;
		background-size: 280px;
	}

	.websites-port ul li.burger-king>a {
		background-size: auto 100%;
		background-position: 62% 50%;
	}

	.websites-port ul li.burger-king>a span {
		width: calc(100% - 96px);
	}

	.websites-port ul li.burger-king span.goal {
		max-width: 60%;
	}

	.websites-port ul li.burger-king .container,
	.websites-port ul li.vfd .container,
	.websites-port ul li.clane .container,
	.websites-port ul li.slata .container,
	.websites-port ul li.carskoe-zoloto .container {
		background: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 110%);
	}

	.websites-port ul li.burger-king-app .container {
		background: linear-gradient(90deg, rgba(245, 235, 220, 1) 40%, rgba(245, 235, 220, 0) 140%);
	}

	.websites-port ul li.amixgroup a {
		background-size: auto 65%;
		background-position: 40vw 100%;
	}

	.websites-port ul li.burger-king-app>a {
		background-size: contain;
	}

	.websites-port ul li.carskoe-zoloto>a {
		background-position: 100% 100%;
		background-size: 65%;
	}

	.websites-port ul li.clane>a {
		background-size: 85%;
		background-position: 250% 120%;
	}

	.websites-port ul li.clane>a span {
		width: 60%;
	}

	.websites-port ul li.clane>a span:nth-child(2) {
		width: 45%;
	}

	.websites-port ul li.billo>a {
		background-position: 65% 100%;
	}

	.websites-port ul li.billo>a span {
		width: calc(100% - 112px);
	}

	.websites-port ul li.stork a {
		background-position: 50%;
	}

	.websites-port ul li.voka a {
    background-size: 172px;
    background-position: 125% 115%;
	}

	.websites-port ul li.voka span {
		width: calc(100% - 128px);
	}

	.websites-port ul li.voka span.goal {
		max-width: 60%;
	}

	.websites-port ul li.stork a span {
		width: calc(100% - 96px);
	}

	.websites-port ul li.stork a:after {
		right: -64px;
		height: 240px;
		width: 200px;
	}

	.websites-port ul li.stork span.goal {
		max-width: 55%;
	}

	.websites-port ul li.iq-test a:after {
		right: -96px;
		height: 226px;
		width: 200px;
	}

	.websites-port ul li.invaparking a:before {
		opacity: 0.3;
	}

	.about-team .one-person .description {
		font-size: 15px;
	}

	#about-tech .usual-page-h5-title {
		padding-top: 0;
		margin-bottom: 42px;
	}

	#about-tech .title-border.usual-page-h5-title {
		padding-top: 32px;
	}

	a.button-cases span {
		font-size: 16px;
	}

	.websites-port ul li.\39 19 {
		background: #aa95f0;
	}

	.websites-port ul li.\39 19 a {
		position: relative;
		background-position: 12.5% 50%;
		background-size: auto 100%;
	}

	.websites-port ul li.slata a {
		background-size: cover;
		background-position: -85%;
	}

	.websites-port ul li.\39 19 a:before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.25);
	}

	.websites-port ul li.\39 19 a span,
	.websites-port ul li.slata a span {
		width: calc(100% - 112px);
	}

	.solutions>div.last {
		padding-bottom: 0;
		margin-bottom: -4px;
	}

	.article .usual-page-info .usual-page-h2-title h2 {
		font-size: 26px;
	}
}

@media screen and (max-width: 50em) {
	.isolayer.isolayer--scroll1 {
		top: -38vh;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.websites-port ul li span {
		font-size: 42px;
		width: 40%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.websites-port ul li a img {
		height: 65%;
	}

	.article .content {
		padding: 48px 0;
		margin: 0;
		box-shadow: none;
	}

	.websites-port ul li span {
		font-size: 34px;
		width: 50%;
		display: block;
		align-items: flex-start;
		padding-top: 64px;
	}

	.big-block .inner-block.main-mob-platforms-block h4,
	.inner-block.main-web-platforms-block h4 {
		font-size: 20px;
	}

	footer h6.footer-header {
		font-size: 30px;
	}

	footer .footer-text {
		font-size: 14px;
	}

	.about-contacts {
		background-position: 110% -10%;
		background-size: 300px;
	}

	.one-client {
		margin: 0 auto 32px;
	}

	a.button-cases span {
		font-size: 20px;
	}

	.technologies>div,
	.technologies.careers>div {
		width: calc(100% / 2 - 6px);
	}

	.next-block {
		padding: 72px 0;
	}

	.next-block span {
		font-size: 26px;
	}

	.next-block img {
		width: 32px;
		margin-left: 12px;
		margin-top: 2px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
	.navbar-nav>li>a {
		font-size: 13.5px;
		padding: 16px 5px;
	}

	.logo {
		width: 100px;
		background-size: 60%;
	}

	.about-team .one-person {
		background-position: 110% 120%;
	}

	.about-team .one-person .name {
		text-shadow: 1px 1px #fff;
	}

	.mobile ul.service-ul-portfolio-otherapp li {
		padding: 16px;
	}

	.works-work-photos .web-device {
		width: 724px;
		height: 459px;
	}

	.works-work-photos .web-device .borders-m {
		height: 433px;
		top: 13px;
		left: 14px;
		width: 693px;
	}

	.works-work-photos .top-m {
		justify-content: space-between;
	}

	.works-work-photos .third {
		width: 200px;
		float: left;
		margin: 32px 0 32px 0;
	}

	.works-work-photos .mobile-device {
		width: 204px;
		height: 391px;
	}

	.works-work-photos .mobile-device img {
		height: 347px;
		top: 23px;
		left: 6px;
		width: 194px;
	}

	.works-work-title h5 {
		font-size: 22px;
	}

	.contacts-g {
		display: none;
	}

	.works-work-background-1 {
		left: -5vw;
	}

	.works-work-background-2 {
		right: -5vw;
	}

	.about-quality .container {
		height: 260px;
	}

	.about-quality img {
		display: none;
	}

	.websites-port ul li.\39 19 {
		background: #aa95f0;
	}

	.websites-port ul li.\39 19 a {
		background-position: 100% 50%;
	}

	.websites-port ul li.payment-app>a {
		background-size: cover;
		background-position: -140% 50%;
	}

	@media screen and (min-width: 800px) {
		.websites-port ul li.payment-app>a {
			background-size: cover;
			background-position: -175% 50%;
		}
	}

	@media screen and (min-width: 1020px) {
		.websites-port ul li.payment-app>a {
			background-size: contain;
			background-position: 220% 50%;
		}
	}

	.websites-port ul li.amixgroup a {
		background-position: -200% 90%;
	}

	.websites-port ul li.homers-world>a {
		background-position: 150% 80%;
		background-size: 570px;
	}

	.websites-port ul li.burger-king>a {
		background-position: 45%;
	}

	.websites-port ul li.stork a {
		background-position: 50% 100%;
	}

	.websites-port ul li.stork a:after {
		right: 24px;
		height: 410px;
		width: 330px;
	}

	.websites-port ul li.iq-test a:after {
		right: 32px;
		height: 380px;
		width: 336px;
	}

	.websites-port ul li.carskoe-zoloto a {
		background-position: 270% 100%;
		background-size: 80%;
	}

	.websites-port ul li.billo a {
		background-position: 70% 50%;
	}

	.websites-port ul li.babymonitor>a {
		background-position: 125% 0%;
		background-size: 482px;
	}
}

@media screen and (min-width: 600px) and (max-width: 768px) {
	#mobile-info {
		background: none;
	}

	#software-info {
		background: none;
	}

	.websites-port ul li.clane>a {
		background-size: 60%;
		background-position: 135% 100%;
	}

	.websites-port ul li.burger-king-app>a {
		background-position: 125% 50%;
		background-size: contain;
	}

	.websites-port ul li.vfd>a {
		background-size: 75% auto;
		background-position: 220% 100%;
	}

	.websites-port ul li.slata a {
		background-size: cover;
		background-position: -255% 100%;
	}

	.websites-port ul li.\39 19 a {
		background-position: 10% 50%;
	}
}

@media screen and (width: 1024px) {
	.websites-port ul li.clane>a {
		background-position: 100% 100%;
		background-size: 45%;
	}

	.websites-port ul li.vfd>a {
		background-size: 60% auto;
		background-position: 140% 100%;
	}

	.websites-port ul li.slata a {
		background-position: 250%;
	}

	.websites-port ul li.amixgroup a {
		background-position: 200% 90%;
	}

	.websites-port ul li.homers-world>a {
		background-position: 100% 80%;
	}

	.websites-port ul li.nota5>a {
		background-size: 75%;
		background-position: 90% 100%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.logo {
		width: 90px;
		background-size: 85%;
	}

	.navbar-nav>li>a {
		font-size: 15px;
		padding: 16px 10px;
	}
}

@media screen and (min-width: 1600px) {
	.works-work-background-1 {
		left: 15vw;
	}

	.works-work-background-2 {
		top: 8vw;
		right: 15vw;
	}

	.websites-port ul li a,
	.websites-port ul li>div {
		height: 640px;
	}
}

@media screen and (max-width: 767px) and (max-height: 415px) {
	.about-team .one-person.plus {
		background-size: contain;
		background-position: 100% 100%;
	}
}

@media screen and (min-width: 1920px) {

	.websites-port ul li a,
	.websites-port ul li>div {
		height: 800px;
	}
}

@media screen and (min-width: 1280px) {
	.blogs .blog-item {
		min-height: 500px;
	}
}

@media screen and (min-width: 1900px) and (min-height: 1000px) {
	.websites-port ul li.stork a:after {
		height: 581px;
		width: 481px;
	}

	.websites-port ul li.payment-app>a {
		background-position: 155% 50%;
	}

	.websites-port ul li.slata a {
		background-position: 115% 100%;
	}

	.websites-port ul li.billo a {
		background-size: 115%;
	}
}

/* Fix for cases next links */
.neighbors .link-prev,
.neighbors .link-up {
	display: none;
}

}