/*
Theme Name: Intersog 2.0
Theme URI: https://www.linkedin.com/in/evgeniy-roman-33511b93
Author: Evgeniy Roman
Author URI: https://www.linkedin.com/in/evgeniy-roman-33511b93
Description: Custom mobile application development for iOS and Android, software development, Agile teams, UX design, QA and testing in Chicago and offshore. Custom software solutions for startups and established brands.
Version: 2.0
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700,800);



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

* {
	box-sizing: border-box;
}

body {
	line-height: 1.6;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	margin: 0;
	background-color: #fff;
	overflow-x: hidden;
	color: #4a4a4a;
}

.admin-bar {
	position: relative;
}

.admin-bar #navigation.fixed {
	margin-top: 32px;
}

@media only screen and (max-width: 782px) {
	.admin-bar #navigation.fixed {
		margin-top: 46px;
	}
}

@media only screen and (max-width: 600px) {
	#wpadminbar {
		margin-top: -46px;
	}
	.admin-bar #navigation.fixed {
		margin-top: 0;
	}
}

ol, ul {
	list-style-position: outside;
	padding: 0 0 0 30px;
	margin: 0 0 25px;
	float: left;
	width: 100%;
	z-index: 1;
	text-align: left;
}

.checklist ul {
	padding: 0;
}

.checklist ul li {
	list-style: none;
}

.checklist ul li::before {
	font-family: 'Font Awesome 5 Free', sans-serif;
	content: "\f058";
	margin-right: 10px;
	font-weight: 900;
}

#navigation ul li {
	margin: 0;
}

ul li {
	margin: 0 0 15px 0;
}

article#single ul, article#single p {
	clear: both;
}

article#single p a {
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	z-index: 1;
}

.column.fourth img {
	margin-bottom: 25px;
}

p {
	margin: 0 0 20px;
	padding: 0 !important;
	z-index: 1;
}

.intop p {
	font-size: 18px;
}


.textwidget, footer, section {
	width: 100%;
	clear: both;
}

blockquote, q {
	border-left: 4px solid #0474a5;
	color: #4a4a4a;
	font-weight: 100;
	margin: 30px 0 30px 5%;
	padding: 0 0 0 15px;
	font-style: italic;
}

/* H1-H6 STYLE */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-weight: 400;
	clear: both;
	z-index: 1;
	width: 100%;
}

h1 {
	font-size: 42px;
	font-weight: bold;
	text-transform: uppercase;
}

.intop h1 {
	margin-bottom: 20px;
	font-size: 50px;
	text-shadow: 1px 1px 3px #000000;
}

header.column.gradient h1 {
	color: #ffffff;
	text-align: center;
}

.portfolio .title {
	padding: 125px 5px 25px;
}

article#main .top_article h1 {
	line-height: 1.3;
	margin: 0 0 22px;
	padding: 0;
	text-align: left;
}

h2 {
	margin: 0 0 20px 0;
	font-size: 28px;
	font-weight: bold;
}

h2.high {
	font-size: 42px;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}

.column.barghest h3 {
	font-size: 24px;
}

.column.checklist h3 {
	font-weight: 600;
}

h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 600;
}

.column.fifth h4 {
	color: #0474a5;
}

.banshee h4 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

aside h3 {
	margin: 0;
	padding: 10px 15px;
	width: 100%;
	color: #797979;
	font-size: 15px;
	font-weight: bold;
	background-color: #eeeeee;
	text-transform: uppercase;
}

aside h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 18px;
	max-width: 100%;
	opacity: 0.8;
	text-align: left;
}

footer h4 {
	border: medium none;
	color: #fff;
	font-size: 16px;
	margin-bottom: 13px;
}

h5 {
	font-size: 16px;
	color: #4a4a4a;
}

.column.sixth h5 {
	text-align: center;
}

.subwords {
	display: inline-block;
	width: 300px;
	vertical-align: bottom;
}

/* END H1-H6 STYLE */

.column {
	width: 100%;
	float: left;
	padding: 1%;
	display: block;
	min-height: 1px;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.inslide .column {
	padding: 20px;
}

header.column.gradient .column.workspace {
	padding: 1% 0.6%;
}

.column.workspace {
	float: none;
	margin: 0 auto;
	clear: both;
	max-width: 1024px;
	display: table;
	padding: 0;
}

.column.workspace.narrow {
	max-width: 800px;
}

.column.wrapping {
	padding: 5px;
}

.column.twelfth {-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;clear: none;font-size: 15px;}

.column.sixth {-webkit-box-flex: 0;-ms-flex: 0 0 16.666666%;flex: 0 0 16.666666%;max-width: 16.666666%;clear: none;font-size: 15px;}

.column.fifth {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;clear: none;font-size: 15px;}

.column.fourth {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;clear: none;font-size: 16px;}

.column.third {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;clear: none;font-size: 16px;}

.column.forty-percent {-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;clear: none;font-size: 18px;}

.column.half {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;clear: none;font-size: 18px;}

.column.sixty-percent {-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;clear: none;font-size: 18px;}

.column.two-thirds {-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;clear: none;font-size: 18px;}

.column.three-quarters {-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;clear: none;font-size: 18px;}

/* Legacy Styles*/
.column.md-1 {-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%}

.column.md-2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%}

.column.md-3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}

.column.md-4 {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}

.column.md-5 {-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%}

.column.md-6 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}

.column.md-7 {-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%}

.column.md-8 {-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%}

.column.md-9 {-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}

.column.md-10 {-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%}

.column.md-11 {-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%}

.column.md-12 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}

/* END Legacy Styles*/

.column.image-bg::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

.column.layer::before {
	content: "";
	position: absolute;
	width: 94%;
	height: 94%;
	left: 3%;
	top: 3%;
	z-index: 0;
}

.column.layer img, .column.layer h4, .column.layer h3, .column.layer h2, .column.layer h2, .column.layer div, .column.layer p {
	z-index: 10;
	position: relative;
}

.column.light .column.layer::before {
	background-color: rgba(255, 255, 255, 0.6);
}

.column.dark .column.layer::before {
	background-color: rgba(0, 0, 0, 0.6);
}

.column.middle {
	text-align: center;
}

.column.light .column.half.checklist {
	text-align: left;
}

.column.light .column.half.checklist {
	color: #143e6f;
}

.column.dark::before {
	background: #133f6f;
}

.column.light::before {
	background: #ffffff;
}

section.column {
	padding: 50px 1%;
}

.column.dark {
	background-color: #273e72;
}

.column.intop {
	padding: 150px 1%;
}

.column.barghest {
	max-width: 380px;
	position: absolute;
	font-size: 18px;
}

.column.barghest.top {
	top: 6%;
}

.column.barghest.bottom {
	bottom: 6%;
}

.column.barghest.right {
	right: 6%;
}

.column.barghest.left {
	left: 6%;
}

