/*  ---------------------------------------------------------
	1. Embedded fonts styles
	2. General reset
	3. Common site styles
	4. Custom form styles
	5. Styles for responsive breakpoints
	---------------------------------------------------------*/
/*  ---------------------------------------------------------
	1. Embedded fonts styles
	---------------------------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?nssizl');
	src:url('../fonts/icomoon.eot?#iefixnssizl') format('embedded-opentype'),
		url('../fonts/icomoon.woff?nssizl') format('woff'),
		url('../fonts/icomoon.ttf?nssizl') format('truetype'),
		url('../fonts/icomoon.svg?nssizl#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*  ---------------------------------------------------------
	2. General reset
	---------------------------------------------------------*/
* { max-height: 100000px;}
body {
	min-width: 320px;
	line-height: 26px;
	background: url(../images/bg.png);
	background: #F5F3EE;
}
a:hover,
a:focus {
	outline: none;
}
a:hover {
	color: #fff;
}
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-top:before { content: "\e600"; }
.icon-circle-left:before { content: "\e601"; }
.icon-circle-right:before { content: "\e602"; }
.icon-google-plus:before { content: "\e603"; }
.icon-facebook:before { content: "\e604"; }
.icon-twitter:before { content: "\e605"; }
.icon-linkedin:before { content: "\e606"; }
.icon-mail:before { content: "\e607"; }
.icon-heart:before { content: "\e608"; }
.icon-bubble:before { content: "\e609"; }
.icon-double-arrow:before { content: "\e60a"; }
.tel { pointer-events: none;}
h1 {
	line-height: 60px;
	margin: 0 0 30px;
}
h2 {
	line-height: 60px;
	margin: 0 0 30px;
}
h3 {
	line-height: 30px;
	margin: 0 0 25px;
}
.btn {
	min-width: 210px;
	padding: 12px;
	display: inline-block;
	vertical-align: top;
	color: #333;
	text-align: center;
}
.form-control {
	padding: 15px 20px;
	font-size: 18px;
	line-height: 27px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.form-control::-ms-clear { display: none;}
.form-group {
	position: relative;
	margin: 0 0 20px;
}
.form-group .form-control { margin: 0;}
.form-group.error .help-block { display: block;}
.form-group .help-block {
	color: #f00;
	font-size: 14px;
	line-height: 18px;
	display: none;
}
/* placeholder input styles */
::-webkit-input-placeholder { color: #333;}
:-moz-placeholder { color: #333;}
::-moz-placeholder {
	color: #333;
	opacity: 1;
}
:-ms-input-placeholder { color: #333;}
.tel { pointer-events: none;}
/*  ---------------------------------------------------------
	3. Сommon site styles
	---------------------------------------------------------*/
/* main container styles */
#wrapper{
	overflow: hidden;
	border-top:5px solid #313233;
}
.scroll-top {
	right: 20px;
	bottom: 10px;
	z-index: 999;
}
.scroll-top a {
	display: none;
	text-indent: -9999px;
	position: relative;
}
.scroll-top a:after {
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	content: '';
	background: url(../images/ico03.png) no-repeat;
	width: 27px;
	height: 25px;
}
.scroll-top a:hover:after {
	background: url(../images/ico04.png) no-repeat;
}
.scroll-top.affix a {
	display: inline-block;
	vertical-align: top;
}
#sidemenu {
	background: rgba(255,255,255,0.5);
	width: 50px;
	top: 20%;
	position: fixed;
	right: 0;
	padding: 10px;
	z-index: 99999;
}
#sidemenu .text {
	font-size: 9px;
	line-height: 12px;
}
#sidemenu .contact-list {
	font-size: 30px;
	line-height: 33px;
	margin: 0;
	text-align: center;
}
#sidemenu .contact-list li {
	margin: 0 0 5px;
}
#sidemenu .contact-list li a {
	color: #333;
	transition:all 0.4s ease;
}
#sidemenu .contact-list li a:hover {
	color: #186aad;
	transition:all 0.4s ease;
}
/* header styles */
.header-outer.down #header {
	display: none;
	transition:all 0.4s ease;
}
.header-outer #header.clone {
	display: none;
	transition:all 0.4s ease;
}
.header-outer.down #header.clone {
	display: block;
	transition:all 0.4s ease;
}
#header.clone .top-bar {
	display: none;
	transition:all 0.4s ease;
}
#header{
	-webkit-box-shadow: 0 2px 5px rgba(24, 106, 173, 0.35);
	-moz-box-shadow: 0 2px 5px rgba(24, 106, 173, 0.35);
	box-shadow: 0 2px 5px rgba(24, 106, 173, 0.35);
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	background: #0b5a86;
	z-index: 999;
	position: relative;
}
#header.home {
	margin: 0 0 15px;
}
.top-bar {
	overflow: hidden;
	background: #f8f8f8;
}
.top-bar .socials {
	margin: 0;
	letter-spacing: -5px;
	min-width:105px;
}
.top-bar .socials li {
	padding: 0;
	border-right:1px solid #ddd;
	letter-spacing: normal;
}
.top-bar .socials li:first-child {
	border-left:1px solid #ddd;
}
.top-bar .socials li a {
	display: block;
	color: #777;
	padding: 3px 10px;
	transition:all 0.4s ease;
}
.top-bar .socials li a:hover {
	background: #186aad;
	color: #fff;
	transition:all 0.4s ease;
}
.top-bar .top-list {
	min-width:150px;
	font-size: 13px;
	line-height: 16px;
}
.top-bar .top-list.socials a {
	padding: 8px 10px;
}
.logo-holder {
	float: left;
}
.logo-holder a {
	display: inline-block;
	vertical-align: middle;
}
.logo-holder img {
	display: inline-block;
	vertical-align: middle;
}
.logo-holder .slogan {
	font:700 23px/26px 'Open Sans Condensed', sans-serif;
	display: inline-block;
	vertical-align: middle;
	color: #606060;
}
.logo-holder .slogan span {
	display: block;
}
.logo-holder .slogan span.meta-name {
	display: block;
	font-size: 10px;
	line-height: 13px;
	letter-spacing: -0.5px;
}
#nav {
	padding:25px 0;
	text-align: right;
}
#nav .navigation {
	font:700 16px/19px 'Open Sans Condensed', sans-serif;
	margin: 0;
}
#nav .navigation > li {
	padding: 0;
	margin: 0 20px 0 0;
	position:relative;
}
#nav .navigation > li > a {
	color: #fff;
	display: block;
	transition:all 0.4s ease;
}
#nav .navigation > li > span {
	margin: 0 5px 0 0;
}
#nav .navigation > li > a.active,
#nav .navigation > li > a:hover {
	color: #fff;
	transition:all 0.4s ease;
}
#nav .nav-opener strong {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#nav .nav-opener {
	height: 18px;
	width: 24px;
	padding: 10px 12px;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
