@font-face {
	font-family: EtelkaMedium;
	src: url(../fonts/elektra/EtelkaMedium.otf);
}

@font-face {
	font-family: EtelkaLight;
	src: url(../fonts/elektra/EtelkaLight.otf);
}

@font-face {
	font-family: EtelkaText;
	src: url(../fonts/elektra/EtelkaText.otf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, sans-serif;
}

.row .header-top-row {
	font-family: Arial, sans-serif;
}

.ul-title {
	font-size: 16px !important;
	margin-bottom: 8px !important;
	line-height: 28px !important;
}

.stickytop {
	position: fixed !important;
	top: 0 !important;
	display: block !important;
}

.scroll-block {
	background: white;
	z-index: 3;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	position: fixed;
	display: none;
	top: 58px;
	left: 0;
	right: 0;
	transition: top 0.2s linear;
	padding: 20px 0;
}

.scroll-block nav {
	padding-left: 10px;
}

.scroll-block-2 {
	display: none;
}

.scroll-block .logo {
	padding: 0;
}

.scroll-block-1 {
	padding: 0;
}

.scroll-block-1 a {
	padding: 0;
}

.scroll-block-1 img {
	max-width: 150px;
	max-height: 33px;
	display: block;
}

.container.scroll-block-1 .logo:after {
	content: none;
}

@media (max-width: 993px) {
	body {
		margin: 0px;
		padding: 0px;
	}
	body #sidebar {
		background: #fff;
		width: 85%;
		height: 100%;
		display: block;
		position: fixed;
		left: -85%;
		top: 0;
		transition: left 0.4s linear;
		z-index: 333;
	}
	body #sidebar.visible {
		transition: left 0.4s linear;
		box-shadow: 6px 0px 20px 1px rgba(0, 0, 0, 0.8);
		padding-right: 0;
		z-index: 333;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
	}
	nav ul {
		margin: 0px;
		padding: 0px;
	}
	nav ul li {
		list-style: none;
	}
	nav ul li a {
		display: block;
		width: 180px;
		padding: 10px;
		text-decoration: none;
	}
	#scroll-sidebar-btn,
	#sidebar-btn {
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 15px;
		cursor: pointer;
		margin: 20px 0;
		position: absolute;
		top: 12px;
		left: 30px;
		z-index: 99;
		float: none;
	}
	#scroll-sidebar-btn span,
	#sidebar-btn span {
		height: 3px;
		background: #009CC8;
		margin-bottom: 5px;
		display: block;
	}
	.scroll-block-1 {
		display: none;
	}
	.scroll-block-2 {
		display: block;
		padding: 0;
	}
	.scroll-block-2 div#scroll-sidebar-btn {
		margin: 14px 0;
		top: 14px;
	}
	.scroll-block-2 div.go-to-ua-site-phone {
		top: 31px;
	}
}

.overlay {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(8, 8, 8, 0.85);
	z-index: 4;
}

* a {
	color: #009CC8;
}

* a:focus {
	text-decoration: none;
	color: #00bcf1;
}

body {
	font-family: Arial;
	background: #FAFAFA;
}

body a {
	color: #009CC8;
}

body a:hover {
	color: #00bcf1;
	text-decoration: none;
}

.fix {
	overflow: hidden;
}

.hide {
	display: none;
}

