/*
 Theme Name: City Square Theme
 Author URI: http://webthemez.com/
 Description: This theme is a pretty versatile, that places the emphasis of the home page. It would be great for a corporate websites, business websites, personal blog.
 License: Free to use for personal and commercial, but you need to place back link in the bottom of the template.
 */
@import url(//fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic-ext,cyrillic);

* {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;;
}

body {
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'PT Sans', sans-serif;
}
::selection {
	color: #fff;
	background: #215b80;
}
h2 span {
	font-size:26px;
	color:#ed6500;
}
::-moz-selection {
	color: #fff;
	background: #215b80;
}
footer ::-moz-selection {
	background: #ED6500;
}
ul, ol {
	margin-left:25px;
}
p, ul li, dd, dt {
	color: #595959;
	line-height: 1.9;
	font-size:15px;
}

h1 {
	color:#ed6500;
	font-size:36px;
	/*text-indent: -10px;*/
	padding-bottom:20px;
	margin-top: 10px;
}
h2 {
	margin-top: 35px;
}
.separator {
	background-color: #215b80;
	height: 1px;
	margin: 25px auto;
	position: relative;
	text-align: center;
}
.separator:after {
	background-color: #ed6500;
	content: "";
	height: 10px;
	left: 50%;
	margin-left: -4px;
	position: absolute;
	top: -4px;
	width: 10px;
	border-radius: 90%;
}
.white {
	background: #fff;
}
.pDark p {
	color: #6D6D6D;
}

.pDark h3 {
	color: #BEBEBE;
}

.btn, .form-control, .team-socials i {
	border-radius: 5px !important;
}

.button-outline {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	color: #fff;
	padding: 10px 25px;
	border: 2px solid #fff;
	border-radius: 0px;
	font-size: 16px;
	font-weight: 400;
	background: rgba(255,255,255,0.15);
}

.button-outline:hover {
	color: #fff;
	background: rgba(255,255,255,0.35);
}

a {
	color: #215b80;
	text-shadow: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration:underline !important;
}

a:hover {
	color: #ed6500;
}

.btn {
	border: 0px;
	border-radius: 0px;
}

.btn:hover {
	background: #26bdc4;
}

.btn-primary {
	background: #215b80;
}

a.btn{
	text-decoration:none !important;
}

.mrgn30 {
	margin: 30px 0;
}

.copyright {
	background: #0f2f47;
	padding: 15px 0;
	font-size:13px;
}
.copyright p {
	color:#fff;
	font-size:13px;
}
#top {
	position: relative;
}

.topHome {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 5;
	background: #215b80;
}
.topHome .fa-2x {
	font-size: 20px;
	color: #fff;
	margin: 4px;
}
/* Header
 ----------------------------------------------*/
.header {
	position: fixed;
	width: 100%;
	background: #215b80;
	z-index: 50;
	border-radius: 0;
	top: 0px;
	border-bottom: 1px solid #0f2f47;
	height:130px;
}

.navbar-inverse .navbar-toggle {
	border-color: #215b80;
	background-color: #215b80;
}
.header .navbar {
	margin: 0;
	background: transparent !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
	/*background-color: #215b80;*/;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: #215b80;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #215b80;
}

.navbar-inverse .navbar-toggle:hover .icon-bar {
	background: #fff;
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
	margin: 10px 5px;
	text-align: center;
	border-radius: 90%
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #FFFFFF;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a {
	color: #FFFFFF;
	background: none;
}
.lang > li.active > a {
	background:#0f2f47 !important;
}
.lang > li > a {
	height:40px !important;
	width:40px !important;
	margin:0 0 0 0;
	border:solid 1px #0f2f47;
	padding:0 !important;
}
.lang {
	height:40px;
	margin-top:20px;
}
.mapDiv {
	border-top:solid 1px #215b80;
}

/*----Nav ----*/
.up-header {
	background: #0f2f47;
	height: 35px;
}
.up-header ul a {
	color: #26bdc4;
	padding-left: 10px;
	text-decoration: underline;
	font-size: 12px;
}
.up-header a:hover {
	text-decoration: none;
}
.main-header {
	min-height: 50px;
}

.barsy-links li {
	float: left;
}
.barsy-links {
	padding: 3px 0 0 0;
	list-style: none;
}

.navbar-brand b {
	color: #fff;
	font-weight: 400;
}

.logo {
	font-size: 2.2em;
	text-shadow: none;
}

.logo:hover {
	color: #5A5A5A;
}