.column .animated {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.column .animated:hover {
	transform: translateY(-15px);
}

.column.bordered, .column.center.bordered {
	border: 5px solid #e1e1e1;
	padding: 20px 3px;
}

.column.tail .column.bordered::after {
	content: "";
	border-right: 5px solid #e1e1e1;
	border-bottom: 5px solid #e1e1e1;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: -22px;
	left: 50%;
	height: 30px;
	width: 30px;
	margin-left: -18px;
	background-color: #fff;
}

.column.dark, .column.dark a {
	color: #fff;
}

.column.light, .column.light a {
	color: #4a4a4a;
	text-shadow: 0 0 1px #ffffff;
}

.column.middle img {
	margin: 5px auto 20px auto;
}

.column.right-border::after {
	content: "";
	background-color: #e1e1e1;
	padding: 2px;
	position: absolute;
	top: 0;
	right: 0;
	height: 60%;
}

.column.case {
	min-height: 400px;
}

.column.case h4, .column.case h3 {
	position: relative;
}

.column.case::before {
	background: #000000;
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.column.case:hover::before {
	background: #00adef;
	opacity: 0.6;
}

.pre-heading {
	text-transform: uppercase;
	text-align: center;
	color: #133f6f;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
}

.pre-heading span {
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #133f6f;

}

.column.dark .pre-heading {
	color: #ffffff;
}

.column.dark .pre-heading span {
	border-bottom: 1px solid #ffffff;
}

#blog {
	padding: 10px;
}

.column.center {
	margin: 0 auto;
	float: none;
	padding: 0 5px;
}

.column.contacts.section {
	background-color: #045f86;
	padding: 0;
}

.column.contacts.section .column.contact-form, div.wpcf7-response-output {
	float: right;
	max-width: 560px;
}

.column.contact-form {
	background-color: #045f86;
}

.review li .quote {
	float: left;
}

.review li .company-name {
	float: left;
}

.blockquote_img {border-radius: 50%;}

.blockquote_description {float: left;height: 118px;text-align: left;padding-top: 25px;}

.blockquote_description h4 {float: left;max-width: 100%;width: 100%;padding: 0;text-align: left;}


table {border-collapse: collapse;border-spacing: 0;border-color: #ccc;margin: 0 20px 20px 0;float: left;}

table tr th {padding: 5px 10px;border: 1px solid #888;background-color: #273e72;color: #fff;font-weight: 400;text-align: center;}

table tr td {padding: 3px 10px;border: 1px solid #ccc;background-color: #f5f5f5;}

a {
	color: #0474a5;
	text-decoration: none;
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

a:hover {
	opacity: 0.5;
}

.blue-wide a {color: #fff;}

.blue-wide a:hover {color: #f4b21f;}

.box, .clearboth {clear: both;float: left;width: 100%;margin: 0 0 20px;}

.gradient.top .breadcrumbs {
	max-width: 1075px;
}

.breadcrumbs {
	color: #ffffff;
	font-size: 13px;
	margin: 0 auto;
	padding: 5px 0 0 5px;
	text-transform: uppercase;
	width: 100%;
}

.breadcrumbs a {
	color: #ffffff;
}

.one-third ul {float: left;margin-top: 28px;}

.global_footer {height: 0;overflow: hidden;}

article#single.error {
	padding: 100px 0;
}

.announcement {
	color: #656565;
	float: left;
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: 100;
}

article#blog .preview, article#news .preview img {transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;}

article#blog .preview a img {transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}

article#blog .preview a:hover img {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}

article#blog .one-line.card .preview a:hover img {-webkit-transform: scale(1.0);-ms-transform: scale(1.0);transform: scale(1.0);}

aside {
	max-width: 260px;
	float: left;
	width: 100%;
}

aside .sidebar-widget {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

aside .sidebar-widget > div {
	background-color: #fafafa;
	float: left;
	padding: 17px;
	width: 100%;
}

aside .sidebar-widget ul {
	padding: 0;
	margin: 0;
}

aside .sidebar-widget ul li {
	margin: 0 0 8px;
	float: left;
	line-height: 1.2;
	list-style: outside none none;
	text-transform: uppercase;
	width: 100%;
}

aside .sidebar-widget div .inews li {
	padding: 10px 0 10px 0;
	margin: 0;
	border-bottom: 1px solid #eeeeee;
}

aside .sidebar-widget ul li a {
	font-size: 14px;
	color: #47515b;
}

aside .sidebar-widget ul .current-menu-item a {
	color: #192532;
	font-weight: bold;
}

aside .sidebar-widget ul li a:hover {
	opacity: 0.4;
}

aside .sidebar-widget .inews li a.title {
	color: #444e58;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}

aside .post-info {
	margin: 10px 0 0;
	text-transform: capitalize;
}

#copyright {
	float: left;
	text-align: center;
	width: 100%;
	font-size: 12px;
	background-color: #07577a;
	position: relative;
	color: #ffffff;
}

#copyright > .column {
	padding: 0;
	font-size: 13px;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer ul li {
	margin: 5px 0 10px;
	padding: 0;
	list-style: none;
}

footer a {color: #fff;}


.social-buttons {
	float: right;
}

aside .social-buttons {
	float: left;
}

.social-buttons a {
	color: #fff;
	display: block;
	float: left;
	font-size: 38px;
	line-height: 62px;
	text-align: center;
	width: 80px;
}

.social-buttons a.linkedin {
	background-color: #054d6d;
}

.social-buttons a.facebook {
	background-color: #053f58;
}

.social-buttons a.twitter {
	background-color: #033449;
}

.social-buttons a.language {
	background-color: #012636;
}

#copyright .copy {
	line-height: 26px;
	padding: 18px 0;
	width: 100%;
	text-align: left;
}

#copyright > .column.workspace {
	max-width: 1125px;
}

#copyright > .social-buttons {
	position: absolute;
	top: 0;
	right: 0;
}

#copyright .copyright-menu {
	float: left;
}

#copyright .copyright-menu ul li {
	float: left;list-style: outside none none;margin: 0 10px;
}

#copyright .copyright-menu ul li a {
	color: #fff;
}

.blue, .dark-blue, .yellow, .white, .gray {padding: 35px 0;position: relative;}

.blue {background-color: #3c7ec3;float: left;width: 100%;color: #fff;}

.blue a {color: #f2df75;}

.blue a:hover {color: #afafaf;}

.dark-blue {background-color: #273e72;float: left;width: 100%;color: #fff;}

.dark-blue.top {margin: 0;padding: 0;}

.dark-blue a {color: #f2df75;}

.dark-blue a:hover {color: #afafaf;}

.yellow {
	background-color: rgba(242, 223, 117, 1);
	color: #000;
	float: left;
	width: 100%;
	padding: 80px 0;
}

.yellow .margin {margin: 0 auto;max-width: 1324px;min-width: 1024px;}

.margin {margin: 300px auto 0;max-width: 1224px;}

.white {background: none;float: left;width: 100%;color: #000;}

.gray {background-color: #f6f6f6;float: left;width: 100%;color: #000;}

.white.blog {padding: 0;overflow: hidden;text-align: center;line-height: 0;max-width: 100%;float: none;margin: 0 auto;}

.white.blog .title {background: rgba(0, 0, 0, 0) url("images/gradient.png") repeat-x scroll 0 100%/100% 70%;bottom: 0;color: #fff;left: 0;max-width: 100%;padding: 320px 50px 25px;position: absolute;width: 100%;z-index: 100;}


.description .workspace {margin: 0;width: auto;}

.description .white {margin: 0;padding: 0;}

.preview .aligncenter {margin: 0 auto;}

.text_right {float: right;padding: 140px 0 10px 70px;width: 50%;}

.text_left {float: left;padding: 140px 0 10px 70px;width: 50%;}

.vertical .preview {height: 350px;text-align: center;overflow: hidden;}

.vertical .preview img {max-width: 236px;max-height: 350px;}

.horizontal .preview {height: 225px;overflow: hidden;text-align: center;}

.horizontal .preview img {max-height: 225px;max-width: 320px;}

.foursquare {max-width: 1400px;margin: 0 auto;}

.foursquare .preview {margin: 0;}

.foursquare .preview img {max-height: 350px;max-width: 350px;width: 100%;}

.foursquare .one-fourth {margin: 0 !important;max-width: 350px;padding: 0 !important;position: relative;width: 25%;}

.small-foursquare .preview {height: 305px;text-align: center;overflow: hidden;}

.yellow .small-foursquare .preview {margin: 0;}

.yellow .small-foursquare .one-third {margin: 0 30px 30px 0;}

.yellow .workspace .one-half.last {padding-top: 16px;}

.small-foursquare .preview img {max-width: 320px;max-height: 305px;}

.wide-vertical .preview {height: 397px;text-align: center;}

.wide-vertical .preview img {max-width: 320px;max-height: 397px;}

.just-one .preview {height: 410px;text-align: center;}

.just-one .preview img {max-width: 670px;max-height: 410px;}

.preview {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.preview img {height: auto;width: auto;}

.preview a {
	height: 100%;left: 0;
	top: 0;
	width: 100%;
}

.one-third .preview a img, .one-fourth .preview a img, .foursquare .preview a img {transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}

.foursquare .preview a:hover img {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}

.one-third .preview a:hover img, .one-fourth .preview a:hover img {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

.one-third.awards .preview .inside img:hover {transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}

.one-third.awards .preview {height: auto;min-height: 290px;}

.awards .preview {background: url("images/awards.png") no-repeat scroll 33px 33px #2a7dc1;padding: 135px 0 0;}

.awards .preview .inside .description {background: none;color: #f6f6f6;font-size: 20px;font-weight: 600;line-height: 29px;text-align: left;padding: 0 30px;top: 0;position: relative;margin: 20px 0 0;}

.preview .description {bottom: 0;color: #fff;height: 100px;padding: 40px 0 15px;position: absolute;text-align: center;width: 100%;background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(34, 110, 173, 1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125, 185, 232, 0)), color-stop(100%, rgba(34, 110, 173, 1)));background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(34, 110, 173, 1) 100%);background: -o-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(34, 110, 173, 1) 100%);background: -ms-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(34, 110, 173, 1) 100%);background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(34, 110, 173, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#226ead', GradientType=0);}

.preview .description .name {font-size: 20px;font-weight: 600;line-height: 20px;}

.preview .description .job {font-size: 16px;font-weight: 400;line-height: 20px;}

.alignright {float: right;margin-left: 30px;margin-bottom: 28px;}

.alignleft {float: left;margin-right: 30px;margin-bottom: 28px;}

.aligncenter {margin: 0 auto 28px;display: block;clear: both;}

.column.author {
	padding: 0;
	margin: 10px 0 0 0;
}

.column.author .avatar {
	float: left;
	margin-right: 10px;
	border-radius: 100%;
}

.column.author .name {
	line-height: 30px;
	font-size: 14px;
	white-space: nowrap;
}

.column.author .name a {
	color: #333333;
}

.column.author .name span.position::before {
	content: ", ";
}

.text3 {color: #000000;font-size: 20px;font-weight: 600;line-height: 31px;text-align: left;}

.main-text-top {position: relative;padding: 0 0 30px;margin-top: 0;}

.main-text-top .yellow {padding: 80px 0;margin-bottom: 0;z-index: 2;border-radius: 3px;}

.main-text-top.white .blue {height: 528px;position: absolute;z-index: -1;}

.chess .preview {background-color: #3c7ec3;width: 100%;overflow: hidden;text-align: center;padding: 0;margin: 0;}

.chess .preview img {height: auto;max-width: 236px;max-height: 236px;width: auto;}

#news .one-third .description {font-weight: 600;text-align: center;}

.column.image-bg.yellow_wg::before, .column.image-bg.background_img::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.6;
}



input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	background-color: transparent;
	width: 100%;
	border: none;
	padding: 10px 10px 10px 0;
	color: #dadcde;
	font-size: 15px;
	line-height: 20px;
	border-bottom: 2px solid #ffffff;
	text-align: left;
	outline: 0;
}

input::-webkit-input-placeholder {
	color: #8bb5c7;
}

input:-moz-placeholder {
	color: #8bb5c7;
}

::-webkit-input-placeholder {
	color: #8bb5c7;
}

::-moz-placeholder {
	color: #8bb5c7;
}

::-ms-placeholder {
	color: #8bb5c7;
}

::placeholder {
	color: #8bb5c7;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: white;
	-webkit-box-shadow: 0 0 0 1000px #045f86 inset;
}

textarea {
	height: 120px;
	line-height: 1.1;
}

input[type=submit] {
	background-color: #144476;
	border: medium none;
	color: #ffffff;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.28;
	width: auto;
}

input[type=submit]:hover {
	opacity: 0.6;
}

input[value=Unsubscribe], label[for=s2email] {
	display: none;
}

.blog-question input {
	margin: 5px 0;
	height: 36px;
}

.blog-question textarea {
	margin: 5px 0;
}

aside input {
	margin: 0 0 12px 0;
}

select {
	max-width: 50%;
}

.wpcf7-radio input {
	width: auto !important;
	height: auto !important;
}

.wpcf7-list-item {
	clear: both;
	float: left;
	margin: 0 !important;
}

.wpcf7-list-item-label {
	font-size: 15px;
	min-width: 30px;
}

input[type="checkbox"] {
	width: initial;
}

input.wpcf7-captchar {margin-right: 28px;width: 179px;}

form input.wpcf7-file {border: medium none;padding: 0;}

form input.wpcf7-file:focus {border: medium none;}

form p span span.wpcf7-not-valid-tip {display: none;}

.wpcf7 .wpcf7-validation-errors {background: none repeat scroll 0 0 #fcc;border: 1px solid red;border-radius: 5px;color: red;font-weight: bold;margin: 0;}

.fileform {
	cursor: pointer;
	float: left;
	height: 44px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.fileform .selectbutton {position: relative;border: 1px solid #ccc;border-radius: 2px;float: right;overflow: hidden;text-align: center;vertical-align: middle;background-color: #e2e2e2;width: 175px;height: 42px;color: #575757;font-size: 16px;font-weight: 700;line-height: 42px;}

.fileform .buttontext {border: 1px solid #ccc;float: left;width: 623px;height: 42px;border-radius: 2px;line-height: 42px;padding: 0 15px;color: #575757;font-size: 16px;}

.fileform #upload {cursor: pointer;font-size: 150px;height: 46px;left: -116px;opacity: 0;position: absolute;top: -14px;width: 179px;z-index: 2000;}


#social {position: absolute;padding-top: 9px;right: 0;width: 130px;height: auto;z-index: 1;}

#social .follow {
	border-bottom: 1px solid #999;
	color: #555;
	float: left;
	font-size: 18px;
	margin: 0 0 10px;
	text-transform: uppercase;
	width: 100%;
}

#social_inblog {
	float: left;
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative !important;
	width: 100%;

}

#social_inblog .follow {
	color: #777;
	font-size: 18px;
	margin-bottom: 7px;
}

#social_inblog a:hover button {transform: scale(1.1);}

#social_inblog a .btn-si {border-radius: 2px;float: left;margin: 0 10px 10px 0;padding: 6px 0 6px 29px;}

.btn-si {
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: 1.6em auto;
	border: medium none;
	border-radius: 0.5em;
	color: white;
	cursor: pointer;
	float: right;
	font-size: 0.9em;
	height: auto;
	line-height: 1em;
	margin-bottom: 7px;
	padding: 11px;
	text-align: left;
	text-decoration: none;
	transition: all 0.5s ease 0s;
	width: 130px;
}

.btn-si .share {display: none;}

.btn-si:hover .share {display: block;}

.btn-si:hover .network {display: none;}

#social_inblog .btn-si {
	background-position: 3px center;
	padding: 0 0.5em 0 2em;
}

.column.share {
	padding: 0;
	margin: 10px 0 0 0;
}

.ya-share2, .ya-share2 * {
	float: left;
}

.share .btn-si:hover .network {display: block;}

.share .btn-si {
	background-size: 1.4em auto;
	border-radius: 2px;
	float: left;
	margin: 0;
	opacity: 1;
	width: auto;
}

.share a:hover .btn-si {opacity: 0.75;}

.white .main-slider {margin: 0 auto;max-width: 1324px;position: relative;}

.popup input {width: 332px;}

.popup .wpcf7 {margin: 0;width: auto;}

.btn-file {position: relative;overflow: hidden;}

.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;background: red;cursor: inherit;display: block;}

@-webkit-keyframes swing {
	15% {-webkit-transform: translateX(5px);transform: translateX(5px);}
	30% {-webkit-transform: translateX(-5px);transform: translateX(-5px);}
	50% {-webkit-transform: translateX(3px);transform: translateX(3px);}
	65% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
	80% {-webkit-transform: translateX(2px);transform: translateX(2px);}
	100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes swing {
	15% {-webkit-transform: translateX(5px);transform: translateX(5px);}
	30% {-webkit-transform: translateX(-5px);transform: translateX(-5px);}
	50% {-webkit-transform: translateX(3px);transform: translateX(3px);}
	65% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}
	80% {-webkit-transform: translateX(2px);transform: translateX(2px);}
	100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes bounceIn {
	0% { transform: scale(0.1); opacity: 0; }
	60% { transform: scale(1.1); opacity: 1; }
	100% { transform: scale(1); }
}

.overlay {background-color: rgba(0, 0, 0, 0.8);bottom: 0;cursor: default;left: 0;opacity: 0;position: fixed;right: 0;top: 0;visibility: hidden;z-index: 99999;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}

.popup {background-color: #fff;border: 3px solid #fff;display: inline-block;left: 50%;opacity: 0;padding: 15px;width: 352px;height: 330px;position: fixed;text-align: justify;top: 40%;visibility: hidden;z-index: 999999;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: opacity .5s, top .5s;-moz-transition: opacity .5s, top .5s;-ms-transition: opacity .5s, top .5s;-o-transition: opacity .5s, top .5s;transition: opacity .5s, top .5s;border-radius: 11px;}

.popup .close_window {font-size: 13px;display: block;width: 6px;height: 17px;position: absolute;padding: 1px 9px 4px 9px;top: -15px;right: -15px;cursor: pointer;color: #fff;background: -webkit-gradient(linear, left top, right top, from(#2877b8), to(#00559a));background: -webkit-linear-gradient(top, #2877b8, #00559a);background: -moz-linear-gradient(top, #2877b8, #00559a);background: -o-linear-gradient(top, #2877b8, #00559a);background: -ms-linear-gradient(top, #2877b8, #00559a);background: linear-gradient(top, #2877b8, #00559a);background-color: #2877b8;border: 1px solid #061fb8;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;text-align: center;box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.5);}

.popup .close_window:hover {background: -webkit-gradient(linear, left top, right top, from(#00559a), to(#2877b8));background: -webkit-linear-gradient(top, #00559a, #2877b8);background: -moz-linear-gradient(top, #ff5f0, #2877b87);background: -o-linear-gradient(top, #00559a, #2877b8);background: -ms-linear-gradient(top, #00559a, #2877b8);background: linear-gradient(top, #00559a, #2877b8);background-color: #00559a;border: 1px solid #00385e;}

.popup .close_window:active {background: #8f9be0;}


.background_text {width: 50%;padding: 30px 0;}

.background_text h4 {margin-bottom: 20px;}

.background_text.full {width: 100%;}

.column.background_img .column.workspace {
	max-width: 600px;
	text-align: center;
	min-height: 400px;
}

.dual {padding: 0;margin: 20px 0;}

.dual .forty-percent {float: left;}

.dual .sixty-percent {float: right;}

.dual .sixty-percent img {float: right;}

.dual.right .sixty-percent img {float: left;}

.dual.right .sixty-percent {float: left;}

.dual.right .forty-percent {float: right;}

.triple {padding: 0 0 35px 0;}

.triple .workspace .image {float: left;width: 100%;}

.triple .workspace .image img {display: block;margin: 0 auto;max-width: 100%;}

.triple .module {height: 60%;position: absolute;z-index: -1;}

.triple.noimage .module {height: 100%;}

.wp-caption {background-color: #f6f6f6;padding: 8px 3px;margin-bottom: 28px;}

.wp-caption img {clear: both;display: block;margin: 0 auto;}

.wp-caption p.wp-caption-text {color: #777;font-size: 13px;margin: 8px 5px 0 6px;}

.wp-caption.aligncenter {margin: 0 auto 28px;}

.wp-caption.alignright {float: right;margin: 0 0 28px 20px;}

.wp-caption.alignleft {float: left;margin: 0 20px 28px 0;}

.ground {float: left;padding-right: 64px;position: relative;max-width: 1024px;}

.post-info {
	color: #192532;
	float: left;
	font-size: 13px;
	margin-bottom: 10px;
	width: 100%;
	opacity: 0.6;
}

.post-info .date, .post-info .views {
	float: left;
	margin: 0 20px 0 0;
}

.newsline {
	margin: 0 auto;
	max-width: 1140px;
	width: 100%;
}

.newsline .main_news {
	float: left;
	max-width: 565px;
	position: relative;
	width: 100%;
	max-height: 377px;
	overflow: hidden;
}

.newsline .main_news .news_slider .item {
	height: 377px;
	width: 565px;
}

.newsline .main_news .news_slider img {
	height: 377px;
	width: 565px;
	z-index: -1;
}

.newsline .main_news .news_slider .item h3 {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */

	bottom: 0;
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
	position: absolute;
	width: 100%;

}

.newsline .main_news .news_slider .item h3 a {

	color: #fff;
	float: left;
	padding: 200px 25px 20px;
	width: 100%;
}

.newsline .second_news {
	float: left;
	max-width: 574px;
	position: relative;
	width: 100%;
}

.newsline .second_news .item img {
	height: 185px;
	width: 280px;
	float: left;
	margin-right: 5px;
}

.newsline .item img {
	transition: transform 0.5s ease;-moz-transition: transform 0.5s ease;-o-transition: transform 0.5s ease;-webkit-transition: transform 0.5s ease;
}

.newsline .item:hover img {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

.newsline .second_news .item {
	position: relative;
	float: left;
	margin: 0 0 7px 7px;
	max-height: 185px;
	max-width: 280px;
	width: 100%;
	overflow: hidden;

}

.newsline .second_news .item h4 {
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;

	float: left;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	max-width: 100%;
	min-height: 56px;
	padding: 10px;
	position: absolute;
	text-align: left;
	width: 100%;
}

.newsline .second_news .item h4 a {
	color: #fff;
}

.newsline .item .category {
	background-color: rgba(0, 0, 0, 0.9);
	font-size: 11px;
	left: 0;
	line-height: 1.2;
	padding: 4px 10px;
	position: absolute;
	top: 0;
	color: #fff;
}

#comments ol.comment-list {
	padding: 0; margin: 0;
}

#comments ol.comment-list li {background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	float: left;
	list-style-type: none;
	padding: 15px;
	width: 100%;
	margin: 15px 0;
}

#comments ol.comment-list li .comment-author {float: left; width: 60%;}

#comments ol.comment-list li .comment-author img {float: left; border-radius: 50%; margin: 0 10px 0 0;}

#comments ol.comment-list li .comment-author cite.fn {font-size: 24px; color: #273e72;font-style: normal;}

#comments ol.comment-list li .comment-author span.says {display: none;}

#comments ol.comment-list li .comment-meta {
	float: right;
	font-size: 12px;
	text-align: right;
	width: auto;}

#comments ol.comment-list li .comment-meta a {color: #999;}

#comments ol.comment-list li .comment-body p {float: left;
	margin: 10px 0;
	width: 100%;}

#comments ol.comment-list li .comment-body .reply {float: right;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0;}

#comments ol.comment-list li .comment-body .reply a {background-color: #f2ca00;
	border-radius: 3px;
	color: #273e72;
	padding: 5px 15px;}

#comments ol.comment-list li .comment-body .reply a:hover {background-color: #2a7dc1;
	color: #fff;}

#comments #respond.comment-respond {float: left;width: 100%;margin-top: 30px;}

h3.comments-title {font-size: 23px;}

a img {border: none;outline: none !important;}

.animation {
	animation: bounceIn 2s;
}

.head-line-news {
	border-bottom: 3px solid #f2ca00;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;
}

.head-line-news .background {
	background-attachment: fixed;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	transition: all 15s ease;-moz-transition: all 15s ease;-o-transition: all 15s ease;-webkit-transition: all 15s ease;
	z-index: 0;
}

.head-line-news .newsline .top_article a {color: #fff; text-decoration: underline;}

.head-line-news .newsline .top_article a:hover {text-decoration: none;}

.head-line-news .newsline .top_article {

	float: left;
	height: 580px;
	padding: 0 25px;
	width: 60%;
	color: #fff;
	font-size: 18px;
	position: relative;
	text-shadow: 0 0 2px #111;
}

.head-line-news .newsline .top_news_line {
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.4);

	float: left;
	height: 580px;
	padding: 0 25px;
	width: 40%;
	position: relative;
}

.head-line-news .newsline {max-height: 580px;}

.top_news_line .item {float: left;width: 100%;clear: both;height: 115px;}

.top_news_line .item a {font-size: 14px;color: #fff;
}

.top_news_line .item img {
	width: 160px;
	height: 106px;
	opacity: 0.65;
}

.top_news_line .item img:hover {opacity: 1;}

.top_news_body .item .img {width: 160px;height: 106px;overflow: hidden;border-radius: 2px;margin-right: 10px;float: left;}

.blog-question {
	float: left;
}

.call-to-action {
	background-color: #eee;
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 15px;

	border-radius: 3px;
}

.call-to-action .call {

	float: left;
	font-size: 18px;
	padding: 0 15px 0 0;
	width: 60%;
}

.call-to-action .action {
	background-color: #f2ca00;
	border: medium none;
	border-radius: 3px;
	color: #273e72;
	cursor: pointer;
	float: right;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	padding: 15px 10px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
	width: 35%;
}

.call-to-action .action:hover {background-color: #2a7dc1;
	color: #fff;}

.call-to-action .form {
	float: left;
	width: 100%;
}


article#single.news img, article#single.blog img {max-width: 100% !important; height: auto !important;}

.pie_progress {
	text-align: center;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pie_progress svg {
	margin: 0 auto;
}

.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pie_progress__number {
	font-size: 42px;
}

.pie_progress__label {
	margin-top: 32px;
	font-size: 12px;
}

.pie_progress__svg {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	vertical-align: middle;
	overflow: hidden;
}

.pie_progress__svg svg {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.pie_progress {
	width: 200px;
	margin: 10px;
	float: left;
}

@media all and (max-width: 768px) {
	.pie_progress {
		width: 80%;
		max-width: 300px;
	}
}

.inside {margin: 0 auto;}

.inside.one {width: 220px;}

.inside.two {width: 440px;}

.inside.three {width: 660px;}

.inside.four {width: 880px;}

.inside.default {float: left; width: 100%;}

.inside br {display: none;}

input.wpcf7-submit, a.qbutton {
	background-color: transparent;
	border: 2px solid #ffffff;
	box-sizing: initial !important;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	height: 35px;
	letter-spacing: 1px;
	line-height: 35px;
	margin: 0 0 5px 0;
	outline: 0 none;
	padding: 0 23px;
	position: relative;
	text-align: left;
	text-decoration: none !important;
	text-shadow: none !important;
	text-transform: uppercase;
	white-space: nowrap;
	width: auto;
	float: none;
	transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
}

.qbutton:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	text-decoration: none;
}

.column.light .column.dark a.qbutton,
.column.dark a.qbutton {
	background-color: transparent;
	border-color: #ffffff;
	color: #ffffff;
}

input.wpcf7-submit:hover,
.column.light .column.dark a.qbutton:hover,
.column.dark a.qbutton:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #0474a5;
	opacity: 1;
}

.column.light a.qbutton,
a.qbutton.blue, .fancybox-content form.wpcf7-form input[type="submit"] {
	background-color: transparent;
	border-color: #0474a5;
	color: #0474a5;
}

.column.light a.qbutton:hover,
a.qbutton.blue:hover, .fancybox-content form.wpcf7-form input[type="submit"]:hover {
	background-color: #0474a5;
	border-color: #0474a5;
	color: #ffffff;
	opacity: 1;
}

a.qbutton.white {
	color: #000000;
	background-color: transparent;
}

.column.share > div {
	float: right;
}

.one-line {
	border-bottom: 1px solid #eee;
	min-height: 106px;
	padding: 7px 170px 10px 175px;
	position: relative;
	list-style: outside none none;
}

.one-line a.preview {
	left: 0;
	position: absolute;
	top: 10px;
	height: 106px;
}

.one-line h3 {
	font-size: 18px;
	margin: 0 0 5px;
}

.vacancies .one-line a.qbutton {
	position: absolute;
	right: 30px;
	top: 43px;
}

.one-line .announcement {
	float: none;
	margin: 0;
	padding: 0;
}

.one-line a.preview .qscreen {
	position: relative;
	height: 106px;
	width: 160px;
}

.one-line a.preview .qscreen .more {
	background-color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: all 0.6s ease 0s;
}

.one-line:hover a.preview .qscreen .more {
	opacity: 1;
}

.one-line a.preview .qscreen .more .button {
	border: 2px solid #273e72;
	border-radius: 4px;
	color: #273e72;
	margin: 33px auto 0;
	padding: 5px 0;
	width: 75%;
}

.one-line a.preview .qscreen:hover .more .button {
	color: #999;
	border: 2px solid #999;
}

.wpcf7-mail-sent-ok {
	background-color: #eee;
	border: 2px solid #ddd;
	color: #777;
	float: left;
	margin: 20px 0 0;
	padding: 15px;
	width: 100%;
}

.texture {
	background: transparent url("images/texture.png") repeat scroll 0 0;
	bottom: 0;
	left: 0;
	opacity: 0.7;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.workspace.cards {
	max-width: 800px;
}

.cards_list, .vacancies_list {
	margin: 0 !important;
	padding: 0 !important;
}


.one-line.card {
	background-color: #f6f6f6;
	border: 1px solid #eee;
	float: left;
	list-style: outside none none;
	margin-bottom: 15px;
	min-height: 170px;
	padding: 8px 10px 10px 130px;
	width: 100%;
}

.one-line.card .ambience {
	float: left;
	max-height: 130px;
	overflow: hidden;
	max-width: 400px;
	clear: both;
}

article#blog.developers.vertical_slider .one-line.card .skills {
	max-height: 49px;overflow: hidden;
}

.one-line.card .preview {
	left: 10px;
	position: absolute;
	top: 12px;
	width: auto;
}

.one-line.card .preview img {
	height: auto;
	width: 110px;
}

.one-line.card h3 {
	float: left;
	font-size: 20px;
	margin-right: 10px;
	width: auto;
}

.one-line.card .position {
	color: #777;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	float: left;
}

.one-line.card .skills, .one-line.card .available, .one-line.card .experience, .one-line.card .location {
	color: #676767;
	float: left;
	font-size: 15px;
	text-align: left;
	width: 100%;
}

.one-line.card a.qbutton {
	font-size: 12px;
	margin-top: -21px;
	padding: 0 15px;
	position: absolute;
	right: 10px;
	top: 50%;
}

article#single.developers .one-line.card {
	padding: 12px 12px 12px 130px;
}

/**** START SLIDER CSS ****/
.islider {
	background-color: #f6f6f6;
	margin: 30px 0;
	position: relative;
	padding: 20px 0;
	width: 100%;
}

.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #e1e1e1;
	text-indent: -9999px;
	display: block;
	width: 40px;
	height: 7px;
	margin: 0 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #133f6f;}

.clients .bx-wrapper {
	margin: 0 auto;
}

.bx-wrapper .bx-controls-direction a.disabled {display: none;}

.bx-wrapper .bx-controls-auto {text-align: center;}

.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/controls.png) -86px -11px no-repeat;margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}

.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/controls.png) -86px -44px no-repeat;margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}

.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666 \9;background: rgba(80, 80, 80, 0.75);width: 100%;}

.bx-wrapper .bx-caption span {color: #fff;display: block;font-size: .85em;padding: 10px;}

.bx-wrapper .bx-pager {
	padding-top: 20px;
	text-align: center;
}

.bx-wrapper .bx-controls-direction a {
	font-size: 5em;
	display: block;
	position: absolute;
	top: 0;
	line-height: 1;
	height: 100%;
	z-index: 10;
	opacity: 0.5;
	min-width: 5%;
}

.bx-wrapper .bx-controls-direction a i {
	position: absolute;
	top: 40%;
}

.clients .bx-wrapper .bx-controls-direction a i {
	top: 0;
}

.clients .bx-wrapper .bx-controls-direction a.bx-prev {
	left: -20px;
}


.clients .bx-wrapper .bx-controls-direction a.bx-next {
	right: -20px;
}

.bx-controls-direction a.bx-prev, .bx-controls-direction a.bx-prev i {
	left: 0;
}

.bx-controls-direction a.bx-next, .bx-controls-direction a.bx-next i {
	right: 0;
}

.bx-wrapper .inslide > .column {
	padding-bottom: 60px;
}


.bx-wrapper {position: relative;clear: both;}

.bx-wrapper .bx-viewport {transform: translateZ(0px);-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}





.bx-wrapper .bx-viewport .slides .image {text-align: center;}

.vertical_slider {position: relative; transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}

.vertical_slider .bx-wrapper .bx-controls-direction a {
	-moz-transform: rotate(90deg); /* Для Firefox */
	-ms-transform: rotate(90deg); /* Для IE */
	-webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
	-o-transform: rotate(90deg); /* Для Opera */
	transform: rotate(90deg);
	left: -60px;
	opacity: 0.3;
}

.vertical_slider:hover .bx-wrapper .bx-controls-direction a {
	opacity: 1;
}


.vertical_slider .bx-wrapper .bx-controls-direction a.bx-prev {
	margin: 0;
	top: 35%;
}

.vertical_slider .bx-wrapper .bx-controls-direction a.bx-next {
	margin: 0;
	top: 65%;
}


.top_news_line .bx-controls-direction a {top: 90%;opacity: 0.6;}

.top_news_line .bx-controls-direction a:hover {opacity: 1;}

.top_news_line .bx-controls-direction a.bx-prev {left: 80px;}

.top_news_line .bx-controls-direction a.bx-next {right: 80px;}

.newsline .main_news a.bx-next, .newsline .main_news a.bx-prev {opacity: 0;}

.newsline .main_news:hover a.bx-next, .newsline .main_news:hover a.bx-prev {opacity: 1;}

.islider .slides li {
	text-align: center;
}

/**** END SLIDER CSS ****/

a.free-quote {
	position: fixed;
	right: 0;
	top: 50%;
	transform: rotate(-90deg) translate3d(50%, 0, 0);
	transform-origin: right bottom 0;
	z-index: 1000;
	background-color: #273e72;
	color: #fff;
	padding: 7px 20px;
}

a.free-quote:hover {
	color: #f2ca00;
}

a.free-quote i {margin: 0 6px 0 0;}

.technology_logos {
	margin: 0 auto !important;
	padding: 0 !important;
}

.technology_logos li {
	float: left;
	width: 16.66%;
	list-style: outside none none;
	text-align: center;
	margin-bottom: 25px;
}

.technology_logos .logo {
	background-image: url('images/icons.png');
	margin: 0 auto;
	height: 40px;
}

.technology_logos li .title {
	color: #2d4782;
	font-size: 21px;
}

.show_hide .show_body {
	border-top: 2px dashed #eee;
	float: left;
	margin: 15px 0;
	padding: 15px 0;
	width: 100%;
}

#custom_right_field {overflow: hidden;height: 457px;}

#services {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

#services li {
	clear: both;
	color: #fff;
	float: left;
	list-style: outside none none;
	margin-bottom: 10px;
	width: 100%;
	height: 75px;
	font-weight: bold;
	transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
}

#services li:hover {
	opacity: 0.4;
}

#services li .title {
	display: table-cell;
	vertical-align: middle;
	height: 75px;
}

#services .web a {
	color: #fffbd5;
}

#services .android a {
	color: #57d390;
}

#services .ios a {
	color: #ffcbc7;
}

#services .cross a {
	color: #ffd096;
}

#services .wearable a {
	color: #c8e9ff;
}

#services .advisory a {
	color: #caffc1;
}

#services .qa a {
	color: #7df6e9;
}

#services .uxui a {
	color: #ff9eb5;
}

#services .team a {
	color: #fff;
}

#blog-header {
	min-height: 460px;
	padding: 323px 0 20px 0;
	text-shadow: 2px 2px 3px #000;
	color: #ffffff;
}

#blog-header.vacancies {
	padding: 60px 0;
}

#blog-header .gradient {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

#blog-header .post-info {
	color: #fff;
	font-size: 14px;
	margin: 12px auto 0 auto;
	max-width: 1020px;
	opacity: 1;
	padding: 3px;
	width: 100%;
	float: none;
	z-index: 1;
	height: 29px;
}

#blog-header .breadcrumbs {
	max-width: 1020px;
	padding: 0 0 20px;
	z-index: 1;
}

