@charset "utf-8";
@import url("reset.css");
@import url("form.css");
@import url("hlasky.css");
@import url("colorbox.css");
@import url("justifiedGallery.css");


html, body {
	width: 100% !important;
	height: 100%;
	font-family: 'Play', sans-serif;
	background: #fff;
	color: #024b5b;
}

h1, h2, h3, h4, h5, h6, h2 a, .h1 {
	font-weight: bold;
	margin: 1em 0;
	text-transform: uppercase;
}

h1, .h1 {
	font-size: 3em;
	text-align: center;
}

h2 {
	font-size: 2.5em;
	text-align: center;
}

	h2 a {
		color: #024b5b !important;
	}

	h2 a:hover, h2 a:focus {
		text-decoration: none;
	}

h3 {
	font-size: 2em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.25em;
}

p {
	position: relative;
	margin-bottom: 1em;
}

	p.subtitle {
		font-size: 1.5em;
		color: #04bf9d;
		margin-top: -1.25em;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
	}

	p.breakLine {
		background: transparent url('../img/breakLine.png') 367px bottom no-repeat;
		margin-bottom: 3em;
		padding-bottom: 3.25em;
	}
	
	p.breakLineWithoutContent {
		background: transparent url('../img/breakLine.png') 367px bottom no-repeat;
		margin-bottom: 3em;
		margin-top: -0.75em;
	}

a:link, a:active, a:visited {
	color: #04bf9d;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #04bf9d;
	text-decoration: none;
}

li {
	position: relative;
	padding-left: 1.5em;
}

li::before {
	content: "";
	position: absolute;
	display: block;
	width: 0.5em;
	height: 0.5em;
	background: #04bf9d;
	top: 0.4375em;
	left: 0.375em;
	border-radius: 50%;
}

blockquote {
	color: #000;
	background: #04bf9d;
	padding: 1.25em 1.25em 0.25em 1.25em;
}
			
.hidden {
	display: none;
}

.embeddedContent {
	display: block;
	position: relative;
	width: 686px;
	height: 385px;
	margin: 0 auto;
}

/* header ------------------------------------------------------------------------------------------------------------*/
.headerTopOut {
	display: block;
	position: relative;
	z-index: 3;
	height: 2.5em;
	background: #013843;
}

.headerTop {
	display: block;
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: right;
}

	.headerTop a, .headerTop a:active, .headerTop a:visited {
		position: relative;
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		padding: .75em;
		line-height: 1em;
	}
	
	.headerTop a:hover, .headerTop:focus, .headerTop a.select {
		text-decoration: underline;
	}
	
	.headerTop span.selectLanguage {
		position: relative;
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		padding: .75em;
		padding-right: 1.5em;
		line-height: 1em;
		border: 0 solid #fff;
		border-width: 0 1px;
		cursor: pointer;
	}
	
	.headerTop span.selectLanguage::before {
		position: absolute;
		display: block;
		width: 7px;
		height: 4px;
		top: 18px;
		right: 0.5em;
		content: "";
		background: transparent url('../img/sprite.png') -96px -96px no-repeat;
	}

span.selectLanguage .list {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	width: 100%;
	background: #013843;
	text-align: left;
}

span.selectLanguage .list a {
	display: block;
}

span.selectLanguage:hover .list {
	display: block;
}

.headerOut {
	display: block;
	position: relative;
	height: 102px;
	background: #024b5b;
	z-index: 2;
}

.header {
	display: block;
	width: 980px;
	height: 102px;
	margin: 0 auto;
	position: relative;
}

	.header .content {
		display: block;
		height: 100%;
		width: 100%;
		position: relative;
	}

.logo {
	width: 248px;
	height: 67px;
	display: block;
	position: absolute;
	left: 0px;
	top: 17px;
}

	.logo img {
		width: 100%;
		height: 100%;
	}