.header .navbar {
	margin: 0;
	background: #fff;
	border: 0;
}
.navbar-default {
	background:none;
	border:none;
}
.copyright .navbar-default .nav > li > a {
	border-right:1px solid #cecece;
	color:#fff;
}
.copyright  .navbar-default .nav li:last-child a {
	border:none;
}
.copyright .navbar-nav > li > a {
	padding: 0 10px;
	line-height:15px;
}
.copyright .navbar-nav > li > a:hover {
	color:#ed6500;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#ed6500;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #fff;
	background: #ed6500;
	font-weight:bold;
}
@media (min-width:992px) {
	.navbar-nav > li:hover > a {
		color: #fff;
	}

	.header .navbar-nav > li > a {
		font-weight: 400;
		font-size: 14px;
		line-height: 40px;
		width:85px;
		height:85px;
		border-radius:90%;
		padding:20px 0 0 0;
		text-decoration: none !important;
	}
}
.page-section {
	width: 100%;
	height: auto;
	padding: 30px 0;
}

.noPadd {
	padding: 0;
}

.page-section h1 {
	font-size: 3.5em;
	margin: 90px 0 30px;
	line-height: 1.2em;
}

.page-section h1 span {
	font-weight: 200;
}

h2, h3 {
	color: #215b80;
}

.page-section p {
	font-size: 1.1em;
	line-height: 1.6em;
}

.darkBg {
	background: rgb(44, 44, 44);
}

.darkBg .fa {
	color: #215b80;
}

.mainCont {
	padding: 204px 0 50px 0;
}
.secPad {
	padding:30px 0;
}
/*----team---*/
.team-member {
	margin-bottom:20px;
	min-height: 250px;
}
.team-member div > p {
	font-style:italic;
	text-indent:20px;
	font-weight: bold;
}
.team h3, .team-member h3, .work-position h3 {
	color:#ed6500;
}
.team-member blockquote {
	min-height: 100px;
}
.team-member blockquote p {
	text-indent: 30px;
}
/*---work---------*/
.work-position {
	border-bottom:solid 1px #215B80;
	padding-bottom:10px;
	min-height: 250px;
}
.work-position .btn {
	display:inline-block;
	text-align: right;
}
/*---technology---*/
.tech-box, .serv-box, .box, .tech-box-jobs {
	text-align:center;
	padding:10px;
	border:solid 1px #ccc;
	margin-bottom:20px;
	background:#f6f6f6;
}
.product.box img {
	margin:0 auto 0;
}

.tech-box ul li {
	text-align:left;
}
.tech-box ul {
	width:70%;
	margin:0 auto 0;
}
.tech-box {
	min-height: 250px;
	transition:all 0.3s ease;
}
.tech-box h2 {
	margin-top: 10px;
}
.tech-box:hover {
	background:#ED6500;
	border-radius:50%;
}
.tech-box:hover ul li, .tech-box:hover p {
	color:#fff;
}
.serv-box {
	min-height: 280px;
}
.tech-box i, .serv-box i, .tech-box-jobs i {
	color:#215B80;
}
.red, .orange, .green, .blue, .purple {
	text-decoration: underline;
}
.red {
	color: #ec2a04;
}
.orange {
	color:#ec7c04;
}
.green {
	color:#80ae2d;
}
.blue {
	color:#469cc4;
}
.purple {
	color:#8a58ac;
}
/*parlex*/
.bg-parlex {
	padding-top: 0px;
	background-image: url('../images/banner-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-parlex p {
	color:#13486a;
	font-size:1.3em;
	line-height: 1.7em;
}
.parlex-back {
	padding: 50px 0;
	background-color: rgba(229, 229, 229, 0.27);
	color: #215b80 !important;
	border:solid 1px #13486a;
}

.btn {
	font-weight: 200;
}

.btn-light {
	border:solid 1px #215b80;
	color:#215b80;
	margin-top:20px;
}
.btn-light:hover {
	color:#fff;
}
.back-to-top {
	display: inline-block;
	clear: both;
	background: #fff;
	color: #333;
	padding: 0 10px 5px;
	margin: 20px 0 0;
	text-shadow: none;
}

.back-to-top:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}

hr {
	border-color: #ddd;
}

body {
	margin: 0;
}

#navigation {
	position: fixed;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 200px;
	background: #ffffff;
	box-shadow: 0 10px 10px -10px #000000;
}

#navigation > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation > li > a {
	margin: 1px;
	color: #000000;
	background: #cccccc;
	display: block;
	padding: 5px;
	text-decoration: none;
	transition: all 400ms;
}

#navigation > li > a.current, #navigation > li:hover > a {
	background: #999999;
}

.pageSection {
	min-height: 600px;
	padding: 20px;
	background: #dddddd;
}

.socialIcons li {
	list-style: none;
	display: inline;
	margin-right: 6px;
}

footer {
	border-top: 1px solid #e5e5e5;
	padding: 45px 0;
	background: #215b80;
	color:#eaeaea;
}
footer address i {
	color:#0f2f47;
	padding-right:10px;
}
footer h3 {
	color:#eaeaea;
}