.gradient {
	background: url("images/blog_cover2.jpg") no-repeat;
	padding: 60px 0;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

.location {
	font-weight: 100;
}

.location .address, .location .map, .location .phone {
	clear: both;
	padding-left: 21px;
	position: relative;
	margin-bottom: 15px;
}

.location .address address {
	font-style: normal;
}

.location i {
	left: 0;
	position: absolute;
	line-height: 1.6;
}

footer .location i {
	font-size: 16px;
	line-height: 1.3;
}

.location .map address {
	font-style: normal;
}


.location .phone span.show {
	border-bottom: 1px dashed;
	color: #f5b21c;
	cursor: pointer;
}

.location .phone span.show:hover {
	border-bottom: none;
}

.review li {
	color: #5c6065;
	font-size: 16px;
	line-height: 1.4;
	position: relative;
	padding: 10px 40px;

}


.review li i.fa.fa-quote-left {
	font-size: 26px;
	left: 0;
	position: absolute;
	top: 0;
	color: #d6dadf;
}

.fa.fa-share-alt {
	color: #999;
	cursor: pointer;
	float: right;
	font-size: 20px;
	line-height: 1.5;
	position: relative;
}

.fa.fa-share-alt .share {
	background-color: #fff;
	height: 24px;
	opacity: 0;
	overflow: hidden;
	padding: 10px 0 9px 10px;
	position: absolute;
	right: 17px;
	top: -8px;
	width: 300px;
	z-index: -1;
}

.share.transition .ya-share2 {
	float: right;
}

.fa.fa-share-alt:hover .share {
	z-index: 999;
	opacity: 1;
}

.transition {
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

#comments {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.clients-logos {
	margin: 0;
	padding: 0;
}

.clients-logos li {
	padding: 0;
	float: left;
	margin: 0;
	width: 100%;
	height: 100px;
	list-style: outside none none;
}

.clients-logos a:hover {
	opacity: 1;
}

.clients-logos .client-logo {
	margin: 0 auto;
	transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
	filter: invert(100%);
	display: block;
}

.clients-logos .client-logo:hover {
	filter: invert(50%);
}


.column.clients {
	margin: 0 auto;
}

.clients .bx-controls-direction a {
	color: #434e65;
	font-size: 3em;
	line-height: 0;
	opacity: 0.3;
	top: 7px;
}

.clients .bx-controls-direction a:hover {
	opacity: 0.7;
}

.location .phone {
	cursor: pointer;
}

.location .phone .pnomber:active span.first_pnomber {
	display: none;
}

.location .phone .pnomber span.second_pnomber {
	display: none;
}

.location .phone .pnomber:active span.second_pnomber {
	display: block;
}

.recaptcha {
	clear: both;
	display: block;
	margin-bottom: 20px;
}

.wpcf7-spam-blocked {
	border: 4px solid #ffa500;
	border-radius: 8px;
	clear: both;
	float: left;
	font-weight: bold;
	margin: 15px 0;
}

footer .address {
	border-top: 1px solid #fff;
	padding: 20px 0;
}

footer .column.third {
	font-size: 12px;
	text-transform: uppercase;
}

footer .column.address .column.third {
	margin-top: 30px;
}

footer .column.address .widget_text.column.third {
	margin-top: 0;
}

.flogo {
	height: 26px;
	width: 93px;
	float: left;
	margin-right: 20px;
}

.flogo .logo {
	fill: #ffffff;
}

aside .social-buttons a {
	margin: 0 5px 0 0;
}

#eastward.toggle .box {
	display: none;
	clear: both;
}