#nav .nav-opener span {
	width: 24px;
	height: 4px;
	background: #2d9d2c;
	position: absolute;
	left: 0;
	top: 9px;
	transition: background 0s ease 0.3s;
	-webkit-transition: background 0s ease 0.3s;
	text-indent: 9999px;
}
#nav .nav-opener span:after,
#nav .nav-opener span:before {
	width: 24px;
	height: 4px;
	content: "";
	background: #2d9d2c;
	position: absolute;
	left: 0;
	transition-delay: 0.3s, 0s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-duration: 0.3s, 0.3s;
}
#nav .nav-opener span:before {
	top: -6px;
	transition-property: top, transform;
	-webkit-transition-property: top, transform;
}
#nav .nav-opener span:after {
	bottom: -6px;
	transition-property: bottom, transform;
	-webkit-transition-property: bottom, transform;
}
#nav.active .nav-opener span { background: none;}
#nav.active .nav-opener span:after,
#nav.active .nav-opener span:before {
	transition-delay: 0s, 0.4s;
	-webkit-transition-delay: 0s, 0.4s;
	background: #fff;
}
#nav.active .nav-opener span:before {
	top: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#nav.active .nav-opener span:after {
	bottom: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.nav-slide.js-slide-hidden {
	position: static !important;
}
.dropdown-holder {
	overflow: hidden;
}
#nav .navigation > li:hover .dropdown-holder {
	display: block;
}
#nav .navigation > li .dropdown-holder {
	text-align: left;
	position:absolute;
	min-width:250px;
	left:0;
	top:100%;
	padding: 25px 0 0;
	display:none;
}
#nav .navigation > li .dropdown-holder .dropdown {
	margin: 0;
	background: #0b5a86;
	-moz-box-shadow: inset 0 0 5px #fff;
	-webkit-box-shadow: inset 0 0 5px #fff;
	box-shadow:  inset 0 0 5px #fff;
	text-transform: capitalize;
	border-radius: 0 0 4px 4px;
}
.dropdown-holder .dropdown li {
	padding: 0;
	margin: 0;
}
.dropdown-holder .dropdown li a {
	color: #fff;
	display: block;
	transition:all 0.4s ease;
	padding:5px 10px;
}
.dropdown-holder .dropdown li a:hover {
	background: #efefef;
	color: #0b5a86;
	-moz-box-shadow: inset 0 0 5px #0b5a86;
	-webkit-box-shadow: inset 0 0 5px #0b5a86;
	box-shadow:  inset 0 0 5px #0b5a86;
	transition:all 0.4s ease;
}
.visual-holder {
	overflow: hidden;
}
/* slideshow basic styles */
.slideshow {
	position: relative;
}
.slideshow .slide {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	min-height:300px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.slideshow .slide.active {
	z-index: 2;
}
.slideshow.not-enough-slides a.btn-prev,
.slideshow.not-enough-slides a.btn-next {
	visibility: hidden;
}
.slideshow a {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	content: '';
	left: 0;
	z-index: 99;
	text-indent: -9999px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	background: url(../images/ico01.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.slideshow a.btn-next {
	background: url(../images/ico02.png) no-repeat;
	left: auto;
	right: 0;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
/* main informative part styles */
#main:after {
	display: block;
	content: '';
	clear: both;
}
#content {
	padding: 15px 15px;
}
.about-section {
	overflow: hidden;
}
.about-section .news-block {
	float: right;
	width: 300px;
	margin: 0 0 0 15px;
}
.news-block h2 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 10px;
	color: #186aad;
}
.news-block h2 i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	font-weight: 400;
}
.about-section .text-holder {
	overflow: hidden;
	font-size: 15px;
	line-height: 20px;
}
.about-section .text-holder .image-holder {
	float: left;
	border:1px solid #ccc;
	padding: 3px;
	margin: 0 10px 0 0;
}
.about-section .text-holder .image-holder img {
	display: block;
}
.about-section .text-holder .image-holder.add {
	float: none;
	height: 253px;
	margin: 0 0 10px;
}
.about-section .text-holder .image-holder.add img {
	display: block;
	width: 100%;
	height: auto;
}
.about-section .text-frame {
	overflow: hidden;
	text-align: justify;
}
.text-holder .btn-more {
	display: inline-block;
	vertical-align:top;
	font-size: 13px;
	line-height: 16px;
	font-weight: 700;
	margin: 0 0 5px;
	color: #fff;
	background: #186aad;
	padding:5px 10px;
	border:2px solid #186aad;
	transition:all 0.4s ease;
}
.text-holder .btn-more:hover {
	transition:all 0.4s ease;
	color: #186aad;
	background: none;
}
.about-section .container {
	padding: 15px 15px;
}
.about-section h1 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 8px;
	color: #186aad;
}
.about-section p {margin: 0 0 10px;}
.about-section .btn {
	min-width: 200px;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	border:2px solid #777;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #777;
	padding: 10px 10px;
	border-radius: 2px;
	transition:all 0.3s ease;
}
.about-section .btn.contact {min-width: 150px;}
.about-section .btn span {
	display: inline-block;
	vertical-align: middle;
	transition:all 0.3s ease;
}
.about-section .btn i {
	display: none;
	transition:all 0.3s ease;
	font-size: 15px;
}
.about-section .btn:hover span {
	margin: 0 15px 0 0;
	transition:all 0.3s ease;
}
.about-section .btn:hover i {
	display: inline-block;
	vertical-align: middle;
	transition:all 0.3s ease;
}
.testimonial-section {
	background: #0b6f9e;
	padding: 15px 60px;
}
.testimonial-section h2 {
	font-size: 30px;
	line-height: 33px;
	font-weight: 700;
	text-align: center;
	margin: 0 0 10px;
	color: #595959;
}
.testimonial-slideshow {
	position: relative;
}
.testimonial-slideshow .slide {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	font-size: 16px;
	line-height: 25px;
	color: #595959;
	text-align: center;
	padding: 0 0 40px;
}
.testimonial-slideshow .slide p {margin: 0 0 30px;}
.testimonial-slideshow .slide .by {
	font-size: 15px;
	line-height: 18px;
	color: #595959;
	opacity: 0.8;
	display: block;
}
.testimonial-slideshow .slide.active {
	z-index: 2;
}
.testimonial-slideshow.not-enough-slides a.btn-prev,
.testimonial-slideshow.not-enough-slides a.btn-next {
	visibility: hidden;
}
.testimonial-slideshow .pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 999;
}
.testimonial-slideshow .pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.testimonial-slideshow .pagination li {
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
}
.testimonial-slideshow .pagination li a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	border: 1px solid #fff;
	transition:all 0.2s ease;
	text-indent: -9999px;
	overflow: hidden;
}
.testimonial-slideshow .pagination li.active a {
	background: #fff;
	transition:all 0.2s ease;
}
.project-section {
	overflow: hidden;
}
.project-section header {
	overflow: hidden;
	padding: 0 0;
}
.project-section h2 {
	font-size: 30px;
	line-height: 33px;
	font-weight: 700;
	margin: 0 0 15px;
	color: #186aad;
}
.project-section header .btn-more {
	min-width: 180px;
	float: right;
	margin: 0 auto;
	border:1px solid #777;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #777;
	padding: 10px 10px;
	border-radius: 2px;
	transition:all 0.3s ease;
	background: #fff;
}
.project-section header .btn-more span {
	display: inline-block;
	vertical-align: middle;
	transition:all 0.3s ease;
}
.project-section header .btn-more i {
	display: none;
	transition:all 0.3s ease;
	font-size: 15px;
}
.project-section header .btn-more:hover span {
	margin: 0 15px 0 0;
	transition:all 0.3s ease;
}
.project-section header .btn-more:hover i {
	display: inline-block;
	vertical-align: middle;
	transition:all 0.3s ease;
}
.project-section .project-block {
	background: #ccc;
	margin: 0 0 10px;
}
.project-section .project-block:nth-child(even) {
	background: #e2e2e2;
}
.project-section .project-block .image-holder {
	overflow: hidden;
	border:2px solid #333;
	margin: 0 0 10px;
	-moz-box-shadow:    inset 0 0 4px #000000;
	-webkit-box-shadow: inset 0 0 4px #000000;
	box-shadow:         inset 0 0 4px #000000;
	border-radius: 2px;
}
.project-section .project-block .image-holder a {
	display: block;
	border-radius: 2px;
}
.project-section .project-block .image-holder img  {
	display: block;
	width: 100%;
	height: auto;
	transition:all 0.5s ease;
}
.project-section .project-block .image-holder a:hover img {
	transform:scale(2.15);
	-webkit-transform:scale(2.15);
	-moz-transform:scale(1.25);
	transition:all 0.5s ease;
}
.project-section .block {
	padding: 10px 15px 60px;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	height: 100%;
	position: relative;
}
.project-section .block p {margin: 0 0 10px;}
.project-section .block h3 {
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	margin: 0 0 10px;
	color: #0B5A86;
}
.project-section .block .btn {
	min-width: 115px;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	border:1px solid #000;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	padding: 8px 5px;
	border-radius: 2px;
	transition:all 0.3s ease;
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 99;
	left: 20px;
}
.project-section .block .btn span {
	display: inline-block;
	vertical-align: middle;
	transition:all 0.3s ease;
}
.project-section .block .btn i {
	display: none;
	transition:all 0.3s ease;
	font-size: 15px;
}
.project-section .block .btn:hover span {
	margin: 0 5px 0 0;
	transition:all 0.3s ease;
}
.project-section .block .btn:hover i {
	display: inline-block;
	vertical-align: middle;
	transition:all 0.3s ease;
}
.project-section.add {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 20px;
}
.news-events {
	overflow: hidden;
	margin: 0 0 20px;
}
.news-events .blocks-holder:first-child {
	background: #253b80;
}
.news-events .blocks-holder {
	padding: 0;
}
.news-events .blocks-holder .blocks-frame {
	padding: 20px 20px;
}
.news-events .blocks-holder .blocks-frame h3{
	font-size: 30px;
	line-height: 33px;
	font-weight: 700;
	margin: 0 0 10px;
	color: #595959;
}
.news-events .blocks-frame .btn {
	min-width: 120px;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	border:1px solid #fff;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 10px;
	border-radius: 2px;
	transition:all 0.3s ease;
}
.news-events .blocks-frame .btn span {
	display: inline-block;
	vertical-align: middle;
	transition:all 0.3s ease;
	margin: 0 15px 0 0;
}
.news-events .blocks-frame .btn i {
	font-size: 15px;
}
.news-events .block {
	display: block;
	position: relative;
	transition:all 0.4s ease;
}
.news-events .block .image-holder {
	overflow: hidden;
}
.news-events .block .image-holder img {
	display: block;
	width: 100%;
	height: auto;
}
.news-events .block time {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(0,0,0,0.6);
	color:#ccc;
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 15px;
}
.news-events .block .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 15px;
	font-size: 16px;
	line-height: 19px;
	background: rgba(0,0,0,0.6);
	z-index: 9;
	transition:all 0.4s ease;
}
.news-events .block:hover .caption {
	padding: 15px 15px 50px;
}
.about-block {
	overflow: hidden;
}
.about-block .container {
	padding: 15px 15px;
}
.about-block h1 {
	background: url(../images/img19.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	min-height:244px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
}
.about-block h2 {
	font-size: 20px;
	line-height: 23px;
	font-weight: 700;
	margin: 0 0 5px;
	color: #186aad;
	padding: 0 0 5px;
	border-bottom:2px dotted #186aad;
	display: inline-block;
	vertical-align: top;
}
.about-block .text-block {
	font-size: 15px;
	line-height: 22px;
}
.about-block .text-block p {margin: 0 0 10px;}
.events-news {
	overflow: hidden;
}
.events-news .news-block:first-child {
	background: #5f5f5f;
}
.events-news .news-block {
	background: #474747;
	padding: 15px 50px;
	min-height:200px;
}
.events-news .news-block h2 {
	font-size: 35px;
	line-height: 38px;
	font-weight: 600;
	color: #595959;
	margin: 0 0 10px;
	display: inline-block;
	vertical-align: middle;
}
.events-news .news-block h2 i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	font-weight: 400;
}
/* cycle carousel basic styles */
.cycle-gallery {
	position: relative;
}
.cycle-gallery .mask {
	position: relative;
	overflow: hidden;
	width: 589px;
}
.cycle-gallery .mask .slideset {
	width: 99999px;
	float: left;
}
.cycle-gallery .mask .slide {
	width: 589px;
	float: left;
}
.cycle-gallery .mask .slide.active {
	z-index: 1;
}
.cycle-gallery .mask .slide time {
	display: block;
	font-size: 16px;
	line-height: 19px;
	font-weight: 600;
	margin: 0 0 5px;
	color: #595959;
}
.cycle-gallery .mask .slide .text {
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #595959;
	margin:0 0 7px;
}
.cycle-gallery .mask .slide .btn-download {
	text-decoration: underline;
	font-size: 13px;
	line-height: 16px;
	color: #186aad;
	display:inline-block;
	vertical-align:top;
	transition:all 0.4s ease;
}
.cycle-gallery .mask .slide .btn-download:hover {
	transition:all 0.4s ease;
	text-decoration: none;
}
/* tabset required styles for hidden tabs */
.js-tab-hidden {
	display:block !important;
	left:-9999px !important;
	position: absolute !important;
	top:-9999px !important;
}
.tabs-holder {
	overflow: hidden;
}
.tabs-holder .tabset {
	margin: 0 5px 0 0;
	float: left;
}
.tabs-holder .tabset li {
	display: block;
	padding: 0;
	margin: 0 0 2px;
}
.tabs-holder .tabset li a {
	display: block;
	color: #186aad;
	background: #e2e2e2;
	padding: 20px 15px;
	position: relative;
	border-radius:0 30px 30px 0;
	-moz-box-shadow: inset 0 0 5px #186aad;
	-webkit-box-shadow: inset 0 0 5px #186aad;
	box-shadow:  inset 0 0 5px #186aad;
}
.tabs-holder .tabset li a.active {
	background: #186aad;
	color: #fff;
}
.tabs-holder .tabset li a.active:after,
.tabs-holder .tabset li a.active:before {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	left: 2px;
	width: 3px;
	background: #fff;
	content: '';
	display: none;
}
.tabs-holder .tabset li a.active:after {
	left: auto;
	right: 2px;
}
.tabs-holder .tab-content {
	padding: 15px 15px 0;
	overflow: hidden;
	background: #fff;
	-moz-box-shadow: inset 0 0 5px #186aad;
	-webkit-box-shadow: inset 0 0 5px #186aad;
	box-shadow:  inset 0 0 5px #186aad;
}
.tabs-holder .tab-content {
	color: #666;
	font-size: 16px;
	line-height: 22px;
	min-height:305px;
}
.tabs-holder .tab-content h3 {
	font-size: 20px;
	line-height: 23px;
	font-weight: 700;
	color: #186aad;
	margin: 0 0 10px;
}
.contact-section {
	padding: 25px 0;
}
.tabs-holder .tab-content p {margin: 0 0 10px;}
.tabs-holder .tab-content .tab-list {
	padding: 0 0 0 20px;
}
.tabs-holder .tab-content .detail-list {
	font-size: 15px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.tabs-holder .tab-content .detail-list li {
	display: block;
	margin: 0 0 5px;
	position: relative;
	padding: 0 0 0 15px;
}
.tabs-holder .tab-content .detail-list li:before {
	position: absolute;
	top: 10px;
	left: 0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width: 5px;
	height: 5px;
	content: '';
	background: #666;
}
.contact-section .contact-frame {
	font-size: 16px;
	line-height: 20px;
	color: #595959;
}
.contact-section .contact-frame h2 {
	font-size: 35px;
	line-height: 38px;
	font-weight: 700;
	color: #186aad;
	margin: 0 0 10px;
}
.contact-section .contact-frame p {margin: 0 0 25px;}
.contact-section .field-holder {
	letter-spacing: -6px;
}
.contact-section .field-frame {
	display: inline-block;
	vertical-align: top;
	float: none;
	letter-spacing: normal;
	margin: 0 0 14px;
	padding: 2px 15px;
}
.contact-section .field-frame textarea,
.contact-section .field-frame input[type=email],
.contact-section .field-frame input[type=text] {
	font-size: 14px;
	line-height: 17px;
	padding: 10px 20px;
	background: #ccc;
	border:1px solid #f0f0f0;
	color: #595959;
	width: 100%;
	transition:all 0.4s easel;
}
.contact-section .field-frame textarea:focus,
.contact-section .field-frame input[type=email]:focus,
.contact-section .field-frame input[type=text]:focus {
	border:1px solid #186aad;
	-moz-box-shadow: inset 0 0 5px #186aad;
	-webkit-box-shadow: inset 0 0 5px #186aad;
	box-shadow: inset 0 0 5px #186aad;
	transition:all 0.4s easel;
}
/* placeholder input styles */
.contact-section .field-frame ::-webkit-input-placeholder { /* WebKit browsers */
	color: #595959;
}
.contact-section .field-frame :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #595959;
}
.contact-section .field-frame ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #595959;
	opacity: 1;
}
.contact-section .field-frame :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #595959;
}
.contact-section .field-frame textarea {
	resize:none;
	min-height:110px;
}
.contact-section .field-frame input[type=submit] {
	background: #efefef;
	border:1px solid #979797;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #666;
	transition:all 0.4s ease;
	width: 100%;
	text-align: center;
	padding: 12px 20px;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}