blockquote {
	border-color:#194766;
	background:transparent url("../images/quote.png") no-repeat 90% 60%;
	padding: 10px 20px 0 20px;
}
blockquote p span {
	font-size: 12px;
	font-weight: bold;
}
blockquote p {
	font-size: 14px;
	line-height: 19px;
}
.team-member blockquote {
	background:transparent url("../images/quote-blue.png") no-repeat 2% 5%;
}
.person {
	display:block;
	text-align: right;
	font-style:italic;
	color:#0f2f47;
	padding-top:20px;
}
.social a:hover {
	color: #ed6500;
}

.social a {
	font-size: 32px;
	margin: 0 10px;
	color: #c7c7c7;
}

.contact ul li {
	margin-bottom: 10px;
}

.contact ul li i {
	margin-right: 15px;
}
/*Clients*/
.clients {
	background:#EAEAEA;
	border-top:solid 1px #215b80;
	padding: 0 0 10px 0;
}

@media (max-width: 990px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media (min-width: 768px) {
	.header .navbar-brand {
		padding-left: 0;
	}

	.navbar-nav {
		float: right;
	}
}

@media (max-width: 768px) {
	.banner-container {
		background-size: contain;
	}
}

@media (max-width: 991px) {
	.header .navbar-nav > li > a {
		padding: 0;
		font-size: 14px;
		border-radius:2px;
	}
	.header .navbar-nav {
		width:50%;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border-color: #A8A8A8;
		background:#215b80;
	}
	.navbar-inverse .navbar-nav > li > a {
		padding:0 !important;
		width:90%;
		height:40px;
	}
}



@media (max-width: 320px) {
	.banner-container {
		background-size: contain;
	}
}

.barsy_bg{
	font-weight:600;
}

.form-control.file{
	padding:0;
}

.u{
	text-decoration: underline;
}

.keywords{
	color:#666;
	font-style: italic;
}

.note{
	font-style: italic;
	color: #111111;
}

/*team swap images on hover*/
@media (min-width: 996px) {
	figure.swap-on-hover {
		position: relative;
		margin:  0 auto;
	}
	.swap-on-hover img {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.swap-on-hover .big-img {
		z-index: 3;
		transition: opacity .5s linear;
		cursor: pointer;
	}
	.swap-on-hover:hover > .big-img {
		opacity: 0;
	}
}
@media  (max-width: 996px) {
	.small-img {
		display: none;
	}
	.team-member {
		min-height: 315px;
	}
}
/*jobs styles*/
.gray {
	background-color: #ecf1f5;
	padding: 20px;
	min-height: 230px;
}
.gray p {
	color: #215b80;
}
.border {
	margin-top: 20px;
	padding:20px;
	border: solid 1px #215b80;
	border-radius: 24px;
}
.screen-gall {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #ecf1f5;
	border-radius: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px;
}
.screen-gall img {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 20%;
	flex: 1 1 20%;
	max-width: 23%;
	border: solid 1px #ccc;
	border-radius: 10px;
}
.tech-jobs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.tech-box-jobs {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 17%;
	flex: 1 1 17%;
	max-width: 19%;
	border-radius: 10px;
}
.tech-box-jobs p {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;;
}

dl{
	margin-left: 10px;
}

dl dt{
	color:#215b80;
	/*display: list-item;
	list-style-type: disc;*/
}

dl dd{
	margin-bottom: 20px;
	color:#0f2f47;
	word-break: break-all;
}
.fa-question-circle:before {
	content: "\f059";
	color: #215b80;
	margin-right: 10px;
	font-size: 21px;
}
.label-tab {
	background: #215b80;
	color: #fff;
	padding: 2px 7px;
	border-radius: 4px;
}
@media (max-width: 480px) {
	.banner-container {
		background-size: contain;
		margin-top: 67px;
	}

	.navbar-inverse .navbar-nav > li > a {
		font-size: 0.9em;
		padding: 5px 7px !important;
		margin: 2px 0px;
	}

	.navbar-toggle {
		margin: 17px;
	}

	.da-slide h2 {
		font-size: 30px;
		text-align: center;
		width: initial;
		top: 10px;
	}

	.da-slide p {
		width: 65%;
		top: 65px;
		height: 50px;
	}

	.page-section h1 {
		font-size: 3em;
	}

	.page-section h2 {
		font-size: 2em;
	}

	.page-section p {
		font-size: 1em;
		margin: 0 0 20px;
	}

	.portfolio-item .portfolio-desc .folio-info h5 {
		font-size: 11px;
	}
	.screen-gall {
		flex-direction: column;
	}
	.screen-gall img {
		max-width: 100%;
		margin-bottom: 5px;
	}
}