#eastward.toggle .box.open {
	display: block;
}

#eastward.toggle .tab {
	color: #7dc3e1;
	float: left;
	border-top: 5px solid #7dc3e1;
	margin: 5px 15px 10px 0;
	line-height: 1.2;
	text-transform: uppercase;
	width: 150px;
	font-weight: 500;
	cursor: pointer;
}

#eastward.toggle .tab.open {
	color: #144476;
	border-top: 5px solid #144476;
}

#blog.column.md-12.center.blog #eastward.column.md-8 {
	max-width: 760px;
	padding-right: 15px;
}

#blog.column.md-12.center.blog #sidebar.column.md-4 {
	max-width: 320px;
}

.feed-header {
	background-color: #e5e5e5;
	float: left;
	width: 98%;
	padding: 0 0 0 20px;
	font-size: 15px;
	color: #6a6a6a;
	margin: 11px 1%;
}

.feed-header strong {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 800;
	margin-right: 15px;
}

.feed-header span {
	padding-top: 6px;
	display: block;
	float: left;
}

#searchform.searchform {
	float: right;
	max-width: 450px;
	margin: 0;
	width: 100%;
}

#searchform input#search {
	border: 8px solid #e5e5e5;
	color: #777;
	margin: 0;
	background: #fff;
	border-radius: 0;
	height: 38px;
	font-size: 14px;
	max-width: 350px;
}