.contact-section .field-frame input[type=submit]:hover {
	transition:all 0.4s ease;
	background: #186aad;
	color: #fff;
}
.contact-blocks {
	font-size: 16px;
	line-height: 19px;
	color: #595959;
	margin: 0 0 20px;
}
.contact-blocks address {
	display: block;
	margin: 0;
}
.contact-blocks span.title {
	display: inline-block;
	vertical-align: top;
	background: #186aad;
	color: #efefef;
	padding: 5px 20px;
	position: relative;
	margin: 0 0 15px;
}
.contact-blocks span.title:after {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right: -14px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 14px;
	border-color: transparent transparent transparent #186aad;
}
.contact-blocks span.txt {
	display: block;
}
.contact-list {
	margin: 0;
	font-size: 16px;
	line-height: 19px;
	color: #595959;
	overflow: hidden;
}
.contact-list dt {
	float: left;
	background: #186aad;
	color: #efefef;
	padding: 5px 20px;
	position: relative;
	font-weight: 400;
	margin: 0 20px 12px 0;
}
.contact-list dt:after {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	right: -14px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 14px;
	border-color: transparent transparent transparent #186aad;
}
.contact-list a {
	color: #595959;
	transition:all 0.4s ease;
}
.contact-list a:hover {
	transition:all 0.4s ease;
	color: #ff9000;
}
.contact-list dd {
	overflow: hidden;
	margin: 0 0 22px;
}
.social-network {
	margin: 0;
	text-align: center;
}
.social-network li {
	padding: 0;
	margin: 0 4px;
	vertical-align: middle;
}
.social-network li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	background: url(../images/sprite1.png) no-repeat 0 -2px;
	transition:all 0.4s ease;
}
.social-network li a:hover {
	transition:all 0.4s ease;
	opacity: 0.8;
}
.social-network li a.linkedin {
	background-position: -43px -1px;
}
.social-network li a.twitter {
	background-position: -86px 0;
}
.map-holder iframe {
	display: block;
	width: 100%;
}
.logos-holder h3 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 10px;
	color: #186aad;
	text-transform:capitalize;
	}