.navigationBar {
	display: block;
	position: absolute;
	width: 732px;
	height: 102px;
	top: 0;
	left: 248px;
}
	
	.navigationBar ul.smartBar {
		display: none;
		text-align: right;
	}
	
	.navigationBar .menu, .navigationBar .menu:active, .navigationBar .menu:visited {
		padding-right: 50px;
	}
	
	.navigationBar .menu::before {
		content: "";
		display: block;
		position: absolute;
		top: 43px;
		right: 14px;
		width: 22px;
		height: 14px;
		background: transparent url(../img/sprite.png) -144px -96px no-repeat;
	}

	.navigationBar ul {
		display: block;
		width: 732px;
		margin: 0 auto;
		position: relative;
		text-align: right;
	}

	.navigationBar li {
		display: inline-block;
		position: relative;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	.navigationBar li::before {
		content: none;
	}

	.navigationBar a, .navigationBar a:active, .navigationBar a:visited {
		display: block;
		padding: 43px 8px;
		position: relative;
		text-decoration: none;
		color: #fff;
		line-height: 1em;
		font-size: 1em;
		font-weight: bold;
		text-transform: uppercase;
	}

	.navigationBar li:hover a, .navigationBar a:focus, .navigationBar a.select {
		color: #04bf9d;
	}

		.navigationBar li .subnavigationList {
			display: none;
			position: absolute;
			background: #024b5b;
			width: 304px;
			right: 0;
		}

		.navigationBar li:hover .subnavigationList {
			display: block;
		}

		.navigationBar li .subnavigationList a, .navigationBar li .subnavigationList a:active, .navigationBar li .subnavigationList a:visited {
			display: block;
			padding: 1em 1em 1em 1.5em;
			color: #fff;
			border: none;
			-moz-text-shadow: none;
			-webkit-text-shadow: none;
			-o-text-shadow: none;
			text-shadow: none;
		}

		.navigationBar li .subnavigationList a:hover, .navigationBar li .subnavigationList a:focus, 
		.navigationBar li .subnavigationList a.select {
			padding: 1em 1em 1em 1.5em;
			color: #04bf9d;
			border: none;
		}

.banner {
	position: relative;
	width: 100%;
	display: block;
	z-index: 1;
	height: auto;
	max-height: 474px;
	overflow: hidden;
}

	.banner .pageOut {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		display: block;
		width: 100%;
		min-height: 100%;
		padding: 0;
	}
	
	.banner .pageOut {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		display: block;
		width: 100%;
		min-height: 100%;
		padding: 0;
	}
	
	.banner .page, .banner .page .content {
		position: relative;
		height: 100%;
	}
	
	.banner .content {
		padding: 0 !important;
	}
	
	.banner .sliderText {
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 426px;
		height: 252px;
		background: #024b5b;
		background: rgba(2, 75, 91, 0.75);
		margin-top: -158px;
		padding: 32px;
	}
	
	.banner .sliderTitle {
		display: block;
		position: relative;
		color: white;
		text-transform: uppercase;
		font-size: 2.125em;
		font-weight: bold;
		margin-bottom: 32px;
	}
	
	.banner .sliderFileDescription {
		display: block;
		position: relative;
		color: white;
		font-size: 1.5em;
		font-weight: bold;
	}
	
	.banner .sliderText a, .banner .sliderText a:active, .banner .sliderText a:visited {
		display: block;
		position: absolute;
		bottom: 32px;
		left: 32px;
		text-transform: uppercase;
		color: #fff;
		background: #04bf9d;
		padding: 0.5em 3.5em 0.5em 0.5em;
		font-size: 1.5em;
		font-weight: bold;
		text-decoration: none;
		line-height: 1em;
	}
	
	.banner .sliderText a:focus, .banner .sliderText a:hover {
		background: #024b5b;
	}
	
	.banner .sliderText a::before {
		display: block;
		position: absolute;
		width: 48px;
		height: 48px;
		top: 0;
		right: 0;
		content: "";
		background: #024b5b url(../img/sprite.png) -144px -144px no-repeat;
	}
	
	.banner .sliderText a:focus::before, .banner .sliderText a:hover::before {
		background-color: #04bf9d;
	}
	
/* page --------------------------------------------------------------------------------------------------------------*/
.pageOut {
	padding-bottom: 318px;
}

.page {
	display: block;
	width: 980px;
	margin: 0 auto;
	position: relative;
}

	.page .content {
		display: block;
		position: relative;
		padding: 0;
	}
	
	.page .content.overflowHidden {
		overflow: hidden;
	}

.imageFloatRight {
	float: right;
	margin-left: 32px;
	margin-bottom: 32px;
	z-index: 100;
	position: relative;
}

.imageFloatLeft {
	float: left;
	margin-right: 32px;
	margin-bottom: 32px;
	z-index: 100;
	position: relative;
}

.imageBlock {
	width: 100%;
	height: auto;
	margin: 32px 0;
}

/* fakeTable ---------------------------------------------------------------------------------------------------------*/
.column2, .column3 {
	display: block;
	position: relative;
}

	.column2:after, .column3:after {
		clear: both;
	}
	.column2:before, .column2:after, .column3:before, .column3:after {
		content: "";
		display: block;
	}

	.column2 div, .column3 div {
		padding: 0;
		position: relative;
		display: block;
		min-height: 1em;
		float: left;
	}
	
	.column2 div {
		width: 474px;
	}
	
	.column2 .columnSecond {
		margin-left: 32px;
	}
	
	.column3 div {
		width: 316px;
	}
	
	.column3 .columnSecond, .column3 .columnThird {
		margin-left: 16px;
	}
	
	.column2 h2, .column2 h3, .column2 h4, .column2 h5, .column2 h6,
	.column3 h2, .column3 h3, .column3 h4, .column3 h5, .column3 h6 {
		margin-top: 0;
	}

/* quick contact -----------------------------------------------------------------------------------------------------*/
.quickPhone, .quickAddress, .quickEmail {
	display: block;
	position: relative;
	width: 326px;
	float: left;
}

	.quickPhone::before, .quickAddress::before, .quickEmail:before {
		content: "";
		display: block;
		position: absolute;
		width: 67px;
		height: 66px;
		top: 24px;
		left: 0;
	}

	.quickPhone h2, .quickAddress h2, .quickEmail h2 {
		font-size: 2.25em;
		line-height: 1em;
		color: #04bf9d;
		text-align: left;
		text-transform: none;
		margin-left: 88px;
		margin-bottom: 0.75em;
	}
	
	.quickPhone p, .quickAddress p, .quickEmail p {
		margin: 0 0 0 88px;
		line-height: 2em;
	}

.quickPhone::before {
	background: transparent url(../img/sprite.png) -96px 0 no-repeat;
}

.quickEmail::before {
	background: transparent url(../img/sprite.png) 0 0 no-repeat;
}

.quickAddress::before {
	background: transparent url(../img/sprite.png) 0 -96px no-repeat;
}

.phoneNumber.decorationNone, .phoneNumber.decorationNone:hover, .phoneNumber.decorationNone:focus {
	text-decoration: none;
}

/* certificateList ---------------------------------------------------------------------------------------------------*/
.certificateList {
	width: 1011px;
	display: block;
	position: relative;
}

	.certificateList li {
		padding: 0;
		float: left;
		width: 306px;
		margin-right: 31px;
		text-align: center;
		height: 600px;
		overflow: hidden;
	}
	
	.certificateList li::before {
		content: none;
	}
	
	.certificateList a {
		display: block;
		height: 447px;
	}
	
	.certificateList img {
		width: 100%;
		height: 100%;
	}
	
	.certificateList strong {
		display: block;
		text-align: center;
		font-size: 1.25em;
		margin: 0.25em 0;
	}
	
/* googlemap in page -------------------------------------------------------------------------------------------------*/
.googlemapInPageWrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 400px;
}