#searchform.searchform input#searchsubmit {
	margin: 0;
	font-size: 16px;
	padding: 5px 0 6px 0;
	font-weight: 600;
	text-transform: inherit;
	border-radius: 0;
	width: 100%;
	text-align: center;
	max-width: 99px;
	height: 38px;
	float: right;
}

#searchform.searchform input#searchsubmit:hover {
	opacity: 0.5;
}

#eastward {
	padding-top: 1%;
}

#eastward .blog-post {
	padding: 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #acacac;
}

#eastward .blog-post .column.forty-percent {
	padding-left: 0;
}

#eastward .blog-post .column.sixty-percent {
	padding-right: 0;
}

#blog.column.md-12.center.blog .column.md-6 .post {
	padding: 0 0 0 15px;
}

.delimiter {
	clear: both;
}

aside input {
	border-radius: 0;
	height: 35px;
}

form[name=s2form] p {
	margin: 0;
}

form[name=s2form] p br {
	display: none;
}

a.cities {
	float: left;
	color: #fff;
	margin-right: 20px;
}

#blog-header.vacancies {
	min-height: 100px;
}

.has-content-area {
	clear: both;
}

.inspiration {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	padding: 10px;
}

.inspiration:hover .over {
	background-color: rgba(0, 0, 0, 0.5);
}