/* carousel basic styles */
.carousel {
	position: relative;
}
.carousel .mask {
	position: relative;
	overflow: hidden;
	width: 1140px;
	background: #ECECEA;
}
.carousel  .slideset {
	width: 99999px;
	float: left;
	overflow: hidden;
}
.carousel .slide {
	width: 190px;
	float: left;
	padding: 15px 0;
}
.carousel .slide .image-holder {
	width: 150px;
	margin:0 auto;
	padding: 0 15px;
}
.carousel .slide .image-holder a {
	display: block;
	-moz-box-shadow: inset 0 0 5px #186aad;
	-webkit-box-shadow: inset 0 0 5px #186aad;
	box-shadow:  inset 0 0 5px #186aad;
	padding: 5px;
}
.carousel .slide .image-holder img {
	width: 100%;
	height: auto;
	display: block;
}
.carousel a.btn-prev,
.carousel a.btn-next {
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	content: '';
	left: 0;
	z-index: 99;
	text-indent: -9999px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	background: url(../images/ico01.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.carousel a.btn-next {
	background: url(../images/ico02.png) no-repeat;
	left: auto;
	right: 0;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#sidebar {
	float: left;
	width: 30%;
	margin: 0 10px 0 0;
}
#sidebar h3 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin: 0 0 8px;
	color: #186aad;
}
#sidebar .side-list {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #313233;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	-moz-box-shadow: inset 0 0 2px #595959;
	-webkit-box-shadow: inset 0 0 2px #595959;
	box-shadow:  inset 0 0 2px #595959;
}
#sidebar .side-list li {
	display: block;
	border-bottom:1px solid #ccc;
	margin: 0 0 2px;
}
#sidebar .side-list li a {
	display: block;
	transition:all 0.4s ease;
	position: relative;
	overflow: hidden;
}
#sidebar .side-list li .image-holder {
	float: left;
	padding: 3px;
	margin: 0 5px 0 0;
	width: 100px;
}
#sidebar .side-list li .image-holder img {
	display: block;
	width: 100%;
	height: auto;
}
#sidebar .side-list li .meta-text {
	overflow: hidden;
	padding: 10px 0;
	display: block;
}
#sidebar .side-list li .meta-text .position {
	overflow: hidden;
	display: block;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 2px;
}
#sidebar .side-list li .meta-text .sub-text {
	font-size: 12px;
	line-height: 15px;
	display: block;
	margin: 0 0 3px;
}
#sidebar .side-list li a:before {
	position: absolute;
	top: 50%;
	left: 15px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	width: 4px;
	height: 5px;
	content: '';
	background: #efefef;
	border-radius: 50%;
	display: none;
}
#sidebar .side-list li a:hover {
	background: #186aad;
	transition:all 0.4s ease;
}
/* footer styles */
#footer{
	background: #313233;
}
#footer .container {
	padding: 45px 15px;
}
.footer-blocks {
	overflow: hidden;
}
.footer-blocks .block-holder {
	overflow: hidden;
}
.footer-blocks .block-holder .block {
	overflow: hidden;
}
.footer-blocks .block-holder .block h4 {
	overflow: hidden;
	font:15px/18px 'Open Sans', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #595959;
	margin: 0 0 10px;
}
.footer-blocks .block .block-frame {
	border:1px solid #777;
	padding: 10px;
}
.footer-blocks .footer-list {
	margin: 0;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}