.googlemapInPageWrapper .mapInfoWindowWrapper {
	position: relative;
	margin: 1.5em 0 1.5em 1em;
}

/* footer ------------------------------------------------------------------------------------------------------------*/
.footerOut {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 318px;
	background: #024b5b;
}

	.footerOut::before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 48px;
		bottom: 0;
		left: 0;
		background: #013843;
	}

	.footerOut .copyright {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		line-height: 1em;
		color: white;
		bottom: 16px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 1em;
	}
	.footerOut p {
		font-size: 1.125em;
	}
	
	.footerOut a, .footerOut a:active, .footerOut a:visited, .footerOut a:hover, .footerOut a:focus {
		color: #fff;
	}

.footer {
	display: block;
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

	.footer .content {
		display: block;
		height: 100%;
		width: 100%;
		position: relative;
		color: white;
	}

@media screen and (max-width: 1648px) {
	.banner .sliderText {
		margin-top: -135px;
		height: 222px;
		padding: 1.5em;
		width: 442px;
	}
	
	.banner .sliderFileDescription {
		font-size: 1.125em;
	}
	
	.banner .sliderTitle {
		font-size: 2em;
		margin-bottom: 24px;
	}
	
	.banner .sliderText a {
		bottom: 24px;
		left: 24px;
	}
}

@media screen and (max-width: 1248px) {
	.banner .sliderText {
		margin-top: -115px;
		height: 182px;
	}
	
	.banner .sliderFileDescription {
		font-size: 1em;
	}
	
	.banner .sliderTitle {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 992px) {
	h1, .h1 {
		font-size: 2.25em;
	}
	
	h2 {
		font-size: 2em;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	h4 {
		font-size: 1.25em
	}
	
	h5 {
		font-size: 1.125em;
	}
	
	h6 {
		font-size: 1em;
	}
	
	p.subtitle {
		font-size: 1.25em;
	}
	
	p.breakLine, p.breakLineWithoutContent {
		background-position-x: 261px;
		margin-bottom: 2em;
	}
	
	p.breakLine {
		padding-bottom: 2.25em;
	}
	
	.header, .headerTop, .page, .footer {
		width: 768px;
	}
	
	.navigationBar, .navigationBar ul {
		width: 520px;
	}
	
	.banner .sliderText {
		margin-top: -91px;
		height: 150px;
		padding: 1em;
		width: 344px;
	}
	
	.banner .sliderTitle {
		margin-bottom: 16px;
	}
	
	.banner .sliderText a {
		bottom:16px;
		left: 16px;
	}
	
	.quickPhone, .quickAddress, .quickEmail {
		width: 50%;
		height: auto;
		padding-top: 2em;
	}
	
	.quickPhone h2, .quickAddress h2, .quickEmail h2 {
		margin-top: 0;
		font-size: 2em;
	}
	
	.quickPhone::before, .quickAddress::before, .quickEmail::before {
		top: 18px;
	}
	
	.quickPhone {
		float: none;
	}
	
	.quickEmail {
		float: none;
	}
	
	.quickAddress {
		position: absolute;
		top: 0;
		right: 0;
		/*margin: 0 auto;*/
		float: none;
	}

	.pageOut {
		padding-bottom: 400px;
	}
	
	.footerOut {
		height: 400px;
	}
	
	.certificateList {
		width: 786px;
	}
	
		.certificateList li {
			margin-right: 18px;
			width: 244px;
			height: 500px;
		}
		
		.certificateList a {
			height: 356px;
		}
	
	.imageFloatRight {
		width: 40%;
		height: auto;
		margin-left: 32px;
		margin-bottom: 32px;
	}

	.imageFloatLeft {
		width: 40%;
		height: auto;
		margin-right: 32px;
		margin-bottom: 32px;
	}

	.imageBlock {
		margin: 32px 0;
	}
	
	.column2 div {
		width: 376px;
	}
	
	.column2 .columnSecond {
		margin-left: 16px;
	}
	
	.column3 div {
		width: 250px;
	}
	
	.column3 .columnSecond, .column3 .columnThird {
		margin-left: 9px;
	}
	
	.embeddedContent {
		height: 432px;
	}
}

@media screen and (max-width: 799px) {
	p.breakLine, p.breakLineWithoutContent {
		background-position-x: 101px;
	}
	
	.headerTopOut {
		display: none;
	}
	
	.header, .page, .footer {
		width: 448px;
	}
	
	.banner {
		display: none;
	}

	
	.navigationBar, .navigationBar ul {
		width: 200px;
	}
	
	.navigationBar ul.mainBar {
		display: none;
	}
	
	.navigationBar ul.smartBar {
		display: block;
	}
	
	.navigationBar ul.smartBar .subnavigationList {
		display: none;
	}
	
	.navigationBar ul.smartBar .show .subnavigationList {
		display: block;
	}
	
	.navigationBar ul.smartBar span.selectLanguage {
		position: relative;
		display: block;
		color: #fff;
		text-transform: uppercase;
		line-height: 1em;
		cursor: pointer;
	}
	
	.navigationBar ul.smartBar span.selectLanguage::before {
		position: absolute;
		display: block;
		width: 7px;
		height: 4px;
		top: 22px;
		right: 1.5em;
		content: "";
		background: transparent url('../img/sprite.png') -96px -96px no-repeat;
	}
	
	span.currentLanguage {
		display: block;
		padding: 1em 1em 1em 1.5em;
	}

	span.selectLanguage .list, span.selectLanguage:hover .list, span.selectLanguage:focus .list {
		display: none;
		position: relative;
		background: #013843;
		top: auto;
		right: auto;
		margin: 0 1em 1em 1em;
		width: auto;
	}

	span.selectLanguage .list a {
		display: block;
		padding: 1em;
	}

	span.selectLanguage .list a.select, span.selectLanguage .list a:active, span.selectLanguage .list a:visited,
	span.selectLanguage .list a:hover, span.selectLanguage .list a:focus {
		padding: 1em;
	}

	span.selectLanguage.show .list {
		display: block;
	}
	
	.quickPhone, .quickAddress, .quickEmail {
		width: 448px;
		float: none;
		margin: 0;
		height: auto;
	}
	
	
	.quickAddress {
		position: relative;
		top: auto;
		right: auto;
	}
	
	.pageOut {
		padding-bottom: 0;
	}
	
	.footerOut {
		position: relative;
		height: auto;
	}
	
	.footerOut::before {
		height: 64px;
	}
	
	.footer .content {
		padding-bottom: 96px;
	}
	
	.certificateList {
		width: 468px;
		font-size: 0.75em;
	}
	
		.certificateList li {
			margin-right: 16px;
			width: 216px;
			height: 430px;
		}
		
		.certificateList a {
			height: 316px;
		}
	
	.galleryList {
		width: 448px;
	}

		.galleryList a {
			width: 448px;
			height: 59px;
			float: none;
		}
		
		.galleryList img {
			width: 57px;
			height: 41px;
		}
		
		.galleryList span {
			width: 325px;
			height: 29px;
			top: 15px;
		}

	.imageFloatRight {
		width: 100%;
		margin: 32px 0;
	}

	.imageFloatLeft {
		width: 100%;
		margin: 32px 0;
	}
	
	.column2 div, .column3 div {
		width: auto;
		float: none;
	}
	
	.column2 .columnSecond, .column3 .columnSecond, .column3 .columnThird {
		margin-left: 0;
	}
	
	.column2 .imageBlock, .column2 .imageFloatLeft, .column2 .imageFloatRight,
	.column3 .imageBlock, .column3 .imageFloatLeft, .column3 .imageFloatRight {
		margin-top: 0;
	}
	
	.embeddedContent {
		width: 448px;
		height: 252px;
	}
}

@media screen and (max-width: 479px) {
	p.breakLine, p.breakLineWithoutContent {
		background-position-x: 29px;
	}
	
	.header, .page, .footer {
		width: 304px;
	}
	
	.headerOut, .header {
		height: 80px;
	}
	
	.logo {
		width: 178px;
		height: 48px;
		top: 1em;
		
	}
	
	.galleryList {
		width: 304px;
	}

		.galleryList a {
			width: 304px;
		}
		
		.galleryList img {
			left: 9px;
		}
		
		.galleryList span {
			width: 220px;
			right: 9px;
		}

	.navigationBar {
		width: 126px;
		height: 80px;
		left: 178px;
	}
	
	.navigationBar .menu::before {
		top: 32px;
	}
	
	.navigationBar .smartBar {
		width: 126px;
	}
	
	.navigationBar .smartBar a {
		padding: 32px 50px 32px 8px;
	}

	.imageFloatRight {
		margin: 16px 0;
	}

	.imageFloatLeft {
		margin: 16px 0;
	}

	.imageBlock {
		margin: 16px 0;
	}
	
	.certificateList {
		width: 320px;
		font-size: 0.625em;
	}
	
		.certificateList li {
			margin-right: 16px;
			width: 144px;
			height: 300px;
		}
		
		.certificateList a {
			height: 210px;
		}
	
	.quickEmail, .quickAddress, .quickPhone {
		width: 304px;
	}
	
	.embeddedContent {
		width: 304px;
		height: 171px;
	}
}