.inspiration:hover .arrow {
	margin-left: 0;
}

.inspiration:hover .read {
	opacity: 1;
}

.inspiration div {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.inspiration .over {
	float: left;
	width: inherit;
	height: inherit;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0);
}

.inspiration .arrow {
	color: #fff;
	position: relative;
	width: 265px;
	height: 80px;
	padding: 10px 30px 10px 40px;

	z-index: 0;
	font-size: 18px;
	font-weight: 600;
	display: table;
	margin-top: 10%;
	margin-left: -10px;
	text-transform: uppercase;
	line-height: 1.2;
}

.inspiration .arrow .cell {
	display: table-cell;
	vertical-align: middle;
}

.inspiration .arrow img {
	opacity: 0.5;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

.inspiration .read {
	position: absolute;
	right: 30px;
	bottom: 25px;
	opacity: 0;
}

.inspiration .read:hover {
	opacity: 0.5;
}

.inspiration .read a {
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 0 3px #000;
}

.inspiration .read a i {
	border: 2px solid #fff;
	width: 19px;
	text-align: center;
	border-radius: 100%;
	line-height: 19px;
	font-weight: 600;
}

.mist {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 25px 15px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	color: #0a3c70;
	min-height: 260px;
}

.enumerator {
	line-height: 1;
	margin: 0 20px 0 0;
	font-size: 48px;
	font-weight: bold;
	text-align: left;
	color: #0474a5;
	float: left;
	min-width: 110px;
}

.serifed {
	position: relative;
	padding-top: 15px;
}

.serifed::before {
	content: "";
	width: 34px;
	height: 7px;
	background-color: #133f6f;
	position: absolute;
	top: 0;
	left: inherit;
	margin-left: 2px;
}

.column.dark .serifed::before {
	background-color: #ffffff;
}

.banshee, .banshee svg, .banshee svg g path {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.banshee {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.95);
	width: 100%;
	background-color: #ffffff;
	height: 170px;
	padding: 10px;
	border-radius: 4px;
	z-index: 1;
	color: #183f6f;
	line-height: 1.2;
	text-align: left;
	overflow: hidden;
}

.banshee:hover {
	background-color: #00adef;
	transform: scale(1.1);
	z-index: 10;
	color: #ffffff;
}

.banshee svg {
	width: 75px;
	float: right;
	height: auto;
	margin-bottom: 6px;
}

.banshee svg g path {
	fill: #183f6f;
}

.banshee:hover svg g path {
	fill: #ffffff;
}

.banshee a.title {
	transition: none;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	clear: both;
	padding: 5px;
	box-sizing: content-box;
	z-index: 999;
	color: #183f6f;
	display: block;
	font-size: 15px;
	position: relative;
	opacity: 1;
	border-top: 7px solid rgba(0, 0, 0, 0.1);
}

.banshee:hover a.title {
	color: #ffffff;
}

.banshee:hover h4 {
	font-size: 15px;
}

.banshee.has-content:hover a.title {
	border-top: 0;
	border-bottom: 7px solid rgba(0, 0, 0, 0.1);
}

.banshee.has-content .description {
	font-size: 12px;
	z-index: 100;
	position: relative;
	padding: 5px;
	display: none;
}

.banshee.has-content:hover .description {
	display: block;
}

.banshee.has-content:hover svg {
	margin-top: -300px;
}

.banshee.has-content a.title h4 {
	transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	padding-right: 30px;
	position: relative;
}

.banshee.has-content a.title:hover h4 {
	opacity: 0.6;
}

.banshee.has-content a.title:hover h4::after {
	opacity: 0.8;
}

.banshee.has-content a.title h4::after {
	transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	content: "\f138";
	font-family: 'Font Awesome 5 Free', sans-serif;
	font-weight: 900;
	position: absolute;
	right: 0;
	font-size: 32px;
	top: 50%;
	margin-top: -16px;
	line-height: 1;
	color: #000;
	opacity: 0.1;
}

.spotted .expanse {
	text-align: left;
	position: absolute;
	z-index: 100;
	color: #1b4270;
	padding: 30px 20px;
}

.spotted .expanse:hover {
	z-index: 300;
}

.spotted .expanse h4 {
	font-weight: 600;
}

.spotted .expanse > h4 {
	line-height: 56px;
	padding: 0 20px 0 15px;
}

.spotted .expanse.left > h4 {
	float: left;
}

.spotted .expanse.right > h4 {
	float: right;
}

.spotted .expanse .description {
	transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	background-color: #e7ebf0;
	text-align: left;
	position: absolute;
	font-size: 18px;
	right: 110px;
	width: 280px;
	padding: 15px;
	top: 5px;
	opacity: 0;
	height: auto;
}

.spotted .expanse .description::after {
	content: "";
	background-color: #e7ebf0;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 30px;
	right: -15px;
	z-index: -1;
	height: 30px;
	width: 30px;
}

.spotted .expanse.right .description::after {
	left: -15px;
}

.spotted .expanse.right .description {
	left: 110px;
}

.spotted .expanse:hover > h4 {
	display: none;
}

.spotted .expanse:hover .description {
	opacity: 1;
	height: auto;
}

.spotted .expanse .description h4 {
	margin-bottom: 12px;
}

.spotted .expanse .description p {
	margin-bottom: 10px;
}

.spotted .expanse .description a.qbutton {
	float: right;
}

.formatting {height: 480px;}

.pagination {
	float: left;
	font-size: 13px;
	text-align: center;
	width: 100%;
	padding: 15px 0;
}

.pagination .pages {
	display: inline-block;
}

.pagination .page-numbers {
	border-radius: 100%;
	display: block;
	float: left;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 0 3px;
	width: 30px;
}

.pagination span.page-numbers.current, .pagination a.page-numbers:hover {background-color: #0fa4e8;color: #fff;}

.pagination a.page-numbers {color: #192532;}

.column i.icon {
	font-size: 3.5em;
	color: #133f6f;
	margin: 0 auto 10px auto;
	display: block;
	text-align: center;
	line-height: 1;

}

i.icon::before {
	text-align: center;
}

.column.reverse {
	display: flex;flex-direction: column-reverse;
}

.column .flex {
	padding: 0 25px;
}

.column.review {
	padding: 20px;
	text-align: left;
	color: #143e6f;
}

.column.review .column.three-quarters::before {
	font-family: 'Font Awesome 5 Free', sans-serif;
	content: "\f10d";
	font-weight: 900;
	font-size: 4em;
	opacity: 0.3;
	color: #777777;
	top: auto;
	left: auto;
	line-height: 1;
	float: left;
	margin: 0 25px 0 15px;
}

.column.review .pusher {
	padding-left: 120px;
}

.column.review .quote .person {
	max-width: 360px;
	position: relative;
	clear: both;
	margin-top: 25px;
}

.column.review .quote .person .title a {
	color: #143e6f;
	font-size: 17px;
}

.column.review img {
	border-radius: 100%;
	max-width: 230px;
	max-height: 230px;
}

.column.review .quote .person .name {
	font-size: 24px;
	color: #0474a5;
	text-transform: uppercase;
	font-weight: 700;
}

.column.review .quote {
	margin: 50px 0 30px 0;
	display: table;
}

.column.review .column.fourth {
	padding: 0;
}

i.rounded-icon {
	font-size: 3.2em;
	line-height: 70px;
	border: 5px solid;
	padding: 12px;
	border-radius: 100%;
	margin-bottom: 20px;
	width: 70px;
	box-sizing: content-box;
}

.column .wrapper {
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 2px 10px 0 rgba(155, 155, 155, 0.5), 0 2px 4px 0 rgba(133, 133, 133, 0.5);
	/*padding: 10px 10px 1px;*/
	position: relative;
	width: 100%;
}

.middle .column.workspace {
	justify-content: center;
}

.column.workspace {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#portfolio .column {
	margin-bottom: 1%;
}

#service .column.third,
#knowledge .column.third,
#model .column.third,
#leaders .column.fourth {
	display: flex;
}

/* PORTFOLIO SECTION */

#portfolio .portfolio {
	display: flex;
}

#portfolio {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#portfolio .wrapper {
	display: flex;
	flex-direction: column;
}