.footer-blocks .footer-list li:first-child {
	border: none;
}
.footer-blocks .footer-list li {
	display: block;
	border-top:2px solid #555;
	padding: 5px 0;
}
.footer-blocks .footer-list li a {
	color: #fff;
	transition:all 0.4s ease;
}
.footer-blocks .footer-list li a:hover {
	color: #777;
	transition:all 0.4s ease;
}
.bottom-footer {
	background: #1f1f1f;
}
#footer .bottom-footer .container {
	padding: 10px 15px;
}
.bottom-footer .copyrights {
	font-size: 12px;
	line-height: 15px;
	color: #777;
	float: left;
	margin: 8px 0;
}
.social-networks {
	margin: 0;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}
.social-networks li {
	padding: 0;
}
.social-networks li a {
	border-width:2px;
	border-style:solid;
	border-color:rgba(255, 255, 255, 0.5);
	display: block;
	border-radius: 3px;
	padding: 5px 8px;
	color: #fff;
	transition:all 0.2s ease;
}
.social-networks li a:hover {
	background: #fff;
	color: #0b6f9e;
	transition:all 0.2s ease;
}
/*gallery-section*/
.media-section {
	padding: 15px 0;
	min-height: 59vh;
}
.media-section h2 {
	font-size: 35px;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
	text-transform: capitalize;
	color: #0B5A86;
	margin: 0 0 15px;
}
.media-holder {
	letter-spacing: -5px;
	margin: 0 -10px;
	text-align: center;
}
.media-block {
	letter-spacing: normal;
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	height: 190px;
}
.media-block a {
	font-size: 20px;
	line-height: 23px;
	color: #fff;
	font-weight: 700;
	text-transform: capitalize;
	margin: 0;
	display: block;
	background: #f80;
	padding: 35px 15px;
	transition: all 0.4s ease;
	text-align: center;
}
.media-block a:hover {
	background: #83badc;
	transition: all 0.4s ease;
}
.media-block .img-holder {
	overflow: hidden;
	margin: 0 0 50px;
}
.media-block .img-holder img {
	margin: 0 auto;
	display: block;
}
.media-block a span {
	display: inline-block;
	vertical-align: top;
}
.images-list {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: -5px;
	margin: 0 -10px;
}
.images-list li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0 10px;
	margin: 0 0 10px;
	overflow: hidden;
}
.images-list.add li { width: 33.3%; }
.images-list li .img-holder video {
	display: block;
	width: 100%;
	height: auto;
}
.images-list li .img-holder {
	height: 125px;
	line-height: 125px;
	text-align: center;
	overflow: hidden;
	position: relative;
	letter-spacing: normal;
	margin: 0 0 10px;
}
.images-list.add li .img-holder {
	height: inherit;
	line-height: inherit;
}
.images-list.add li .img-holder audio { padding: 10px; }
.images-list li .img-holder iframe {
	display: block;
	width: 500px;
}
.images-list li .img-holder img {
	width: 100%;
	display: block;
	height: auto;
	transition: all 0.4s ease;
}
.images-list li .img-holder a { display: block; }
.images-list li .img-holder a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.caption {
	text-align: center;
	font-size: 16px;
	line-height: 19px;
	color: #595959;
	font-weight: bold;
	z-index: 999;
	letter-spacing: normal;
}
.logos-holder {
	padding: 0;
}
/*  ---------------------------------------------------------
	4. Styles for Responsive web design
	---------------------------------------------------------*/
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:992px) {
}
@media screen and (max-width:767px) {
	#header {
		position: relative;
	}
	.logo-holder {
		float: none;
		text-align: center;
	}
	#nav {
		position: relative;
		padding: 21px 0 10px;
	}
	.nav-slide.js-slide-hidden {
		position: absolute !important;
	}
	#nav .navigation li {
		display: block;
		margin: 0 0 5px;
	}
	#nav .navigation li a {
		display: inline-block;
		vertical-align: top;
	}
	#nav .nav-opener {
		display: block;
	}
	.visual-holder {
		padding: 0;
	}
	.slideshow .slide {
		min-height:200px;
	}
	.slideshow a {
		display: none;
	}
	.tabs-holder .tabset li {
		display: block;
		width: 100%;
		margin: 0 0 2px;
	}
	.tabs-holder .tabset li a {
		border-radius: 0;
	}
	.project-section h2 {
		font-size: 20px;
		line-height: 23px;
		margin: 0 0 10px;
	}
	.project-section .project-block {
		width: 290px;
		margin: 0 auto 10px;
		display: block;
	}
	.events-news .news-block h2 {
		font-size: 20px;
		line-height: 23px;
	}
	.events-news .news-block {
		padding: 15px 25px;
	}
	.cycle-gallery .mask .slide,
	.cycle-gallery .mask {
		width: 300px;
	}
	.contact-section .field-frame {
		width: 100%;
		display: block;
	}
	.contact-list dt {
		padding: 5px;
	}
	#footer .container {
		padding: 25px 15px;
	}
	.footer-blocks .block-holder {
		margin: 0 0 10px;
	}
	
}