header {
	padding-bottom: 30px;
	background: #fff;
	z-index: 3;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

header .logo {
	position: relative;
	padding-top: 24px;
	padding-left: 0;
}

header .logo:after {
	content: "";
	height: 77px;
	position: absolute;
	right: 0;
	top: 20px;
	border-right: 1px solid #e5e5e5;
}

header .logo img {
	max-width: 150px;
	max-height: 33px;
}

header .header-aside {
	margin-left: 30px;
	padding-left: 0;
}

header .header-top-row {
	margin-top: 32px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 14px;
}

header .header-top-row h1 {
	font-size: 16px;
	margin: 0;
}

header .header-nav-row {
	padding-left: 0;
}

header .top-contact .top-tel {
	color: #000;
}

header .top-contact a {
	text-decoration: none;
}

header .top-contact a:hover {
	text-decoration: none;
}

header .top-contact a span {
	font-size: 12px;
}

header .header-top-contact-phone {
	display: none;
}

header .header-top-contact-phone h1 {
	font-size: 16px;
	margin: 0;
	padding-top: 23px;
}

header nav .logo-nav {
	width: 150px;
	height: auto;
	position: absolute;
	left: -170px;
	display: none;
}

header nav ul .home {
	display: none;
}

header nav ul > li {
	display: inline-block;
	float: left;
}

header nav ul > li > a {
	font-size: 18px;
	line-height: 14px !important;
	color: #009CC8;
	padding: 10px 20px !important;
	font-family: EtelkaLight;
}

header nav ul > li > a:focus,
header nav ul > li > a:hover {
	color: #00bcf1;
	text-decoration: none;
}

header nav ul > li.active-nav-tab {
	background: #CC3300;
	color: #fff;
	text-decoration: none;
}

header nav ul > li.active-nav-tab:hover,
header nav ul > li.active-nav-tab:focus,
header nav ul > li.active-nav-tab:visited {
	background: #db3700;
	text-decoration: none;
}

header nav ul > li.active-nav-tab a {
	color: #fff;
}

header nav ul > li.active-nav-tab a:hover,
header nav ul > li.active-nav-tab a:focus,
header nav ul > li.active-nav-tab a:visited {
	text-decoration: none;
	color: #fff;
}

header nav ul > li.nav-btn-phone {
	display: none;
}

header nav .nav > li > a:focus,
header nav .nav > li > a:hover {
	background-color: transparent;
}

header .go-to-ua-site,
header .go-to-ua-site-phone {
	padding-right: 0;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	top: 32px;
	right: 0;
}

header .go-to-ua-site a,
header .go-to-ua-site-phone a {
	color: #fff;
	padding: 10px 20px 10px 15px;
	background: #000;
}

header .go-to-ua-site a:hover,
header .go-to-ua-site-phone a:hover {
	color: #fff;
	background: #333333;
	text-decoration: none;
}

header .go-to-ua-site a span,
header .go-to-ua-site-phone a span {
	font-size: 10px;
	padding-left: 10px;
}

header .go-to-ua-site-phone {
	display: none;
}

.slogan {
	background: #9E9E9E;
	color: #fff;
	font: 26px EtelkaMedium;
	background-position: center;
	background-size: cover;
}

.slogan .slogan-bg {
	background: #039be5;
}

.slogan .slogan-body {
	padding-top: 50px;
	padding-bottom: 50px;
}

.firstpage h1.block-title,
.firstpage h3.block-title {
	font-size: 34px;
	line-height: 32px;
	margin-top: 70px;
	margin-bottom: 20px;
	color: #404040;
}

.firstpage h1.block-title a,
.firstpage h3.block-title a {
	color: #404040;
}

.firstpage h1.block-title a:hover,
.firstpage h3.block-title a:hover {
	color: #737373;
}

h1.block-title,
h3.block-title {
	font-size: 34px;
	line-height: 32px;
	margin-bottom: 20px;
	color: #404040;
	font-family: EtelkaLight;
}

h1.block-title a,
h3.block-title a {
	color: #404040;
}

h1.block-title a:hover,
h3.block-title a:hover {
	color: #737373;
}

.firstpage h1 + p,
.firstpage h3 + p {
	font-size: 14px;
	color: #B6B6B6;
	padding-bottom: 15px;
	margin-bottom: 0;
	position: relative;
}

.block {
	margin-bottom: 20px;
}

.main-services {
	clear: both;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	clear: both;
}

.main-services .services-block {
	padding: 0;
	border: 1px solid #e5e5e5;
}

.main-services a {
	display: block;
	padding-bottom: 30px;
}

.main-services .services-block-mobile:hover,
.main-services .services-block-web:hover,
.main-services .services-block-software:hover {
	opacity: 0.8;
	transition-duration: 0.8s;
}

.services-header .icon-services-wrap {
	margin-top: 0;
	padding-top: 0;
	width: 100px;
	height: 100px;
	padding: 0;
	border-radius: 50px;
	padding: 10px;
	background-image: -moz-linear-gradient(135deg, #2f95bf 0%, #65b9c3 100%);
	background-image: -webkit-linear-gradient(135deg, #2f95bf 0%, #65b9c3 100%);
	background-image: -ms-linear-gradient(135deg, #2f95bf 0%, #65b9c3 100%);
}

.services-header div {
	font-size: 42px;
	padding-top: 35px;
	padding-bottom: 20px;
	display: block;
	margin: 0 auto;
}

.services-header div span {
	display: block;
	font-size: 60px;
}

.services-header div .icon-world-wide-web,
.services-header div .icon-smartphone2,
.services-header div .icon-user3 {
	color: #fff;
}

.services-header div .icon-world-wide-web {
	margin-top: 13px;
	margin-left: 12px;
}

.services-header div .icon-user3 {
	margin-top: 6px;
	margin-left: 8px;
}

.services-header div .icon-smartphone2 {
	margin-top: 10px;
	margin-left: 14px;
}

.services-header h4 {
	text-align: center;
	height: 40px;
	margin: 0;
	font-size: 18px;
	padding: 0 24px;
	margin-bottom: 10px;
}

.services-header h4 a {
	opacity: 1;
}

.services-header h4 a:hover {
	opacity: 0.8;
}

.services-web h4,
.services-mobile h4 {
	padding-top: 10px;
}

.services-body {
	padding: 10px 25px 0px;
	color: #1B1B1B;
	font-size: 14px;
	text-align: center;
}

.blog .blog-main {
	padding: 0;
}

.blog .blog-img {
	padding: 0;
}

.blog .blog-img img {
	width: 100%;
}

.blog .blog-img img:hover {
	opacity: 0.7;
}

.blog .blog-info {
	margin-bottom: 0;
	padding: 0 10px;
}

.blog .blog-info h4 {
	margin-bottom: 0;
}

.blog .blog-info h4 a {
	color: #009CC8;
	line-height: 24px;
}

.blog .blog-info h4 a:hover {
	opacity: 0.7;
}

.blog .blog-info p {
	color: #B6B6B6;
}

.main-our-project {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 10px;
}

.main-our-project .our-projects-header a:hover {
	opacity: 0.9;
}

.main-our-project .our-projects-header h4 {
	font-weight: 700;
	font-size: 18px;
	margin: 15px 0;
}

footer {
	background-color: #404040;
	color: #fff;
	margin-top: 100px;
}

footer .block-title-footer {
	color: #B6B6B6;
	margin-top: 40px;
	margin-bottom: 45px;
}

footer .block-title-footer a {
	color: #B6B6B6;
}

footer .block-title-footer a:hover {
	color: #e9e9e9;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
}

footer .social {
	font-size: 24px;
	margin-bottom: 29px;
	padding: 0;
}

footer .social a {
	margin-right: 14px;
	font-size: 60px;
	color: #B6B6B6;
}

footer .social a:visited,
footer .social a:focus {
	color: #B6B6B6;
	text-decoration: none;
}

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

footer .social a:last-child {
	margin-right: 0;
}

footer .contacts {
	font-size: 16px;
}

footer .contacts .contacts-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
}

footer .contacts .contacts-block .big-numer {
	padding-left: 0px;
	float: none !important;
	font-size: 22px;
	padding-right: 0;
}

footer .contacts span {
	font-size: 20px;
	padding-right: 16px;
	line-height: 40px;
}

footer .contacts span:first-child {
	float: left;
}

footer .contacts span.footer-text-info {
	font-size: 17px;
	line-height: 18px;
	padding-right: 0;
}

footer .contacts span.footer-text-info.mail {
	line-height: 40px !important;
}

footer .contacts span.arrow {
	font-size: 12px !important;
	float: none;
	padding-left: 10px;
	padding-right: 0;
}

footer .contacts a {
	font-size: 20px;
	color: #B6B6B6;
}

footer .contacts a:active,
footer .contacts a:visited,
footer .contacts a:focus {
	text-decoration: none;
	color: #B6B6B6;
}

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

footer .contacts .map span {
	font-size: 17px !important;
	padding-right: 0 !important;
	line-height: 40px;
}

footer .contacts .map .arrow {
	font-size: 12px !important;
}

footer .contacts .map span[itemprop="streetAddress"] {
	float: none !important;
}

footer .copyright {
	padding-bottom: 20px;
	padding-top: 30px;
	color: #626262;
}

p.subtitle {
	margin: 0;
}

.fancy {
	line-height: 0.5;
	text-align: center;
	overflow: hidden;
}

.fancy span {
	display: inline-block;
	position: relative;
}

.fancy span:before,
.fancy span:after {
	content: "";
	position: absolute;
	border-bottom: 1px solid #B6B6B6;
	top: 30px;
	width: 1600px;
}

.fancy span:before {
	right: 100%;
	margin-right: 25px;
}

.fancy span:after {
	left: 100%;
	margin-left: 25px;
}

.none {
	display: none !important;
}

.firstpage .block {
	padding-bottom: 20px;
}

.firstpage .block::before,
.firstpage .block::after {
	content: '';
	height: 1px;
	width: 25%;
	position: absolute;
	bottom: 21px;
	border-bottom: 1px solid #e5e5e5;
}

.firstpage .block::before {
	left: 26%;
}

.firstpage .block::after {
	right: 25%;
}

.firstpage h3.block-title-footer {
	color: #B6B6B6;
	margin-top: 40px;
	margin-bottom: 45px;
}

.firstpage h3.block-title-footer a {
	color: #B6B6B6;
}

.firstpage h3.block-title-footer a:hover {
	color: #e9e9e9;
}

.main {
	min-height: 29.7vh;
}

.logo-project {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	height: 115px;
}

.portfolio {
	color: #fff;
}

.portfolio .block-slider {
	padding: 0;
	z-index: 1;
}

.portfolio .block-slider h3 {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 20px;
	font-family: EtelkaLight;
}

.portfolio .block-slider h3 + p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

.portfolio .block-slider h3 a {
	color: #fff;
}

.portfolio .block-slider h3 a:hover {
	opacity: 0.8;
}

.portfolio .item .fill .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 470px;
}

.portfolio .btn-view {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

.portfolio .btn {
	border: 1px solid #fff;
	border-radius: 0;
	margin-top: 35px;
	font-size: 16px;
	line-height: 20px;
}

.portfolio .btn:hover {
	text-decoration: none;
	background: #fff;
}

.portfolio .btn a {
	padding: 15px 50px;
	color: #fff;
}

.portfolio .btn a:hover {
	text-decoration: none;
	color: #009CC8;
}

.portfolio .carousel-inner .fill {
	padding: 50px 0 0;
}

.portfolio .img-project {
	height: 100%;
	align-items: baseline;
	align-items: center;
	display: flex;
}

.portfolio .img-project a {
	margin: auto;
}

.portfolio .img-project img {
	max-height: 400px;
}


/* carusel css*/

.carousel {
	height: 100%;
}

.item {
	padding-bottom: 80px;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	position: absolute;
}

.carousel-control.right {
	right: 15%;
	top: 22.5%;
}

.carousel-control.left {
	left: 15%;
	bottom: 27%;
	transform: rotate(180deg);
}

.carousel-indicators {
	bottom: 10px !important;
}

.carousel-indicators li {
	width: 12px;
	height: 12px;
	background: rgba(0, 0, 0, 0.2);
	border: none;
	margin: 0;
	margin-left: 10px;
}

.carousel-indicators .active {
	background-color: #fff;
	border: none;
	margin-left: 10px;
}

.carousel-control {
	width: auto;
}

@media (max-width: 1650px) {
	.carousel-control.left {
		left: 10%;
	}
	.carousel-control.right {
		right: 10%;
	}
}

@media (max-width: 1450px) {
	.carousel-control.left {
		left: 5%;
	}
	.carousel-control.right {
		right: 5%;
	}
}

@media (max-width: 1280px) {
	.carousel-control.left {
		left: 20px;
	}
	.carousel-control.right {
		right: 20px;
	}
}

@media (max-width: 1200px) {
	.carousel-control.left {
		bottom: 27%;
	}
}

@media (max-width: 992px) {
	.carousel-control.left {
		display: none;
	}
	.carousel-control.right {
		display: none;
	}
}

@media (max-width: 780px) {
	.block-slider {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	.portfolio .item .fill .container {
		height: 320px !important;
	}
	.carousel-indicators {
		width: 100%;
		left: 0;
		right: 0;
		margin: 0 auto 10px;
	}
}

.item-bg-persia {
	background: linear-gradient(218deg, #d76815, #d62d56);
}

.item-bg-doo {
	background-image: linear-gradient(0deg, #4c489e 0%, #f48459 33%, #cb77b1 72%, #4a8dcb 100%);
	background-image: -moz-linear-gradient(0deg, #4c489e 0%, #f48459 33%, #cb77b1 72%, #4a8dcb 100%);
	background-image: -webkit-linear-gradient(0deg, #4c489e 0%, #f48459 33%, #cb77b1 72%, #4a8dcb 100%);
	background-image: -ms-linear-gradient(0deg, #4c489e 0%, #f48459 33%, #cb77b1 72%, #4a8dcb 100%);
}

.item-bg-tl {
	background-image: linear-gradient(60deg, #219871 0%, #2cbe8d 100%);
	background-image: -moz-linear-gradient(60deg, #219871 0%, #2cbe8d 100%);
	background-image: -webkit-linear-gradient(60deg, #219871 0%, #2cbe8d 100%);
	background-image: -ms-linear-gradient(60deg, #219871 0%, #2cbe8d 100%);
}

.item-bg-eq {
	background-image: linear-gradient(0deg, #198dbd 0%, #75bcda 100%);
	background-image: -moz-linear-gradient(0deg, #198dbd 0%, #75bcda 100%);
	background-image: -webkit-linear-gradient(0deg, #198dbd 0%, #75bcda 100%);
	background-image: -ms-linear-gradient(0deg, #198dbd 0%, #75bcda 100%);
}

.item-bg-job {
	background-image: linear-gradient(0deg, #cc3300 0%, #c62828 100%);
	background-image: -moz-linear-gradient(0deg, #cc3300 0%, #c62828 100%);
	background-image: -webkit-linear-gradient(0deg, #cc3300 0%, #c62828 100%);
	background-image: -ms-linear-gradient(0deg, #cc3300 0%, #c62828 100%);
}

.item-bg-job-app {
	background-image: linear-gradient(0deg, #959595 0%, #757575 100%);
	background-image: -moz-linear-gradient(0deg, #959595 0%, #757575 100%);
	background-image: -webkit-linear-gradient(0deg, #959595 0%, #757575 100%);
	background-image: -ms-linear-gradient(0deg, #959595 0%, #757575 100%);
}

.item-bg-koda {
	background-image: linear-gradient(0deg, #088e35 0%, #4caf50 100%);
	background-image: -moz-linear-gradient(0deg, #088e35 0%, #4caf50 100%);
	background-image: -webkit-linear-gradient(0deg, #088e35 0%, #4caf50 100%);
	background-image: -ms-linear-gradient(0deg, #088e35 0%, #4caf50 100%);
}

.item-bg-medok {
	background-image: linear-gradient(0deg, #5292ba 0%, #74c9e1 100%);
	background-image: -moz-linear-gradient(0deg, #5292ba 0%, #74c9e1 100%);
	background-image: -webkit-linear-gradient(0deg, #5292ba 0%, #74c9e1 100%);
	background-image: -ms-linear-gradient(0deg, #5292ba 0%, #74c9e1 100%);
}

.item-bg-dahant {
	background-image: linear-gradient(0deg, #e39517 0%, #d9b800 100%);
	background-image: -moz-linear-gradient(0deg, #e39517 0%, #d9b800 100%);
	background-image: -webkit-linear-gradient(0deg, #e39517 0%, #d9b800 100%);
	background-image: -ms-linear-gradient(0deg, #e39517 0%, #d9b800 100%);
}

.item-bg-xcors {
	background-color: #6F448F;
}

.item-bg-sao {
	background-color: #0E7D21;
}

.item-bg-bering {
	background-color: #005099;
}

.item-bg-mks {
	background-color: #0133B8;
}

.item-bg-valkiria {
	background-color: #A9B48D;
}

.item-bg-ukrautoz {
	background-color: #1762B5;
}

.item-bg-mivina {
	background-color: #FF9F00;
}

.item-bg-etma {
	background-color: #00A5E4;
}

.item-bg-manafko {
	background-color: #8EB2E2;
}

.item-bg-1metal {
	background-color: #296476;
}

.item-bg-mobik {
	background-color: #A7CA7A;
}

.item-bg-factor {
	background-color: #016A65;
}

.item-bg-vostok {
	background-color: #33556F;
}

.item-bg-insolar {
	background-color: #015F9F;
}

.item-bg-itstars {
	background-color: #22ABE2;
}

.item-bg-piligrim {
	background-color: #01AAF3;
}

.item-bg-alta {
	background-color: #01953B;
}

.item-bg-aist {
	background-color: #4DA8CD;
}

.item-bg-prommetsplav {
	background-color: #98A9B9;
}

.item-bg-banatovic {
	background-color: #709B70;
}

.item-bg-bookclub {
	background-color: #274FC1;
}

.item-bg-it-tours {
	background-color: #477CCC;
}

.item-bg-mobikon {
	background-color: #1F8AEA;
}

.item-bg-rekharkov {
	background-color: #1187B7;
}

.item-bg-itnetx-ap {
	background-color: #77bc42;
}

.item-bg-itnetx {
	background-color: #424242;
}
.item-bg-cultur {
	background-image: linear-gradient(-45deg, #20b89f 0%, #48b960 100%);
	background-image: -moz-linear-gradient(-45deg, #20b89f 0%, #48b960 100%);
	background-image: -webkit-linear-gradient(-45deg, #20b89f 0%, #48b960 100%);
	background-image: -ms-linear-gradient(-45deg, #20b89f 0%, #48b960 100%);
}

.item-bg-rabota3 {
	background-image: linear-gradient(0deg, #cc3300 0%, #c62828 100%);
	background-image: -moz-linear-gradient(0deg, #cc3300 0%, #c62828 100%);
	background-image: -webkit-linear-gradient(0deg, #cc3300 0%, #c62828 100%);
	background-image: -ms-linear-gradient(0deg, #cc3300 0%, #c62828 100%);
}

.full-portfolio {
	padding-top: 50px;
}

.full-portfolio h1 {
	margin-top: 0px;
}

.full-portfolio .gp-nav .gp-nav-body {
	margin-bottom: 20px;
}

.full-portfolio .gp-nav .gp-nav-body div.gp-nav-block {
	line-height: 20px;
}

.full-portfolio .gp-nav .gp-nav-body div.gp-nav-block:last-child {
	text-align: left;
	padding-left: 64px;
}

.full-portfolio .gp-nav .gp-nav-body div.gp-nav-block:first-child {
	text-align: right;
	padding-right: 7px;
}

.full-portfolio .gp-nav .gp-nav-body div.gp-nav-block span {
	color: #CC3300;
}

.full-portfolio h1 + p,
.full-portfolio h3 + p {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 20px 20px;
}

.full-portfolio h1 + p span,
.full-portfolio h3 + p span {
	padding: 0;
}

.full-portfolio h1 + p span.featured-projects,
.full-portfolio h3 + p span.featured-projects {
	padding-right: 30px;
}

.full-portfolio h1 + p a,
.full-portfolio h3 + p a {
	padding: 0;
}

.full-portfolio h1 + p a.featured-projects,
.full-portfolio h3 + p a.featured-projects {
	padding-right: 30px;
}

.full-title .block-title {
	margin-top: 0;
}

.full-portfolio-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}

.full-portfolio-body img {
	width: 115px;
	height: 115px;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
}

.portfolio-project-block {
	border: 1px solid #f7f7f7;
	background: #fff;
}

.portfolio-project-block:hover {
	background: rgba(174, 172, 172, 0.15);
}

.portfolio-project-block a,
.portfolio-project-block span {
	padding: 50px 0;
	display: inline-block;
	color: black;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.portfolio-project-block a:hover,
.portfolio-project-block span:hover {
	text-decoration: none;
	color: black;
}

.portfolio-project-block a .portfolio-project-block-text,
.portfolio-project-block span .portfolio-project-block-text {
	padding-left: 15px;
	width: 100%;
}

.portfolio-project-block a .logo-wrap,
.portfolio-project-block span .logo-wrap {
	flex: 1 0 115px;
}


/* cases */

.card-list {
	margin-top: 40px;
}

.card {
	position: relative;
	padding: 25px 35px 20px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 5px;
}

.card__img-container {
	float: left;
	position: relative;
	margin-top: 17px;
	margin-bottom: 17px;
}

.card__img-container img {
	width: 115px;
	height: 115px;
	border-radius: 50%;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}

.card__description {
	padding-left: 145px;
}

.card__title {
	margin-top: 0;
	font-weight: bold;
	font-size: 20px;
}

.card .btn-download-case-study {
	max-width: 240px;
	width: 100%;
	height: 45px;
	display: block;
	background: #F84545;
	opacity: 1;
	padding: 8px 10px 5px 0;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	/*	font: 16px Arial;*/
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 0;
	margin-top: 20px;
}

.card .btn-download-case-study:hover {
	opacity: 0.9;
}

.card .btn-download-case-study span {
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	background: #c23000;
	padding: 13px 15px 12px 12px;
	border-radius: 5px 22px 22px 5px;
	margin-right: 15px;
	margin-top: -8px;
	font-weight: 500 !important;
	font-size: 18px;
}

@media (max-width: 600px) {
	.card {
		padding: 15px 20px 10px;
		margin-bottom: 25px;
	}
	.card__img-container {
		float: none;
		margin-top: 6px;
	}
	.card__title {
		text-align: center;
	}
	.card__description {
		padding-left: 0;
	}
}

@media (max-width: 414px) {
	.card {
		padding: 10px 12px 10px;
	}
}


/**cases**/

.main-project-bg {
	background: #fafafa;
	margin-bottom: 50px;
}

.header-project {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
}

.header-project span {
	vertical-align: middle;
	font-size: 18px;
	padding-left: 5px;
}

.header-project h1 {
	margin-bottom: 0;
	font-size: 32px;
	font-family: EtelkaLight;
}

.header-project p,
.header-project a {
	color: #fff;
	margin-top: 20px;
}

.header-project .download-app {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

.header-project .download-app .appstore {
	margin-right: 10px;
	margin-top: 10PX;
}

.header-project .download-app .google {
	margin-left: 10px;
	margin-top: 10PX;
}

.header-project a {
	font-size: 20px;
}

.header-project a:hover,
.header-project a:focus,
.header-project a:active {
	text-decoration: none;
	color: #fcfcfc;
}

.header-project .project-nav {
	position: relative;
}

.header-project .project-nav a {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	opacity: 0.5;
}

.header-project .project-nav a:hover,
.header-project .project-nav a:focus,
.header-project .project-nav a:visited {
	color: #fff;
	transition: 0.4s;
	opacity: 1;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
}

.header-project .nav-project-prev,
.header-project .nav-project-next {
	position: absolute;
	top: 0;
	margin-top: 0;
}

.header-project .nav-project-next {
	right: 115px;
}

.header-project .nav-project-prev-phone {
	display: none;
}

.header-project .nav-project-prev {
	right: 230px;
}

.body-project {
	padding-top: 40px;
}

.body-project .about-project {
	padding-left: 0;
}

.body-project a[href*="tel"] {
	color: black;
}

.body-project h4 {
	margin-bottom: 25px;
	font-size: 20px;
	/*    font-weight: 700;*/
	line-height: 28px;
	margin-top: 20px;
}

.body-project .btn-download-case-study,
.main .btn-download-case-study {
	max-width: 240px;
	width: 100%;
	height: 45px;
	display: block;
	background: #F84545;
	opacity: 1;
	padding: 8px 10px 5px 0;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 28px;
}

.case-study {
	margin-top: 38px;
	margin-bottom: 40px;
	border-left: 4px solid #CC3301;
	padding-left: 18px;
	padding-bottom: 5px;
}

.case-study h4 {
	line-height: 25px;
}

.main .case-study p {
	margin-bottom: 18px;
}

.body-project .btn-download-case-study:hover,
.main .btn-download-case-study:hover {
	opacity: 0.9;
}

.body-project .btn-download-case-study span,
.main .btn-download-case-study span {
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	background: #c23000;
	padding: 13px 15px 12px 12px;
	border-radius: 5px 22px 22px 5px;
	margin-right: 15px;
	margin-top: -8px;
	font-weight: 500 !important;
	font-size: 18px;
}

.body-project p {
	/*	font: 16px Arial;*/
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 24px;
}

.body-project p:first-child {
	/*	font-weight: 700;*/
}

.body-project p.tech {
	/*	margin-bottom: 10px;*/
}

.body-project ul {
	margin: 0 0 24px;
	padding: 8px 24px;
	display: inline-block;
	background: #EEEEEE;
	border-radius: 5px;
	/*	font-family: Arial;*/
	list-style: none;
	width: 100%;
}

.body-project ul li {
	font-size: 16px;
	padding-bottom: 10px;
}

.body-project ul li:first-child {
	padding-top: 10px;
}

.body-project ul li span {
	float: left;
}

.body-project ul li ul {
	margin-bottom: 0;
	padding: 0;
}

.body-project ul li em {
	line-height: 28px;
}

.body-project ul li p {
	margin-left: 20px;
	margin-bottom: 0;
	line-height: 28px;
}

.body-project ul li p a {
	font-weight: 500 !important;
	width: 100%;
	padding: 0;
}

.body-project ul li p span {
	padding-top: 10px;
}

.body-project ul li p.feedback {
	font-style: italic;
	margin-left: 0;
}

.body-project .project-img .block-screenshot {
	padding-left: 0;
}

.body-project .project-img .block-screenshot .block-img-about {
	padding: 0;
}

.body-project .project-img .block-screenshot .screenshot {
	padding: 0;
}

.body-project .project-img .block-screenshot .screenshot img {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
}

.body-project .project-img .block-screenshot .screenshot.no-shadow img {
	box-shadow: none !important;
}

.body-project .project-img .block-screenshot .screenshot-koda img {
	margin-bottom: 10px;
}

.body-project .project-img-about {
	color: #9E9E9E;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	padding-top: 15px;
	margin-bottom: 7px;
}

.pr-img .body-project .project-img .block-screenshot .screenshot {
	margin-bottom: 30px;
}

.pr-img .body-project .project-img .block-screenshot .screenshot img {
	margin-bottom: 0;
	box-shadow: none;
}

.pr-img .body-project .project-img .block-screenshot .screenshot .phone-screen {
	width: 30%;
	display: inline-block;
	margin-right: 16px;
}

.pr-img .body-project .project-img-about {
	padding-top: 0;
	margin-bottom: 15px;
}

.body-project p.feedback span {
	font-weight: 500;
}

.body-project ul li ul p.feedback {
	margin-left: 20px;
}

.big-screen {
	max-height: 500px;
}

.blog-news {
	background: #FAFAFA;
	margin-top: 50px;
}

.blog-news h1 {
	margin-top: 0;
}

.blog-news .block {
	padding-bottom: 0;
}

.blog-news .block::before,
.blog-news .block::after {
	content: none;
}

.blog-nav a {
	text-decoration: none;
}

.blog-nav a:hover,
.blog-nav a:focus,
.blog-nav a:active {
	text-decoration: none;
}

.blog-nav span {
	color: #B6B6B6;
}

.blog-news-body,
.blog-news-body-content {
	padding-left: 0;
	padding-right: 0;
}

.blog-item {
	padding-bottom: 10px;
	margin-bottom: 80px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.blog-item:last-child {
	border: none;
}

.blog-item h3 {
	margin: 0;
	font-size: 30px;
}

.blog-item .blog-item-body {
	font-size: 16px;
	margin-top: 16px;
}

.blog-item .blog-item-body img {
	margin-top: 20px;
	padding-bottom: 20px;
	max-width: 100%;
	height: auto;
}

.blog-item .blog-item-body ul {
	margin: 0 0 20px;
	padding: 10px 24px;
	display: inline-block;
	background: #EEEEEE;
	border-radius: 5px;
	/*	font-family: Arial;*/
	list-style: none;
	width: 100%;
}

.blog-item .blog-item-body ul li {
	font-size: 16px;
	padding-bottom: 10px;
}

.blog-item .blog-item-body ul li:first-child {
	padding-top: 10px;
}

.blog-item .blog-item-body ul li span {
	float: left;
}

.blog-item .blog-item-body ul li p {
	margin-left: 20px;
	margin-bottom: 0;
	line-height: 28px;
}

.published {
	color: #B6B6B6;
	font-size: 12px;
}

.published a {
	color: #B6B6B6;
	text-decoration: none;
	font-size: 14px;
}

.published a:hover {
	color: #B6B6B6;
	text-decoration: none;
}

.published .published-by {
	font-weight: 900;
}

.blog-page-news {
	background: #FAFAFA;
	margin-top: 30px;
	/*	padding-bottom: 100px;*/
}

.blog-page-news .nav-project-prev-phone {
	display: none;
}

.blog-page-news .blog-page-body,
.blog-page-news .page-content {
	padding-left: 0;
	padding-right: 0;
}

.blog-page-news .blog-nav {
	position: relative;
	padding-bottom: 0;
}

.blog-page-news .blog-nav div.gp-nav-body {
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.blog-page-news .page-content {
	position: relative;
}

.blog-page-news .blog-page-nav {
	position: relative;
}

.blog-page-news .blog-page-nav a:hover {
	text-decoration: none;
}

.blog-page-news .blog-page-nav .nav-page-next {
	position: absolute;
	top: 8px;
	right: 15px;
}

.blog-page-news .blog-page-nav .nav-page-prev {
	position: absolute;
	top: 8px;
	right: 115px;
}

.blog-page-news .blog-page-nav .nav-page-prev-phone {
	display: none;
}

.blog-page-news h3.page-item-title {
	color: #404040;
	font-size: 34px;
	margin-right: 220px;
}

.blog-page-news h3.page-item-title:hover {
	text-decoration: none;
}

.blog-page-news .page-item-body {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.blog-page-news .page-item-body a {
	/*	color: #808080;*/
}

.blog-page-news .page-item-body p {
	/*	padding-top: 10px;*/
	font-size: 16px;
	margin-bottom: 24px;
	line-height: 28px;
}

.blog-item .blog-item-body p {
	font-size: 16px;
	margin-bottom: 24px;
	line-height: 28px;
}

.blog-page-news .page-item-body p a {
	/*	font-weight: 700;*/
	/*	font-size: 14px;*/
}

.blog-page-news .page-item-body img {
	padding: 15px 0;
	max-width: 100%;
	height: auto;
}

.blog-page-news .page-item-body iframe {
	/*margin: 15px 0;
      width: 100%;
      max-width: 550px;
      height: 330px;*/
}

.blog-page-news .page-item-body ul {
	margin: 0 0 20px;
	padding: 8px 24px;
	display: inline-block;
	background: #EEEEEE;
	border-radius: 5px;
	/*	font-family: Arial;*/
	list-style: none;
	width: 100%;
}

.blog-page-news .page-item-body ul li {
	font-size: 16px;
	padding-bottom: 10px;
}

.blog-page-news .page-item-body ul li:first-child {
	padding-top: 10px;
}

.blog-page-news .page-item-body ul li span {
	float: left;
}

.blog-page-news .page-item-body ul li p {
	margin-left: 20px;
	margin-bottom: 0;
	line-height: 28px;
	font-size: 16px;
	padding-top: 0;
}

img.attachment-thumbnail.size-thumbnail {
	padding: 0;
}

.contacts-page {
	background: #FAFAFA;
	margin-top: 50px;
	padding-bottom: 90px;
}

.contacts_page h2 {
	font-size: 16px;
	margin: 0 0 20px;
}

.contacts-countries {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.contacts-europe,
.contacts-australia {
	margin-bottom: 15px;
}

.contacts_page .vcard h3 {
	margin-top: 0;
	margin-bottom: 15px;
}

.contacts-page .container {
	padding: 0;
}

.contacts-page .contacts-page-body {
	padding: 0;
}

.contacts-page .contacts-page-info {
	font-size: 16px;
	color: #000;
	padding-bottom: 20px;
}

.contacts-page .contacts-page-info p {
	margin-bottom: 20px;
	color: #000;
	padding-bottom: 0;
	font-size: 16px;
}

.contacts-page .contacts-page-info span:first-child {
	display: block;
	font-weight: 700;
}

.contacts-page .contacts-page-info span + a[href*="tel"] {
	color: #000;
}

.contacts-page .contacts-page-info span + a[href*="tel"]:focus,
.contacts-page .contacts-page-info span + a[href*="tel"]:active,
.contacts-page .contacts-page-info span + a[href*="tel"]:visited,
.contacts-page .contacts-page-info span + a[href*="tel"]:hover {
	text-decoration: none;
}

.contacts-page .contacts-page-info span + a[href*="tel"] + a {
	color: #000;
}

.contacts-page .contacts-page-info a:hover {
	text-decoration: none;
}

.contacts-page .contacts-page-info .col-md-9,
.contacts-page .contacts-page-info .col-md-15 {
	padding: 0;
}

.contacts-page .map_canvas {
	width: 100%;
	height: 300px;
}

abbr[title],
abbr[data-original-title] {
	border: none;
	text-decoration: none;
}

.page-form {
	margin-top: 50px;
	padding: 0;
	color: #B6B6B6;
}

.page-form h3 {
	margin-top: 0;
	margin-bottom: 18px;
}

.page-form form {
	max-width: 530px;
}

.form-block {
	margin-top: 22px;
}

.form-error {
	margin-top: 10px;
}

label {
	display: block;
	margin-bottom: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #757575;
}

input,
textarea,
button {
	width: 100%;
	border: 0;
	color: #000;
	border: 1px solid #bdbdbd;
	border-radius: 0;
}

input {
	height: 40px;
	padding-left: 10px;
}

textarea {
	height: 110px;
	padding-left: 10px;
	padding-top: 10px;
	resize: vertical;
}

button {
	width: 150px;
	height: 40px;
	float: right;
	margin-top: 10px;
	color: #fff;
	background: #009CC8;
	font-weight: 700;
	margin-bottom: 0;
	border: none;
}

button:hover {
	background: #00a8d7;
}

.field {
	background: #C53426;
	color: #fff;
	border: none;
}

label + input::-webkit-input-placeholder {
	color: #000;
}

input::-webkit-input-placeholder {
	color: #fff;
}

.form {
	padding: 0;
	border-top: 1px solid #e5e5e5;
	padding-top: 30px;
}

.form h3 {
	margin-top: 0;
}

.form button {
	width: 110px;
	margin-top: 0;
}

form {
	color: #000;
	background: #fff;
	border: 1px solid #bdbdbd;
	padding: 28px 14px 29px;
	padding: 28px 14px 14px;
}

form p {
	color: #000;
}

.close {
	text-shadow: none;
}

.btn-file,
.jFiler-input-button {
	position: relative;
	vertical-align: middle;
	cursor: pointer !important;
}

.btn-file > input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	font-size: 23px;
	cursor: pointer;
}

.btn-screen,
.jFiler-input-button {
	float: none !important;
	border-radius: 0;
	width: 120px;
	font-weight: 900;
	font-size: 14px;
	color: #009CC8;
	padding-left: 0;
}

.btn-screen:hover,
.btn-screen:focus,
.btn-screen:focus,
.jFiler-input-button:hover,
.jFiler-input-button:focus,
.jFiler-input-button:focus {
	cursor: pointer !important;
	color: #00bcf1;
}

.btn-uppload .jFiler-items-default .jFiler-item-assets a {
	padding: 0;
	background: transparent;
	color: #B6B6B6;
	border-radius: 0;
	border: none;
}

.btn-uppload .jFiler-items-default .jFiler-item-assets a:hover {
	color: #727171;
}

.btn-uppload .jFiler-items-default .jFiler-item {
	padding: 0;
	background: transparent !important;
	display: inline-block;
	padding-right: 10px;
}

.btn-uppload .jFiler-items-default .jFiler-item .jFiler-item-title {
	font-weight: 500;
	display: inline-block;
}

.btn-uppload .jFiler-item-others {
	display: none;
}

.btn-uppload ul li a {
	width: inherit;
}

.btn-uppload .jFiler-items-default .jFiler-item-assets {
	position: static !important;
	display: inline-block !important;
	right: auto !important;
	top: auto !important;
}

ul.jFiler-items-list.jFiler-items-default {
	padding-left: 0;
	margin: 0;
}

.jFiler-item-trash-action {
	margin-left: 10px;
	vertical-align: middle;
	cursor: pointer;
}

.m-hform {
	line-height: 24px;
}

.m-hform a {
	display: block;
	margin-top: 10px;
}

.services {
	padding-top: 50px;
}

.services h1.block-title {
	margin-top: 0;
}

.services .main-services {
	margin-bottom: 100px;
}

.services .block {
	padding-bottom: 0;
}

.services .block::before,
.services .block::after {
	display: none;
}

.services-block:hover {
	opacity: 0.8;
	transition-duration: 0.8s;
}

.gp-nav .gp-nav-block {
	line-height: 22px;
	padding-left: 0;
	padding-right: 0;
}

.gp-nav .gp-nav-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

#services-software .services-nav-link {
	padding-top: 30px;
}

.body-services-web {
	margin-bottom: 50px;
}

.body-services-web .container,
.body-services-mobile .container,
.body-services-software .container {
	padding: 0;
}

.body-services-web ul,
.body-services-mobile ul,
.body-services-software ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.body-services-web ul.ul-services,
.body-services-mobile ul.ul-services,
.body-services-software ul.ul-services {
	margin: 0 0 24px;
	padding: 0 24px;
	display: inline-block;
	background: #EEEEEE;
	border-radius: 5px;
}

.body-services-web ul.ul-services li,
.body-services-mobile ul.ul-services li,
.body-services-software ul.ul-services li {
	padding-bottom: 10px;
}

.body-services-web ul.ul-services li:first-child,
.body-services-mobile ul.ul-services li:first-child,
.body-services-software ul.ul-services li:first-child {
	padding-top: 20px;
}

.body-services-web ul.ul-services li:last-child,
.body-services-mobile ul.ul-services li:last-child,
.body-services-software ul.ul-services li:last-child {
	padding-bottom: 20px;
}

.body-services-web ul.ul-services span,
.body-services-mobile ul.ul-services span,
.body-services-software ul.ul-services span {
	float: left;
}

.body-services-web ul.ul-services p,
.body-services-mobile ul.ul-services p,
.body-services-software ul.ul-services p {
	margin-left: 20px;
	margin-bottom: 0;
	line-height: 28px;
}

.body-services-web .body-services-web-info,
.body-services-web .body-services-mobile-info,
.body-services-web .body-services-software-info,
.body-services-mobile .body-services-web-info,
.body-services-mobile .body-services-mobile-info,
.body-services-mobile .body-services-software-info,
.body-services-software .body-services-web-info,
.body-services-software .body-services-mobile-info,
.body-services-software .body-services-software-info {
	padding: 0;
}

.body-services-web h1,
.body-services-mobile h1,
.body-services-software h1 {
	font-size: 34px;
	line-height: 38px;
	margin-bottom: 30px;
	margin-top: 0;
}

.body-services-web h1 + p,
.body-services-mobile h1 + p,
.body-services-software h1 + p {
	color: inherit;
	padding: 0;
}

.body-services-web h3,
.body-services-mobile h3,
.body-services-software h3 {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 15px;
}

.body-services-web h3 + p,
.body-services-mobile h3 + p,
.body-services-software h3 + p {
	color: inherit;
	padding: 0;
}

.body-services-web p,
.body-services-mobile p,
.body-services-software p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 24px;
}

.body-services-web div img,
.body-services-mobile div img,
.body-services-software div img {
	padding: 10px 0 50px;
}

.body-services-web .services-footer-link-block,
.body-services-mobile .services-footer-link-block,
.body-services-software .services-footer-link-block {
	border-top: 1px solid #e5e5e5;
	padding: 20px 0 0;
	margin: 0px 0 30px;
}

.body-services-web .services-footer-link,
.body-services-mobile .services-footer-link,
.body-services-software .services-footer-link {
	margin: 0 0 20px;
	padding: 0 24px;
	display: inline-block;
}

.body-services-web .services-footer-link li,
.body-services-mobile .services-footer-link li,
.body-services-software .services-footer-link li {
	padding-bottom: 10px;
}

.body-services-web .services-footer-link span,
.body-services-mobile .services-footer-link span,
.body-services-software .services-footer-link span {
	float: left;
}

.body-services-web .services-footer-link a,
.body-services-mobile .services-footer-link a,
.body-services-software .services-footer-link a {
	display: block;
	margin-left: 20px;
	margin-bottom: 0;
	line-height: 28px;
	font-size: 16px;
}

.st .gp-nav-block span,
.portfolio-itnetx .gp-nav-block span,
.portfolio-itnetx_ap .gp-nav-block span {
	color: #CC3300;
}

.st {
	margin-top: 50px;
}

#services-mobile .gallery_3 .g3_item {
	margin-bottom: 30px;
}

#services-mobile .gallery_3 img {
	float: left;
	padding: 0;
}

#services-mobile .gallery_3 .g3_desc {
	margin-left: 120px;
}

#services-mobile .gallery_3 .g3_desc_text {
	color: black;
}

#about-us {
	margin-top: 50px;
	margin-bottom: 50px;
}

#about-us p {
	font-size: 16px;
	margin-bottom: 24px;
	line-height: 28px;
}

#about-us .block-title {
	margin-top: 0;
}

#about-us ul {
	margin: 0 0 20px;
	padding: 8px 24px;
	display: inline-block;
	background: #EEEEEE;
	border-radius: 5px;
	/*	font-family: Arial;*/
	list-style: none;
	width: 100%;
}

#about-us ul li {
	font-size: 16px;
	padding-bottom: 10px;
}

#about-us ul li:first-child {
	padding-top: 10px;
}

#about-us ul li span {
	float: left;
}

#about-us ul li p {
	margin-left: 20px;
	margin-bottom: 0;
	line-height: 28px;
}

#about-us .block-img-about {
	padding: 0;
}

#about-us .block-img-about p {
	margin: 0;
	color: #808080;
	font-style: italic;
	padding-top: 0;
	margin-bottom: 20px;
	margin-top: 10px;
}

#about-us .screenshot {
	padding: 0;
}

#about-us img {
	margin-bottom: 20px;
}

#about-us .container {
	padding: 0;
}

#about-us .main-about-us {
	padding: 0;
	padding-right: 15px;
}

#about-us .project-img .block-screenshot {
	padding-left: 0;
}

#about-us .project-img .block-screenshot .screenshot {
	padding: 0;
}

#about-us .project-img .block-screenshot .screenshot img {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
}

#about-us .project-img .block-screenshot .screenshot-koda img {
	margin-bottom: 10px;
}

#about-us .project-img-about {
	color: #9E9E9E;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	padding-top: 15px;
}

.solutions {
	padding-top: 50px;
}

.solutions h1.block-title {
	margin-top: 0;
}

.solutions .block {
	margin-bottom: 5px;
}

.solutions .services-header div {
	text-align: center;
}

.solutions h1 + p {
	font-size: 20px;
	padding-bottom: 0;
	text-align: center;
	color: #404040;
}

.solutions p {
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 24px;
}

.solutions .main-services {
	margin-bottom: 30px;
}

.solutions .main-services .services-block {
	width: 24%;
}

.solutions .services-header .icon-services-wrap {
	color: white;
	font-size: 20px;
	line-height: 22px;
	font-family: EtelkaLight !important;
	padding-top: 30px;
}

.solutions .services-header .icon-services-wrap span {
	font-size: 18px;
	font-family: EtelkaMedium;
}

.solutions img {
	width: 100px;
	height: 100px;
}

.solution .block-img-about {
	color: #9E9E9E;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	padding-top: 15px;
}

.solution .block-img-about p {
	margin: 0;
	color: #808080;
	font-style: italic;
}

.solution .screenshot {
	padding: 0;
}

.solution div img {
	padding: 0;
	margin-bottom: 24px;
}

.solution .ul-services li + p {
	margin-bottom: 10px !important;
}

.solution p em a[href="tel:+380677056131"] {
	color: black;
}

.solution p em a[href="tel:+380677056131"]:hover {
	color: #434343;
}

.solution ul.ul-services.sub-ul-services {
	margin-bottom: 0 !important;
}

.solution ul.ul-services.sub-ul-services li:first-child {
	padding-top: 5px !important;
}

.solution ul.ul-services.sub-ul-services li:last-child {
	padding-bottom: 0 !important;
}

.solution .project-img .block-screenshot .screenshot img {
	width: 100%;
}

.page-404 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.page-404 .block-title {
	margin-top: 0;
}

.page-404 p {
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 30px;
}

.page-404 #error-404 {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 32px;
}

.page-404 #error-404 .img-404 {
	padding: 0;
}

.page-404 #error-404 p {
	font-size: 20px;
	font-weight: 700;
	margin-top: 58px;
	margin-bottom: 0;
}

.page-404 .sub-404 {
	padding: 0;
	padding-right: 10px;
}

.page-404 ul.ul-services {
	margin: 0 0 20px;
	padding: 0 24px;
	list-style: none;
	background: #EEEEEE;
	border-radius: 5px;
}

.page-404 ul.ul-services li {
	padding-bottom: 10px;
}

.page-404 ul.ul-services li:first-child {
	padding-top: 10px;
}

.page-404 ul.ul-services li span {
	float: left;
	margin-top: 2px;
}

.page-404 ul.ul-services li p {
	margin-left: 20px;
	margin-bottom: 0;
	line-height: 28px;
}

.page-404 .gp-nav {
	padding-left: 0;
}

.page-404 .gp-nav + .container {
	padding: 0;
}

footer .contacts .title {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

footer .contacts .nowrap {
	white-space: nowrap;
}

.m-bt-0 {
	margin-bottom: 0px !important;
}

.m-bt-5 {
	margin-bottom: 5px !important;
}

.m-bt-10 {
	margin-bottom: 10px !important;
}

.m-bt-15 {
	margin-bottom: 15px !important;
}

.m-bt-20 {
	margin-bottom: 20px !important;
}

.m-bt-25 {
	margin-bottom: 25px !important;
}

footer .contacts .m-top {
	margin-top: 56px;
}

@media (max-width: 993px) and (min-width: 600px) {
	.contacts-countries {
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
	}
	.contacts-europe {
		width: 55%;
		margin-bottom: 0;
	}
	.contacts-australia {
		width: 45%;
	}
}

@media (max-width: 768px) {
	.page-404 {
		padding: 0 15px;
	}
	.page-404 #error-404 {
		padding: 0;
		margin-bottom: 20px;
	}
	.page-404 #error-404 .img-404 img {
		margin: 0 auto;
	}
	.page-404 #error-404 p {
		margin-top: 25px;
		text-align: center;
	}
	.page-404 .sub-404 {
		padding: 0;
	}
}

@media (max-width: 1200px) {
	header .logo:after {
		content: "";
		border-right: none;
	}
	.blog-page-news .blog-page-nav .nav-page-next {
		right: 0px;
	}
	.blog-page-news .blog-page-nav .nav-page-prev {
		right: 115px;
	}
	.header-project .nav-project-next {
		right: 15px;
	}
	.header-project .nav-project-prev {
		right: 140px;
	}
	footer .contacts .map span {
		line-height: 28px;
	}
}

@media (max-width: 1460px) and (min-width: 1200px) {
	.full-portfolio .full-portfolio-body .col-lg-6 {
		width: 33.33333%;
	}
}

@media (max-width: 1300px) and (min-width: 1200px) {
	header .top-contact {
		padding-right: 70px;
	}
}

@media (max-width: 993px) {
	header .logo {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: box;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		padding-left: 15px;
	}
	header .cite,
	header .top-contact {
		text-align: center;
		padding-top: 20px;
	}
	header .header-top-contact-phone {
		display: block;
		font-size: 16px;
	}
	header .header-top-contact-phone div {
		padding-top: 20px;
	}
	header .header-top-contact-phone a span {
		font-size: 12px;
	}
	header .header-top-contact-phone .all-contacts-phone,
	header .header-top-contact-phone .top-tel-phone {
		display: inline-block;
	}
	header .header-top-contact-phone .top-tel-phone {
		color: #000 !important;
		font-size: 20px;
		text-decoration: none;
	}
	header nav {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -moz-box;
		display: box;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
	}
	header nav ul .home {
		display: block;
	}
	header .nav > li {
		float: none;
		padding: 15px 0 15px 10px;
	}
	header .nav > li:first-child {
		padding-top: 30px;
		padding-bottom: 0;
		padding-left: 30px;
		font-size: 20px;
		color: #009CC8;
	}
	header .nav > li > a[href="#contact-us"] {
		padding-bottom: 0 !important;
	}
	header .nav > li.nav-btn-phone {
		display: block;
	}
	header .header-top-row {
		display: none;
	}
	header .top-contact {
		text-align: center !important;
		padding-top: 30px;
	}
	header .top-contact > a {
		line-height: 20px;
	}
	header .top-contact > a:last-child {
		padding-left: 5px;
		font-size: 14px;
	}
	header .go-to-ua-site {
		display: none;
	}
	header .go-to-ua-site-phone {
		display: block;
		top: 35px;
	}
	header .go-to-ua-site-phone a {
		padding: 11px 10px 9px 15px;
	}
	header .go-to-ua-site-phone a span {
		padding-left: 5px;
		vertical-align: middle;
	}
	.main-services {
		flex-direction: column;
	}
	.main-services .services-block {
		margin-bottom: 40px;
	}
	.main-services .services-block:last-child {
		margin-bottom: 0;
	}
	.main-services .services-block .services-header h4 {
		margin: 0;
	}
	.main-services .services-block .services-web h4,
	.main-services .services-block .services-mobile h4 {
		padding-top: 0;
	}
	.header-project h1 {
		font-size: 22px;
		line-height: 34px;
	}
	.header-project .project-nav a {
		font-size: 14px;
	}
	.header-project .nav-project-prev {
		left: 10px;
	}
	.header-project .nav-project-next {
		right: 10px;
	}
	.portfolio .btn {
		padding-top: 6px;
		padding-bottom: 5px;
	}
	.blog .blog-img {
		margin-bottom: 20px;
	}
	.blog-page-news .nav-project-prev-phone {
		display: block;
	}
	.blog-page-news .nav-project-prev-screen {
		display: none;
	}
	.portfolio-project-block {
		text-align: center;
	}
	.portfolio .block-slider h3 {
		font-size: 28px;
		line-height: 30px;
	}
	footer .contacts a {
		font-size: 18px;
	}
	footer .contacts .contacts-block {
		padding: 0;
	}
	footer .contacts .contacts-block p {
		margin-bottom: 10px;
	}
	footer .contacts .contacts-block .big-numer {
		font-size: 20px;
	}
	footer .contacts span .arrow {
		font-size: 10px !important;
	}
	footer .contacts span.footer-text-info {
		font-size: 16px;
	}
	.blog-page-news .blog-page-nav .nav-project-next {
		right: 20px;
	}
	.blog-page-news .blog-page-nav .nav-project-prev {
		right: 120px;
	}
	.fileupload {
		margin-bottom: 20px;
	}
	.full-portfolio h3 + p a.featured-projects,
	.full-portfolio h1 + p a.featured-projects {
		padding-right: 55px;
	}
	.full-portfolio h1 + p span.featured-projects,
	.full-portfolio h3 + p span.featured-projects {
		padding-right: 55px;
	}
	#services-support .gp-nav-body,
	#services-mobile .gp-nav-body,
	#services-web .gp-nav-body,
	#services-software .gp-nav-body,
	.services .gp-nav-body,
	.gp-nav .gp-nav-body {
		flex-direction: column;
	}
	.body-services-software .services-footer-link a {
		width: 100%;
		padding: 0;
	}
	.body-services-mobile div img,
	.body-services-web div img,
	.body-services-software div img {
		padding: 10px 0 30px;
	}
	.body-project ul li span {
		line-height: 26px;
	}
	.body-services-web ul.ul-services span,
	.body-services-web .services-footer-link span,
	.body-services-mobile ul.ul-services span,
	.body-services-mobile .services-footer-link span,
	.body-services-software ul.ul-services span,
	.body-services-software .services-footer-link span {
		line-height: 28px;
	}
	.body-services-web .services-footer-link a,
	.body-services-mobile .services-footer-link a,
	.body-services-software .services-footer-link a {
		width: 100%;
		padding: 0;
	}
	footer .contacts .map span {
		line-height: 40px;
	}
	.btn-uppload .jFiler-items-default .jFiler-item {
		display: block !important;
		margin-bottom: 5px;
	}
	.pull-left {
		float: none !important;
	}
	.solutions .main-services .services-block {
		width: 100%;
	}
	.gp-nav .gp-nav-block {
		padding-bottom: 20px;
	}
	.gp-nav .gp-nav-block:last-child {
		padding-bottom: 0;
	}
	.full-portfolio .gp-nav .gp-nav-body div.gp-nav-block:last-child,
	.full-portfolio .gp-nav .gp-nav-body div.gp-nav-block:first-child {
		width: 100%;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.full-portfolio .gp-nav .gp-nav-body div.gp-nav-block:first-child {
		padding-bottom: 15px;
	}
	.blog-page-news .blog-nav div.gp-nav-body {
		margin-bottom: 30px;
	}
	.body-services-web h1,
	.body-services-mobile h1,
	.body-services-software h1 {
		font-size: 26px;
	}
	footer .contacts .m-top {
		margin-top: 0px;
	}
}

@media (max-width: 786px) {
	header .header-aside {
		margin-left: 15px;
	}
	.slogan {
		font-size: 20px;
		line-height: 36px;
	}
	.portfolio .block-slider h3 {
		font-size: 22px;
		line-height: 22px;
	}
	.portfolio .btn {
		margin-top: 10px;
	}
	.body-project .about-project {
		padding-left: 15px;
	}
	.blog-news .blog-news-body {
		padding: 0;
	}
	.blog-news-body-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog-page-news .blog-page-body.page-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog-page-news .blog-page-nav .nav-project-next {
		right: 20px;
	}
	.blog-page-news .blog-page-nav .nav-project-prev {
		right: 120px;
	}
	.blog-page-news .page-content {
		padding: 0 15px;
	}
	.page-form form {
		margin: 0 auto;
	}
	.blog-page-news .page-item-body iframe {
		margin: 15px auto;
	}
	.contacts-page-info {
		padding: 0 20px;
	}
	footer .contacts .contacts-block {
		flex-direction: column;
	}
	.body-services-mobile .container,
	.body-services-web .container,
	.body-services-software .container {
		padding: 0 15px;
	}
	.body-services-mobile h2,
	.body-services-web h2,
	.body-services-software h2 {
		font-size: 28px;
	}
	.portfolio-project-block a,
	.portfolio-project-block span {
		flex-direction: column;
		align-items: center;
	}
	#about-us .container {
		padding: 0 15px;
	}
	.services .main-services {
		padding: 0;
	}
	footer .contacts .map span {
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	.full-portfolio h1 + p,
	.full-portfolio h3 + p {
		flex-direction: column;
		padding: 0 0 20px;
	}
	.full-portfolio h1 + p span,
	.full-portfolio h3 + p span {
		display: block;
	}
	.full-portfolio h1 + p span.featured-projects,
	.full-portfolio h3 + p span.featured-projects {
		padding: 0;
	}
	.full-portfolio h1 + p a,
	.full-portfolio h3 + p a {
		display: block;
		padding-top: 15px;
	}
	.full-portfolio-body {
		flex-direction: column;
	}
	.museum h1 + p,
	.museum h3 + p {
		flex-direction: column;
		padding: 0 0 20px;
	}
	.museum h1 + p span,
	.museum h3 + p span {
		display: block;
		padding-top: 15px;
	}
	.museum h1 + p a,
	.museum h3 + p a {
		display: block;
		padding-top: 0;
	}
	.museum h1 + p a.featured-projects,
	.museum h3 + p a.featured-projects {
		padding: 0;
	}
	.museum h1 + p:last-child,
	.museum h3 + p:last-child {
		padding-top: 0 !important;
	}
	.main-our-project {
		flex-direction: column;
		margin-bottom: 10px;
	}
	.main-our-project .block-our-project {
		margin-bottom: 30px;
	}
}

@media (max-width: 786px) and (min-width: 480px) {
	footer .contacts .contacts-block {
		padding-left: 15%;
	}
}

@media (max-width: 610px) {
	.pr-img .body-project .project-img .block-screenshot .screenshot .phone-screen {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.pr-img .body-project .project-img .block-screenshot .screenshot .phone-screen:last-child {
		margin-bottom: 0;
	}
	.body-project .project-img-about {
		margin-bottom: 0;
	}
}

@media (max-width: 565px) {
	footer .contacts .map span {
		line-height: 28px;
	}
}

@media (max-width: 993px) and (min-width:561px) {
	form {
		padding: 28px 14px 60px;
	}
}

@media (max-width: 560px) {
	.blog-page-news h3.page-item-title {
		margin: 20px 0 0;
		font-size: 24px;
	}
	.blog-page-news .blog-page-nav .nav-page-next {
		right: 0;
		top: -40px;
	}
	.blog-page-news .blog-page-nav .nav-page-prev {
		top: -40px;
		left: 0;
		right: 0;
	}
	.blog-item h3 {
		font-size: 24px;
	}
	.blog-page-news .blog-page-nav .nav-page-prev-screen {
		display: none;
	}
	.blog-page-news .blog-page-nav .nav-page-prev-phone {
		display: block;
	}
	.portfolio .item .fill .container {
		height: 400px !important;
	}
	form {
		padding-bottom: 5px;
	}
	.form-block:last-child {
		margin: 22px auto 0;
		text-align: center;
	}
	.form-block:last-child button {
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.blog-page-news .blog-nav::after,
	.blog-page-news .blog-nav::before {
		margin-bottom: 21px;
	}
	.fancy span:before,
	.fancy span:after {
		content: "";
		border-bottom: none;
	}
	footer .contacts span.footer-text-info {
		font-size: 16px;
		line-height: 0;
	}
	footer .copyright {
		padding-bottom: 20px;
		padding-top: 20px;
	}
	footer .map {
		margin-top: 10px;
	}
	.header-project .nav-project-prev-phone {
		display: block;
	}
	.header-project .nav-project-prev-screen {
		display: none;
	}
	.blog-news .blog-nav {
		flex-direction: row;
		display: block;
	}
	.blog-news .blog-nav div:first-child {
		padding-top: 0;
	}
	.blog-page-news .blog-nav {
		display: block;
	}
	.blog-page-news .blog-nav div {
		display: block;
		text-align: center;
	}
	.body-services-software h2 {
		font-size: 24px;
	}
	footer .contacts .map span {
		font-size: 16px !important;
	}
	#services-mobile .gallery_3 {
		text-align: center;
	}
	#services-mobile .gallery_3 .g3_desc {
		margin: 0;
	}
	#services-mobile .gallery_3 img {
		float: none;
		margin-bottom: 10px;
	}
	#services-mobile .gallery_3 .g3_desc_name {
		margin-bottom: 10px;
		font-size: 16px;
	}
}

@media (max-width: 416px) {
	footer .info {
		margin-top: 10px;
	}
	.header-project .nav-project-prev {
		left: 15px;
	}
	.header-project .nav-project-next {
		right: 15px;
	}
	.btn-uppload .jFiler-items-default .jFiler-item .jFiler-item-title {
		font-size: 13px;
	}
}

@media (max-width: 332px) {
	.header-project .download-app {
		justify-content: space-between;
	}
	.header-project .download-app .appstore {
		margin-right: 0;
	}
	.header-project .download-app .google {
		margin-left: 0;
	}
}

@media (max-width: 300px) {
	.jFiler-item-trash-action {
		margin-left: 3px;
	}
	.btn-uppload .jFiler-items-default .jFiler-item .jFiler-item-title {
		width: 200px;
		height: 20px;
		overflow: hidden;
	}
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 40px;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.portfolio-rabota3 .body-project h4 {
	margin-bottom: 15px;
	margin-top: 40px;
}


/*project nav start*/

.body-project h2 {
	font-size: 27px;
	text-align: center;
	font-family: Arial;
	margin-bottom: 15px;
}

.body-project .gp-nav {
	margin-top: 45px;
	margin-bottom: 25px;
}

.body-project .gp-nav .gp-nav-body {
	margin-bottom: 0;
	border: 0;
	padding-bottom: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.body-project .gp-nav .gp-nav-body span {
	font-size: 16px;
	background: #cc3300;
	color: white;
	padding: 10px 20px
}

.body-project .gp-nav .gp-nav-body .gp-nav-block {
	margin-right: 20px;
	padding-bottom: 0;
	font-size: 16px;
}

.body-project .gp-nav .gp-nav-body .gp-nav-block:last-child {
	margin-left: 20px;
	margin-right: 0;
}

.body-project .gp-nav {
    margin-top: 50px;
    margin-bottom: 30px;
}
.body-project .gp-nav + h2 {
    margin-top: 30px;
    margin-bottom: 25px;
}

@media(max-width:380px) {
	.body-project .gp-nav .gp-nav-body {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.body-project .gp-nav .gp-nav-body .gp-nav-block {
		margin: 0 0 25px;
	}
	.body-project .gp-nav .gp-nav-body .gp-nav-block:last-child {
		margin: 0 0 5px;
	}
}


/*project nav end*/