#portfolio .link,
#portfolio .text {
	flex: 1 1 100%;
}

.portfolio .link:hover {
	opacity: 1;
}

.portfolio .image {
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}

.portfolio .image span {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 165px;
	-webkit-transition: all 0.4s ease;
	display: block;
	filter: brightness(70%);
	border-radius: 5px 5px 0 0;
}

.portfolio .link:hover .image span {
	filter: blur(6px);
	transform: scale(1.1);
}

.portfolio .logo {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	height: 165px;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px 5px 0 0;
}

.portfolio .link:hover .logo {
	background: rgba(4, 116, 165, 0.6);
}

.portfolio .logo img {
	max-height: 165px;
}

.portfolio .logo i {
	color: #ffffff;
	display: block;
	font-style: normal;
	padding: 15px;
	text-transform: uppercase;
}

.portfolio .text,
.portfolio .tags {
	padding: 0 15px 15px;
	color: #9b9b9b;
}

.portfolio .text {
	padding-top: 15px;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	color: #4a4a4a;
}

#portfolio .tags a {
	background: 0;
	padding: 0;
	margin: 0;
}

#portfolio .tags a:hover {
	color: black;
	opacity: 1;
	text-decoration: underline;
}


.column.portfolio-intro .column.workspace.filter {
	max-width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 10px 1%;
	text-align: left;
}

.portfolio-filter {
	float: left;
	min-width: 280px;
	text-align: left;
	width: auto;
	position: relative;
	margin: 20px 30px;
	z-index: 100;
}

.portfolio-filter:hover {
	z-index: 200 !important;
}

.portfolio-filter .filter-title {
	background: #ffffff;
	color: #444;
	padding: 3px 40px 3px 25px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.portfolio-filter .filter-title::after {
	font-family: 'Font Awesome 5 Free', sans-serif;
	content: "\f0d7";
	font-weight: 900;
	position: absolute;
	right: 16px;
	color: #133f6f;
}

.portfolio-filter div ul {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	background: #f4f4f4;
	padding: 0;
	z-index: 100;
	position: absolute;
	overflow: hidden;
	height: auto;
	margin-top: -10px;
	opacity: 0;
	visibility: hidden;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.portfolio-filter:hover div ul {
	opacity: 1;
	margin-top: 0;
	visibility: visible;
}

.portfolio-filter div ul li {
	margin: 0;
	list-style: none;
	padding: 0;
	font-size: 14px;
}

.portfolio-filter div ul li:hover {
	background: #e5e5e5;
}

.column .portfolio-filter div ul li a {
	color: #777;
	padding: 4px 10px 4px 25px;
	width: 100%;
	display: block;
}

.column.workspace.filter a.qbutton {
	float: left;
	margin: 20px 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding: 0 50px;
}

.column.image-bg.single.portfolio-intro::before {
	opacity: 0.7;
}

#single.column.half.center {
	padding: 3%;
}

#single.portfolio .sixth {
	font-weight: bold;
}

/* portfolio main */
.portfolio-intro h1 { text-shadow: none; }
.portfolio .image span { background-size: cover !important; }
.column.portfolio-intro .column.workspace.filter { background-color: rgba(0, 0, 0, 0.1);}
/* portfolio main */
/* main */
.clients-logos .client-logo { opacity: 0.65;}

/* END PORTFOLIO SECTION */

/* LEADERS SECTION */

#knowledge .wrapper,
#leaders .wrapper {
	padding: 0;
}

#leaders .wrapper p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	text-align: left;
	min-height: 44px;
	margin: 10px;
}

#model .wrapper p,
#knowledge .wrapper p {
	font-size: 14px;
	margin: 10px;
}

#knowledge h3,
#leaders h3 {
	font-weight: bold;
	margin: 10px;
	line-height: normal;
	font-size: 14px;
}

#leaders h3 {
	text-align: left;
}

#knowledge h3 {
	font-size: 18px;
}

#knowledge img,
#leaders img {
	margin: 0;
	border-radius: 5px 5px 0 0;
	width: 100%;
}

#leaders i {
	font-size: 18px;
	vertical-align: middle;
}

/* END LEADERS SECTION */

/* SOLUTIONS SECTION */

#solutions .wrapper {
	display: flex;
	flex-wrap: wrap;
}

#solutions h4 {
	font-size: 16px;
	text-transform: none;
	text-align: left;
}

#solutions .text p {
	text-align: left;
	font-size: 14px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 900px) {
	#solutions .text {
		order: 1;
	}

	#solutions .image {
		order: 0;
	}
}

@media only screen and (min-width: 901px) {
	#solutions .wrapper {
		flex-wrap: nowrap;
	}

	#solutions .workspace > .half {
		-webkit-transition: all 0.4s ease;
	}

	#solutions .image {
		max-width: none;
		flex: 1 1 100%;
		padding: 10px;
	}

	#solutions .text {
		display: none;
		flex-wrap: wrap;
		padding: 35px;
	}

	#solutions .workspace > .half {
		transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		-webkit-transition:all 0.4s ease;
	}

	#solutions .workspace > .half:hover {
		max-width: none;
		position: absolute;
		bottom: 0;
		z-index: 2;
	}

	#solutions .workspace > .half:hover .text {
		display: flex;
	}

	#solutions .workspace > .half:first-of-type:hover .image {
		margin-left: -9px;
	}


	#solutions .workspace > .half:last-of-type:hover .image {
		margin-left: 9px;
	}
}

@media only screen and (min-width: 1027px) {
	#solutions .workspace > .half:last-of-type:hover .image {
		margin-left: 11px;
	}
}

/* END SOLUTIONS SECTION */



.column.delimiter.shell {
	box-shadow: 0 2px 8px 0 rgba(155, 155, 155, 0.5);
	padding: 0;
	margin-bottom: 40px;
}

.column.delimiter.shell .column.half {
	padding: 0;
}

.column.delimiter.shell .column.half.left {
	float: left;
}

.column.delimiter.shell .column.half.right {
	float: right;
}

.column.delimiter.shell .column.half.article {
	padding: 25px;
}

.counters > span {
	font-size: 18px;
	color: #222222;
	display: block;
	float: left;
	line-height: 48px;
}

.counters .delimiter {
	margin: 0 0 55px 0;
}

#single.column.portfolio .delimiter,
#single.column.two-thirds.blog .delimiter {
	border-bottom: 1px solid #dddddd;
	padding: 2px 0;
	margin-bottom: 15px;
}

[name=s2form] {

}

[name=s2form] p {
	display: block;
	float: left;
}

[name="s2form"] #s2email, #subscribe-email {
	background: #e9e9e9;
	border: none;
	padding: 10px 20px;
	color: #222222;
	width: 225px;
	height: 40px;
	float: left;
}

#subscribe-email::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #222222;
	opacity: 1; /* Firefox */
}

#subscribe-email:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #222222;
}

#subscribe-email::-ms-input-placeholder { /* Microsoft Edge */
	color: #222222;
}

[name="s2form"] [type="submit"], #subscribe-submit {
	background-color: #012636;
	font-size: 0;
	background-image: url('images/svg-icons/right-arrow.svg');
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 50%;
	padding: 0 20px;
	height: 40px;
	float: left;
	border: none;
	letter-spacing: 0;
	margin: 0;
}

p.s2_error {
	color: #fffccc;
	float: left;
	font-weight: 600;
	margin: 10px 0;
	text-shadow: 0 0 4px #000000;
}

.tags a {
	background-color: #f5f6f7;
	color: #9b9b9b;
	padding: 5px 15px;
	font-size: 14px;
	margin: 0 10px 15px 0;
	border-radius: 4px;
	text-transform: uppercase;
	display: inline-block;
}

.ptags, .ptags a {
	font-size: 14px;
	color: #9b9b9b;
	text-transform: uppercase;
	clear: both;
}

.column.half.article .post h3 a {
	color: #4a4a4a;
}

.post .column.third.share .post-info .date {
	float: right;
}

.column.delimiter.shell .column.half.article .post h3 {
	margin: 12px 0;
	display: inline-block;
}

.inews li a.title img {
	max-width: 64px;
	float: left;
	margin-right: 10px;
}

.subtext, .subtext li {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: unset;
}

.subtext {
	display: none;
}

.bx-wrapper .subtext {
	display: inline;
}

#copyright .column.workspace.copy span.copyright {
	float: left;
	margin-right: 15px;
}

#copyright .column.workspace.copy span.menu ul li {
	margin: 0 15px 0 0;
}

.column.workspace.technologies .column.sixth {
	min-height: 110px;
}

.fancybox-content form.wpcf7-form {
	max-width: 480px;
}

.fancybox-content form.wpcf7-form input {
	color: #333333;
	border-bottom: 1px solid #e6e6e6;
}

.fancybox-content form.wpcf7-form input::placeholder {
	color: #999999;
}

.fancybox-content form.wpcf7-form input {
	color: #333333;
	border-bottom: 1px solid #e6e6e6;
}

.fancybox-content form.wpcf7-form input[type="submit"] {
	border: 2px solid;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-text-fill-color: #333333;
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}