@charset "utf-8";

/*========================================  CUSTOM FONTS INCLUDE ========================================*/

@font-face {
	font-family: 'trebuchet';
	src: url('fonts/Trebuchet.eot');
	src: url('fonts/Trebuchet.eot?#iefix') format('embedded-opentype'),
			url('fonts/Trebuchet.woff') format('woff'),
			url('fonts/Trebuchet.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'trebuchet-bold';
	src: url('fonts/Trebuchet-Bold.eot');
	src: url('fonts/Trebuchet-Bold.eot?#iefix') format('embedded-opentype'),
			url('fonts/Trebuchet-Bold.woff') format('woff'),
			url('fonts/Trebuchet-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/*========================================  NORMALIZE STYLE ========================================*/

/*++++++++++++++++++++++++++++++++++++++++ base ++++++++++++++++++++++++++++++++++++++++*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
	font: 14px/1.4em Arial, Helvetica, sans-serif;
	color: #000;
	box-sizing: border-box !important;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* none */
	text-size-adjust: 100%; /* none */
}

*, *:before, *:after { 
	box-sizing: inherit !important; 
}

body {
	background-color: #fff; 
	-webkit-font-smoothing: grayscale;	
	-moz-osx-font-smoothing: grayscale;
	/*-ms-user-select: none;
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-webkit-user-select: none;
	user-select: none;*/
}

/*++++++++++++++++++++++++++++++++++++++++ html5 ++++++++++++++++++++++++++++++++++++++++*/

article, aside, details, figcaption, figure, footer, header, nav, main, section, summary { 
	display: block;
	margin: 0; 
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline; }

audio:not([controls]) {
	display: none;
	height: 0; }

[hidden], template {
	display: none; }

/*++++++++++++++++++++++++++++++++++++++++ typography ++++++++++++++++++++++++++++++++++++++++*/

		/*----- heading -----*/

h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5, .heading6 { 
	margin: 0.67em 0;
	font-weight: normal;
	line-height: 1.1;
	text-transform: uppercase;
}

h1 {
	font-size: 2em; 
}
h2 {
	font-size: 1.8em; 
}
h3 {
	font-size: 1.6em; 
}
h4 {
	font-size: 1.5em; 
}
h5 {
	font-size: 1.4em; 
}
h6 {
	font-size: 1.3em;
}

		/*----- text -----*/
		
p {
	margin: 0 0 1em; 
}
p:last-child {
	margin-bottom: 0; 
}

address {
	font-style: normal; 
}

small {
	font-size: 80%; 
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em; 
}
sub {
	bottom: -.25em; 
}

figure {
	margin: 1em 40px;
}

pre {
	overflow: auto;
	 font-size: 1em;
}
  
abbr[title] {
	border-bottom: 1px dotted;
} 
  
blockquote {
	margin: 1em 40px;
}

mark {
	background: #ff0;
	color: #000; 
}  	

code, kbd, samp {
	font-size: 1em; 
}
  
b, strong {
	font-weight: bold; 
}

i, em, dfn {
	font-style: italic; 
}  

		/*----- list -----*/
		
ol, ul, menu {
	margin: 0 0 1em;
	padding: 0; 
}

ul {
	list-style-position: inside; 
}

dd {
	margin: 0 0 0 0;
}

		/*----- link -----*/
			
a {
	background-color: transparent;
	-webkit-tap-highlight-color: transparent; 
}
a:focus { 
	outline: thin dotted; 
}
a:active, a:hover {
  outline: 0;
}

		/*----- image -----*/

img { 
	border: none; 
}

svg:not(:root) {
	overflow: hidden;
}

hr {
	box-sizing: content-box;
	height: 0; 
}

		/*----- form -----*/

form, fieldset, input, select, textarea, button {
	margin: 0;
	padding: 0; 
    -moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

fieldset {
	background: none;
	border: none;
}
  
legend {
	border: 0;
	padding: 0; 
}

optgroup {
	font-weight: normal; 
}  
  
input, select, textarea, button {
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
  
textarea {
	overflow: auto;
	vertical-align: top;
	resize: none; }    

button, input {
	line-height: normal; }

button {
	overflow: visible;
	vertical-align: top; }

button::-moz-focus-inner {
	padding: 0;
	border: none; } 
  
label,
button,
input[type="submit"],
input[type="button"] {
	cursor: pointer; }

button, 
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer; }

button[disabled], 
html input[disabled] {
	cursor: default; }
  
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto; }

input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }
	
			/* iOS appearance input */
			
input, textarea, select {
	border-radius: 0; 
}

		/*----- tables -----*/
		
table {
	border-collapse: collapse;
	border-spacing: 0; 
}

td, th {
	padding: 0;
}		
  
/*++++++++++++++++++++++++++++++++++++++++ typography modifiers  ++++++++++++++++++++++++++++++++++++++++*/  

.b {
	font-weight: bold; 
}

.center { 
	text-align: center;
 }

.underline { 
	border-bottom: 1px solid #000;
	padding: 0 0 0 0;
 }
 
 

/*++++++++++++++++++++++++++++++++++++++++ helpers modifiers ++++++++++++++++++++++++++++++++++++++++*/

		/*----- position -----*/

.cntr {
	position: relative;
	width: 1100px;
	margin: auto;
	padding: 0;
}
.modCntr1000 {
	width: 1000px;
}

.fll { 
	float: left; 
}

.flr { 
	float: right; 
}  
  
.clearfix:after {
	content: "";
	display: table;
	clear: both; 
} 

		/*----- display -----*/  
  
.active {
	cursor: default !important; 
}

.modHidden { 
	display: none; 
}

.jsf { 
	font-size: .1em;
	text-align: justify; 
}
.jsf:after { 
	content: "";
	display: inline-block; 
	width: 100%;
	height: 0; 
}



		/*----- placeholder -----*/  

*:-webkit-input-placeholder { 
	color: #999;
	opacity: 1; 
}
*:-moz-placeholder { 
	color: #999; 
	opacity: 1; 
}
*:-ms-input-placeholder { 
	color: #999; 
	opacity: 1;
}

/*++++++++++++++++++++++++++++++++++++++++ back pages ++++++++++++++++++++++++++++++++++++++++*/

.backPages {
	text-align : left;
	margin: 30px 0 0 0;
 }
.backPages-link {
	font-size : 12px;
	line-height: 12px;
	color : #ccc !important;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 20px;
	background: url(../img/strelka2.png) no-repeat 0 4px;
}
.backPages-link:hover {
	color: #30c4c8 !important;
}



/*========================================  BASIC STYLE ========================================*/

/*++++++++++++++++++++++++++++++++++++++++ container ++++++++++++++++++++++++++++++++++++++++*/

body {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}


/*++++++++++++++++++++++++++++++++++++++++ headerBox ++++++++++++++++++++++++++++++++++++++++*/

.headerBox {
	height: 240px;
	position: relative;
	margin: 0;
	overflow: hidden;
	flex: 0 0 240px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 240px;
	-ms-flex: 0 0 240px;
}
	
.headerBoxWrap {

}

	/*--------------- headerBox-content ---------------*/
	
.headerBox-content {
	height: 190px;
	position: relative;
}

.headerBox-content:before {
	content: "";
	background: url(../img/headerStripeBackground.png) no-repeat;
	height: 150px;
	width: 1000px;
	position: absolute;
	top: 0;
	left: 370px;
}

.modHeaderBoxElement {
	position: absolute;
}
	
		/*----- headerBox-logo -----*/

.headerBox-logo {
	width: 105px;
	height: 110px;
	background: url(../img/headerLogo.png);
	top: 42px;
	left: 0;
}

		/*----- headerBox-phone -----*/	

.headerBox-phone {
	top: 20px;
	right: 0;
	text-align: center;
}

.headerBox-phone .titlePhone {
	font-family: "trebuchet", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;	
	color: #A5A5A5;
	display: block;
	margin-bottom: 10px;
}	
	
.headerBox-phone .basicPhone {
	font-family: "trebuchet-bold", Arial, Helvetica, sans-serif;
	font-size: 33px;
	line-height: 30px;	
	color: #000;
	text-decoration: none;
	display: block;
}

.headerBox-phone .basicPhone .codePhone {
	font-family: "trebuchet", Arial, Helvetica, sans-serif;
}

.headerBox-phone .additionalPhone {
	font-family: "trebuchet", Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;	
	color: #000;
	text-decoration: none;
	display: block;
	margin: 5px 0 0 0;
}

.headerBox-phone .basicEmail {
	font: 13px/17px "trebuchet", Arial, Helvetica, sans-serif;
	color: #30C4C8;
	text-decoration: none;
	display: block;
	margin: 2px 0 0 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.headerBox-phone .basicEmail:hover {
	color: #000;
}

		/*----- headerBox-slogan -----*/	

.headerBox-slogan {
	top: 60px;
	left: 110px;
	font-family: "trebuchet", Arial, Helvetica, sans-serif;
}	

.headerBox-slogan .headingSlogan {
	font-size: 28px;
	line-height: 28px;
	text-transform: uppercase;
	margin: 0;
}	

.headerBox-slogan .textSlogan {
	font-size: 16px;
	line-height: 18px;
	margin: 14px 0 0 0;
	display: block;
}	


	/*--------------- headerBox-nav ---------------*/
	
.headerBox-nav {
	height: 50px;
	position: relative;
	background-color: #30C4C8;
}	
		/*----- headerBox-slogan -----*/	

.globalNav {
	width: 100%;
	height: 100%;
}

.globalNav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 50px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

.globalNav-list-item {
	position: relative;
	height: 100%;
	flex: 1 1 auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
}
.no-flexbox .globalNav-list-item {
	float: left;
}

.globalNav-list-item:after,
.globalNav-list-item.active:after,
 .globalNav-list-item.active:hover:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	background-color: transparent;
	z-index: 10;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.globalNav-list-item:hover:after {
	height: 100%;
	background-color: #E6E6E6;
}

.globalNav-list-link {
	font: 14px/14px "trebuchet", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	height: 100%;
	z-index: 20;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;	
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;	
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;	
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}	
.no-flexbox .globalNav-list-link {
	padding: 19px 17px;
	display: inline-block;
}

.globalNav-list-item.active .globalNav-list-link,
.globalNav-list-item.active:hover .globalNav-list-link {
	color: #000;
}	


.globalNav-list-item:hover .globalNav-list-link {
	color: #000;
}

.globalNav-list-link:after {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: transparent;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.globalNav-list-item:hover .globalNav-list-link:after,
.globalNav-list-item.active .globalNav-list-link:after,
.globalNav-list-item.active:hover .globalNav-list-link:after {
	background-color: #000;
}

/*++++++++++++++++++++++++++++++++++++++++ mainBox ++++++++++++++++++++++++++++++++++++++++*/	

.mainBox {
	flex: 1 1 auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
}

.mainBoxWrap {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

	/*#################### sliderBox ####################*/

.sliderBox {
	margin: 0 0 35px 0;
	height: 460px;
	position: relative;
	overflow: hidden;
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
}

.sliderBoxWrap {
	
}

.sliderBox:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50px;
	height: 20px;
	width: 1000px;
	z-index: 10;
	background-color: #30c4c8;
}

		/*--------------- sliderBox-list ---------------*/

.sliderBox-list {
	list-style: none;
	margin: 0;
	height: 440px;
}

.sliderBox-list-item {
	position: relative;
	height: 100%;
}		
		
		/*--------------- sliderBox-desc ---------------*/

.sliderBox-desc {
	padding: 30px;
	width: 380px;
	height: 400px;
	position: absolute;
	top: 25px;
	right: 25px;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sliderBox-desc:after {
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 30px;
    content: "";
    position: absolute;
    left: -60px;
    top: 70px;
	opacity: 0.7;
	filter: alpha(opacity=70)
}

.sliderBox-link:hover .sliderBox-desc {
	right: 50px;
}
		
					/* titleProductionDesc */

.sliderBox-desc .titleSliderDesc {
	font: 26px/30px "trebuchet", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	max-height: 62px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

					/* textProductionDesc */

.sliderBox-desc .textSliderDesc {
	font: 16px/20px Arial, Helvetica, sans-serif;
	display: block;
	text-transform: none;
	max-height: 172px;
	overflow: hidden;
	border-top: 1px solid #fff;
	padding-top: 30px;
	margin: 0 0 30px 0;
}

					/* readmoreSliderDesc */

.sliderBox-desc .readmoreSliderDesc {
	font: 16px/16px "trebuchet", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 20px 13px;
	border: 1px solid #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.sliderBox-link:hover .sliderBox-desc .readmoreSliderDesc {
	color: #000;
	background-color: #fff;
}

	/*#################### servicesBox ####################*/

.servicesBox {
	margin: 15px 0 50px 0;
	position: relative;
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
}

.servicesBoxWrap {

}

		/*--------------- servicesBox-heading ---------------*/
		
.servicesBox-heading {
	font: 28px/28px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 40px 0;
}

.servicesBox-heading:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	height: 1px;
	width: 100%;
	z-index: 10;
	background-color: #000;
}

.servicesBox-heading span {
	text-align: center;
	padding: 0 25px;
	background-color: #fff;
	max-width: 900px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	z-index: 20;
}

		/*--------------- servicesBox-list ---------------*/

.servicesBox-list {
	list-style: none;
	height: 100%;
	/*width: 100%;*/
	margin: 0 -50px -40px 0;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
/*
display: inline-block;
	text-align: left;
*/

.servicesBox-list-item {
	position: relative;	
	padding: 0;
	font: 13px/20px "opensans", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 50px 40px 0;
	cursor: pointer;
	flex: 0 1 300px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 300px;
	-ms-flex: 0 1 300px;
}

.servicesBox-list-link {
	font: 17px/28px "opensans", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0;
}		
	
		/*----- productionBox-list-heading -----*/

.servicesBox-list-heading {
	padding-bottom: 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #000;
	display: block;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.servicesBox-list-item:hover .servicesBox-list-heading {
	border-bottom: 1px solid #30C4C7;
}

.servicesBox-list-heading span {
	font: 22px/23px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	height: 48px;
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.servicesBox-list-item:hover .servicesBox-list-heading span {
	color: #30C4C7;
}

		/*----- servicesBox-list-image -----*/
		
.servicesBox-list-image {
	height: 300px;
	overflow: hidden;
}

.servicesBox-list-image img {
	height: 300px;
	width: 300px;
	display: block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.servicesBox-list-item:hover .servicesBox-list-image img {
	transform: scale(1.1, 1.1);	
}

		/*----- servicesBox-list-desc -----*/

.servicesBox-list-desc {
	padding: 20px 15px;
	margin: 0;
	position: relative;
}

.servicesBox-list-desc:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	background-color: #30C4C7;
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.servicesBox-list-item:hover .servicesBox-list-desc:before {
	height: 100%;
}

					/* titleServicesBoxDesc */

.servicesBox-list-desc .titleServicesBoxDesc {
	font: 13px/16px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	display: block;
	height: 48px;
	overflow: hidden;
}

					/* textServicesDesc */

.servicesBox-list-desc .textServicesDesc {
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	text-transform: none;
	height: 85px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.servicesBox-list-item:hover .servicesBox-list-desc .textServicesDesc {
	color: #fff;
}

					/* readmoreServicesDesc */

.servicesBox-list-desc .readmoreServicesDesc {
	font: 13px/13px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid #000;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.servicesBox-list-item:hover .servicesBox-list-desc .readmoreServicesDesc {
	border: 1px solid #fff;
}

/*#################### focusBox1 ####################*/

.focusBox1 {
	margin: 0 0 15px 0;
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
}

	/*#################### asideBox1 ####################*/

.asideBox1 {
	margin: 0 0 60px 0;
	position: relative;
	flex: 1 1 370px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 370px;
	-ms-flex: 1 1 370px;
}

.asideBox1Wrap {
	margin: 0 0 -65px 0;
}

	/*--------------- sectionBox ---------------*/	
	
.sectionBox {
	width: 320px;
	margin-bottom: 65px;
}

		/*----- sectionBox-heading -----*/

.sectionBox-heading {
	font: 28px/28px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	position: relative;
}

.sectionBox-heading:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	height: 1px;
	width: 100%;
	z-index: 10;
	background-color: #000;
}

.sectionBox-heading span {
	text-align: center;
	padding: 0 15px;
	margin-left: 33px;
	background-color: #fff;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	z-index: 20;
}

		/*----- sectionNav -----*/
		
.sectionNav {
	margin: 0 0 0 50px;
}

.sectionNav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sectionNav-list-item {
	margin: 0; 
	padding: 10px 0;
	border-bottom: 1px solid #000;
}

			/* sectionNav-list-link */
		
.sectionNav-list-link {
	font: 12px/17px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 7px 0 6px 12px;
	display: block;
	min-height: 30px;
	position: relative;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3s ease;
}

.sectionNav-list-item:hover .sectionNav-list-link {
	color: #fff;
}

.sectionNav-list-item.active .sectionNav-list-link,
.sectionNav-list-item.active:hover .sectionNav-list-link {
	color: #30C4C8;
}

.sectionNav-list-link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 3px;
	background-color: #30C4C8;
	z-index: -1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sectionNav-list-item:hover .sectionNav-list-link:before {
	width: 100%;
}

.sectionNav-list-item.active .sectionNav-list-link:before,
.sectionNav-list-item.active:hover .sectionNav-list-link:before {
	width: 3px;
}

	/*#################### contentBox ####################*/

.contentBox {
	margin: 0 0 60px 0;
	overflow : hidden;
	position: relative;
	flex: 1 1 730px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 730px;
	-ms-flex: 1 1 730px;
}

.contentBoxWrap {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

	/*--------------- innerpageHeaderBox ---------------*/
	
.innerpageHeaderBox {
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
}	
	
		/*----- contentBox-heading -----*/

.contentBox-heading {
	font: 28px/28px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	position: relative;
}

.contentBox-heading:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	height: 1px;
	width: 100%;
	z-index: 10;
	background-color: #000;
}

.contentBox-heading span {
	padding: 0 15px;
	margin-left: 33px;
	background-color: #fff;
	max-width: 600px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	z-index: 20;
}

		/*----- contentBox-attachments -----*/

.contentBox-attachments {
	margin: 15px 50px 0 0;
	padding: 10px 20px;
	border: 1px solid #000;
}

.attachmentsNav {

}

			/* attachmentsNav-list */

.attachmentsNav-list {
	list-style: none;
	margin: 0 -15px 0 0;
	padding: 0;
}

.attachmentsNav-list-item {
	display: inline-block;
	text-transform: uppercase;
	margin: 0 -4px 0 0;
}		

			/* attachmentsNav-list-link */
		
.attachmentsNav-list-link {
	font: 10px/18px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	position: relative;
	margin: 0 40px 0 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.attachmentsNav-list-link:hover {
	color: #30C4C8;
}

.attachmentsNav-list-link:after {
	content: "";
	width: 15px;
	height: 1px;
	position: absolute;
	top: 5px;
	right: -27px;
	background-color: #000;
}

			/* attachmentsNav-list-active */

.attachmentsNav-list-active {
	font: 10px/18px "trebuchet", Arial, Helvetica, sans-serif;
	color: #30C4C8;
}

	/*#################### contactBox ####################*/

.contactBox {
	margin: 0 auto 50px;
	position: relative;
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
}

.contactBoxWrap {

}

	/*--------------- contactBox-heading ---------------*/
		
.contactBox-heading {
	font: 28px/28px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 40px 0;
}

.contactBox-heading:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	height: 1px;
	width: 100%;
	z-index: -1;
	background-color: #000;
}

.contactBox-heading span {
	text-align: center;
	padding: 0 25px;
	background-color: #fff;
	max-width: 900px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
}

	/*--------------- contactBoxForm ---------------*/

.contactBoxForm {
	margin: 0;
	width: 100%;
	padding: 50px;
	background-color: #F2F2F2;
}

.contactBoxForm fieldset {
	margin: 0 -20px -20px 0;
}

.contactBoxForm input,
.contactBoxForm textarea {
	border: 1px solid #D1D1D1;
	padding: 8px 6px;
	font: 15px/20px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 16px 20px 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.contactBoxForm input:focus,
.contactBoxForm textarea:focus {
	border: 1px solid #30C4C8;
	box-shadow: 0 0 5px rgba(48, 196, 200, 0.6);
}

.contactBoxForm input[type="submit"]:focus {
	box-shadow: none;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: #30C4C8;
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
	color: #30C4C8;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder, {
	color: #30C4C8;
}

.contactBoxForm input {
	width: 320px;
}

.contactBoxForm textarea {
	width: 800px;
	height: 100px;
}

.contactBoxForm input[type="submit"] {
	width: 180px;
	height: 100px;
	background-color: #D1D1D1;
	text-transform: uppercase;
}

.contactBoxForm input[type="submit"] {
	width: 180px;
	height: 100px;
	background-color: #D1D1D1;
}

.contactBoxForm input[type="submit"]:hover {
	background-color : #30C4C8;
	color: #fff;
}

/*++++++++++++++++++++++++++++++++++++++++ footerBox ++++++++++++++++++++++++++++++++++++++++*/	

.footerBox {
	position: relative;
	height: 150px;
	overflow: hidden;
	flex: 0 0 150px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 150px;
	-ms-flex: 0 0 150px;
}

.footerBoxWrap {
	
}

	/*--------------- modifier ---------------*/

.modFooterBoxElement {
	position: absolute;
	font-family: "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
}

	/*--------------- footerBox-content ---------------*/
	
.footerBox-content {
	height: 150px;
	position: relative;
}

.footerBox-content:before {
	content: "";
	background: url(../img/footerStripeBackground.png) no-repeat;
	height: 150px;
	width: 1000px;
	position: absolute;
	top: 0;
	right: 370px;
}

		/*----- footerBox-copyright -----*/

.footerBox-copyright {		
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	top: 75px;
	left: 0;
}

.footerBox-copyright .linkCopyright {
	font: 14px/14px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	cursor: text;
}

.footerBox-copyright span {
	font-size: 12px;
	line-height: 14px;
	text-transform: none;
	display: block;
	margin-top: 10px; 
}

		/*----- footerBox-address -----*/

.footerBox-address {
	font-size: 13px;
	line-height: 17px;
	top: 18px;
	right: 0;
}

		/*----- footerBox-phone -----*/

.footerBox-phone {
	font-size: 13px;
	line-height: 17px;
	top: 38px;
	right: 0;
	text-align: right;
}

.footerBox-phone .basicPhone {
	font: 13px/17px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

		/*----- footerBox-phone -----*/

.footerBox-email {
	font-size: 13px;
	line-height: 17px;
	top: 74px;
	right: 0;
	text-align: right;
}

.footerBox-email .basicEmail {
	font: 13px/17px "trebuchet", Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.footerBox-email .basicEmail:hover {
	color: #30C4C8;
}
	
		/*----- footerBox-webmaster -----*/	

.footerBox-webmaster {
	font-size: 12px;
	line-height: 12px;
	text-align: right;
	bottom: 9px;
	right: 0;
}

.footerBox-webmaster .linkWebmaster {
	font: 12px/15px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.footerBox-webmaster .linkWebmaster:hover {
	color: #777;
}



/*========================================  MODULES STYLE ========================================*/

/*++++++++++++++++++++++++++++++++++++++++ basic text content ++++++++++++++++++++++++++++++++++++++++*/

	/*#################### contentBox-subsection ####################*/

		/*--------------- basic Subsection---------------*/	
	
.contentBox-subsection {
	margin: 40px 0 0 0;
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
}

.subsectionNav {
	
}

			/*----- subsectionNav-list -----*/

.subsectionNav-list {
	list-style: none;
	margin: 0 0 -5px 0;
}

.subsectionNav-list-item {
	margin: 0 0 5px 0;
}

			/*----- subsectionNav-list-link -----*/
		
.subsectionNav-list-link {
	font: 12px/15px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	padding: 0 0 0 18px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.subsectionNav-list-link:before {
	content: "";
	background-color: #000;
	height: 1px;
	width: 10px;
	position: absolute;
	top: 6px;
	left: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.subsectionNav-list-link:hover {
	color: #30c4c8;
}
.subsectionNav-list-link:hover:before {
	background-color: #30c4c8;
}

		/*--------------- service Subsection---------------*/	
		
.contentBox-subsection.modService {
	margin: 40px 0 0 0;
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
}

.modService .subsectionNav {
	
}

			/*----- subsectionNav-list -----*/

.modService .subsectionNav-list {
	list-style: none;
	height: 100%;
	margin: 0 -40px -40px 0;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.modService .subsectionNav-list-item {
	position: relative;	
	padding: 0;
	margin: 0 40px 40px 0;
	cursor: pointer;
	flex: 0 1 200px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 200px;
	-ms-flex: 0 1 200px;
}

			/*----- subsectionNav-list-link -----*/
		
.modService .subsectionNav-list-link {
	position: relative;
	padding: 0;
}

.modService .subsectionNav-list-link:before {
	content: "";
	background: none;
}
		
				/* subsectionNav-list-heading */		

.modService .subsectionNav-list-heading {
	padding-bottom: 10px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #000;
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.modService .subsectionNav-list-item:hover .subsectionNav-list-heading {
	border-bottom: 1px solid #30C4C7;
}

.modService .subsectionNav-list-heading span {
	font: 17px/19px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	height: 38px;
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.modService .subsectionNav-list-item:hover .subsectionNav-list-heading span {
	color: #30c4c8;
}

		/*----- subsectionNav-list-image -----*/
		
.modService .subsectionNav-list-image {
	height: 200px;
	overflow: hidden;
}

.modService .subsectionNav-list-image img {
	height: 200px;
	width: 200px;
	display: block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.modService .subsectionNav-list-item:hover .subsectionNav-list-image img {
	transform: scale(1.1, 1.1);	
}
		
	/*#################### articleBox ####################*/

.articleBox {
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	margin: 50px 50px 0 0;
	overflow: hidden;
}

.articleBoxWrap {

}

.articleBox-heading {
	margin:  0;
	font: 21px/25px "trebuchet", Arial, Helvetica, sans-serif;
	text-transform: uppercase;

}	

.articleBox-topic {
	margin: 8px 0 30px 0;
	font: 13px/15px "trebuchet", Arial, Helvetica, sans-serif;
	color: #999;
	text-transform: uppercase;
}	

		/*--------------- h3, h4 ---------------*/	

.articleBox h3,
.articleBox h3 span,
.articleBox h4,
.articleBox h4 span {
	margin:  0;
	font-family: "trebuchet", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}			

.articleBox h3,
.articleBox h3 span {
	font-size: 21px !important;
	line-height: 25px;
}	

.articleBox h4,
.articleBox h4 span {
	font-size: 17px !important;
	line-height: 22px;
}	

	/*--------------- p ---------------*/			

.articleBox p {
	color: #000;
	font : 14px/20px Arial, Helvetica, sans-serif;
	margin:  0;
}


	/*--------------- ul, ol ---------------*/
	
		/*----- ul -----*/
		
.articleBox ul {
	font: 14px/22px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 1em 0 1em 30px;
}

.articleBox ul li {
	padding : 0 0 0 18px;
	margin: 0 0 5px 0;
	position: relative;
}

.articleBox ul li:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	background-color: #000;
	height: 1px;
	width: 10px;
}

		/*----- ol -----*/

.articleBox ol {
	font: 14px/22px Arial, Helvetica, sans-serif;
	margin : 0 0 1em 48px;
	background : none;
}
.articleBox ol li {
	padding : 0 0 5px 0;
}

	/*--------------- a ---------------*/

.articleBox a {
	color: #30c4c8;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.articleBox a:hover {
	color : #555;
}

	/*--------------- table ---------------*/

		/*----- border -----*/	
			
.mainTextBox #tabl1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;	
	border: none;
	border-spacing: 3px;
	border-collapse: separate;
	border: 1px solid #d8d8d8;
}

.mainTextBox #tabl1 caption {
	font: normal normal 18px "miadpro", Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: left;
	margin: 0 10px 15px 0;
}

.mainTextBox #tabl1  td {
	border: 1px solid #d8d8d8;
	padding: 10px;
	vertical-align: top;
}

.mainTextBox #tabl1 td p {
	word-wrap:break-word;
	margin : 0;
}

		/*----- no border -----*/
			
.mainTextBox #tabl2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;	
	border: none;
	border-collapse : collapse;
}

.mainTextBox #tabl2 caption {
	font: normal normal 18px "miadpro", Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: left;
	margin: 0 10px 15px 0;
}

.mainTextBox #tabl2  td {
	border: none;
	padding: 0;
}
.mainTextBox #tabl2 td p {
	word-wrap:break-word;
	margin : 0;
}			

/*++++++++++++++++++++++++++++++++++++++++ additional text content ++++++++++++++++++++++++++++++++++++++++*/

	/*#################### header text ####################*/

#header_text {
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	height: 200px;
	overflow : hidden;
	position : absolute;
	top : 55px;
	left : 50%;
	margin : 0 0 0 -475px;
	padding : 0;
	width : 950px;
	z-index : -1;
}

#header_text h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 0;
	margin : 5px 5px 0 5px;
	font-weight : bold;
}

#header_text p {
	font-size : 11px;
	padding : 0;
	margin : 0 5px 5px 5px;
}
#header_text p a {
	font-size : 10px;
	color : Black;
	text-decoration : none;
}
#header_text p a:hover {
	text-decoration : underline;
}

	/*#################### footer text  ####################*/

#footer_text {
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	overflow : hidden;
	position : absolute;
	top : 0;
	left : 0;
	height : 170px;
	margin : 0;
	padding : 0;
	width : 950px;
	z-index : -1;
}

#footer_text p {
	font-size : 11px;
	padding : 0;
	margin : 5px;
}

#footer_text p a {
	font-size : 10px;
	color : Black;
	text-decoration : none;
}
#footer_text p a:hover {
	text-decoration : underline;
}


/*++++++++++++++++++++++++++++++++++++++++ ARTICLES ++++++++++++++++++++++++++++++++++++++++*/

		/*--------------- articlesBox ---------------*/

.articlesBox {
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	margin: 50px 50px 0 0;
	overflow: hidden;
}

.articlesBoxWrap {

}

		/*--------------- articlesBox-list ---------------*/

.articlesBox-list {
	margin: 0 -80px -40px 0;
	list-style: none;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.articlesBox-list-item {
	position: relative;	
	margin: 0 80px 40px 0;
	cursor: pointer;
	flex: 0 1 300px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 300px;
	-ms-flex: 0 1 300px;
}

.articlesBox-list-link {
	text-decoration: none;
}	
	
		/*----- articlesBox-list-heading -----*/

.articlesBox-list-heading {
	padding-bottom: 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #000;
	display: block;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.articlesBox-list-item:hover .articlesBox-list-heading {
	border-bottom: 1px solid #30C4C7;
}

.articlesBox-list-heading span {
	font: 15px/18px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	height: 53px;
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.articlesBox-list-item:hover .articlesBox-list-heading span {
	color: #30C4C7;
}

		/*----- articlesBox-list-image -----*/
		
.articlesBox-list-image {
	height: 150px;
	overflow: hidden;
}

.articlesBox-list-image img {
	height: 150px;
	width: 300px;
	display: block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.articlesBox-list-item:hover .articlesBox-list-image img {
	transform: scale(1.1, 1.1);	
}

		/*----- articlesBox-list-desc -----*/

.articlesBox-list-desc {
	padding: 20px 15px;
	margin: 0;
	position: relative;
}

.articlesBox-list-desc:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	background-color: #30C4C7;
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.articlesBox-list-item:hover .articlesBox-list-desc:before {
	height: 100%;
}

					/* topicArticlesDesc */

.articlesBox-list-desc .topicArticlesDesc {
	font: 13px/16px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	display: block;
	height: 32px;
	overflow: hidden;
}

					/* textArticlesDesc */

.articlesBox-list-desc .textArticlesDesc {
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	text-transform: none;
	height: 85px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.articlesBox-list-item:hover .articlesBox-list-desc .textArticlesDesc {
	color: #fff;
}

					/* readmoreArticlesDesc */

.articlesBox-list-desc .readmoreArticlesDesc {
	font: 13px/13px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid #000;
	background-color: #fff;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.articlesBox-list-item:hover .articlesBox-list-desc .readmoreArticlesDesc {
	border: 1px solid #fff;
}

/*++++++++++++++++++++++++++++++++++++++++ GALLERY ++++++++++++++++++++++++++++++++++++++++*/

	/*#################### galleryBox basic  ####################*/

		/*--------------- galleryBox ---------------*/

.galleryBox {
	flex: 1 1 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	margin: 50px 50px 0 0;
	overflow: hidden;
}

.galleryBoxWrap {

}

		/*--------------- galleryBox-list ---------------*/

.galleryBox-list {
	margin: 0 -80px -60px 0;
	list-style: none;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.galleryBox-list-item {
	position: relative;	
	margin: 0 80px 60px 0;
	cursor: pointer;
	flex: 0 1 300px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 300px;
	-ms-flex: 0 1 300px;
}

/* modGalleryImage */			
.modGalleryImage .galleryBox-list-item {
	position: relative;	
	margin: 0 40px 40px 0;
	cursor: pointer;
	flex: 0 1 200px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 200px;
	-ms-flex: 0 1 200px;
}				

.galleryBox-list-link {
	text-decoration: none;
}	

			/*----- galleryBox-list-heading -----*/

.galleryBox-list-heading {
	padding-bottom: 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #000;
	display: block;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.galleryBox-list-item:hover .galleryBox-list-heading {
	border-bottom: 1px solid #30C4C7;
}

.galleryBox-list-heading span {
	font: 15px/18px "trebuchet", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	height: 36px;
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.galleryBox-list-item:hover .galleryBox-list-heading span {
	color: #30C4C7;
}

		/*--------------- galleryBox-sublist ---------------*/

.galleryBox-sublist {
	list-style: none;
	margin: 0;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.galleryBox-sublist-item {
	padding: 0;
	margin: 0;
	flex: 0 1 300px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 300px;
	-ms-flex: 0 1 300px;
}

			/*----- galleryBox-sublist-image -----*/
		
.galleryBox-sublist-image {
	height: 300px;
	width: 300px;
	overflow: hidden;
}

.galleryBox-sublist-image img {
	height: 300px;
	width: 300px;
	display: block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.galleryBox-sublist-item:hover .galleryBox-sublist-image img {
	transform: scale(1.1, 1.1);	
}

	/*#################### galleryBox Image  ####################*/

		/*--------------- galleryBox-list  modGalleryImage---------------*/

.galleryBox-list.modGalleryImage {
	margin: 0 -40px -40px 0;
}
	
.modGalleryImage .galleryBox-list-item {
	position: relative;	
	margin: 0 40px 40px 0;
	cursor: pointer;
	flex: 0 1 200px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 200px;
	-ms-flex: 0 1 200px;
}				

.modGalleryImage .galleryBox-list-link {
	text-decoration: none;
}

			/*----- galleryBox-sublist-image -----*/

.modGalleryImage .galleryBox-list-image {
	text-decoration: none;
	height: 200px;
	width: 200px;
	overflow: hidden;
	background-color: #fff;
}	

.modGalleryImage .galleryBox-list-image img {
	height: 200px;
	width: 200px;
	display: block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}	

.modGalleryImage .galleryBox-list-item:hover .galleryBox-list-image img {
	transform: scale(1.1, 1.1);	
}

			/*----- galleryBox-sublist-image -----*/

.galleryBox-list-readmore {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 150px;
	height: 50px;
	font: 11px/11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	z-index: -1;
}








































/*========================================  PAGES NEXT-BACK ========================================*/

/*+++++++++++++++++++++++++ switch Pages +++++++++++++++++++++++++*/

.switchPages {
	margin: 40px auto 0;
	padding: 0 10px;
	text-align: center;
	height: 30px;
	position: relative;
}

.switchPages:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background-color: #000;
	height: 1px;
	width: 100%;
}

	/*--------------- numbers Pages ---------------*/

.switchPages-numbersPage {
	margin: 0 6px;
	padding: 0 5px;	
	font: 15px/15px "trebuchet", Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 20;
}

.switchPages-numbersPage span,
.switchPages-numbersPage.active span,
.switchPages-numbersPage.active:hover span {
	height: 30px;
	width: 30px;
	display: block;
	text-align: center;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;	
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;	
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;	
}

.switchPages-numbersPage:hover span {
	background-color : #E6E6E6;
}

.switchPages-numbersPage.active span,
.switchPages-numbersPage.active:hover span {
	background-color : #30c4c8;
	color: #fff;
}

	/*--------------- go to the next, go to the prev  ---------------*/
/*
.switchPages-goToNext, .switchPages-goToPrev {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	outline: none;
	background-color: #E6E6E6;
}

.switchPages-goToNext{
	margin: 0 0 0 70px;
}

.switchPages-goToPrev {
	margin: 0 70px 0 0;
}

.switchPages-goToNext.noactive, 
.switchPages-goToPrev.noactive {
	background: none; 	
}

.switchPages-goToNext:hover, 
.switchPages-goToPrev:hover {
	background: #CB4725; 	
}

.switchPages-goToNext-picture, .switchPages-goToPrev-picture {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	background: url(../img/goToNext-goToPrev-picture.png) no-repeat;
}

.switchPages-goToNext.noactive,
.switchPages-goToPrev.noactive {
	display: none;
}

.switchPages-goToNext-picture {
	background-position: -90px 0;
}
.switchPages-goToNext:hover .switchPages-goToNext-picture {
	background-position: -60px 0;
}

.switchPages-goToNext:active .switchPages-goToNext-picture {
	background-position: -45px 0;
}

.switchPages-goToPrev-picture {
	background-position: 0 0;
}
.switchPages-goToPrev:hover .switchPages-goToPrev-picture {
	background-position: -30px 0;
}

.switchPages-goToPrev:active .switchPages-goToPrev-picture {
	background-position: -30px 0;
}
*/

	/*--------------- go forth, go back ---------------*/

/*.switchPages-goForth, .switchPages-goBack {
	height: 25px;
	width: 23px;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}*/

/*.switchPages-goForth {
	margin: 0 0 0 70px;
}*/

/*.switchPages-goBack {
	margin: 0 70px 0 0;
}*/

/*.switch-pages .last-pages .img, .switch-pages .first-pages .img {
	width: 12px;
	height: 25px;
	margin: 0;
	padding: 0;
	display: inline-block;
	background-image: url(../img/next-back_pages.png);
}*/

/*.switch-pages .last-pages .img {
	background-position: -36px 0;
	margin: 0 0 0 1px;
}
.switch-pages .last-pages:hover .img {
	background-position: -24px 0;
}*/

/*.switch-pages .first-pages .img {
	background-position: 0 0; 
}
.switch-pages .first-pages:hover .img {
	background-position: -12px 0; 
}*/



/*============================================= POP-UP =============================================*/

.arcticmodal-overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index : 2000 !important;
}	
.arcticmodal-container { 
	position: fixed; 
	left: 0;
	top: 0;
	right: 0px;
	bottom: 0; 
	overflow: auto;
	margin: 0;
	padding : 0;
	border: 0;
	border-collapse: collapse; 
	z-index : 2001 !important;
}	
*:first-child+html .arcticmodal-container { 
	height: 100%;
}
.arcticmodal-container_i { 
	height: 100%;
	margin: 0 auto; 
}
.arcticmodal-container_i2 { 
	padding: 24px;
	margin: 0;
	border: 0;
	vertical-align: middle; 
}

.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.b-modal {
	position: relative;
	display: none;
	padding: 50px;
	background: #fff;
	min-height : 100px;
}

.b-modal .close { 
	position: absolute;
	top:5px;
	right:5px;
	cursor: pointer; 
	background : url(../img/cancel.png) no-repeat;
	height : 20px;
	width : 20px;
}

/*---------------------------------------- pop-up informaciya ----------------------------------------*/
.b-modal #inform{
	width : 500px;
	overflow : hidden;
}

#inform p {
	font: normal 28px "MRPcond", Arial, Helvetica, sans-serif;
	color : Black;
	padding : 0 !important;
	margin : 0 0 30px 0;
	display : inline-block;
}

#inform ul {
	list-style: none;
	margin : 0 0 0 30px;
	padding : 0;
}
#inform ul li {
	padding : 0 0 4px 15px;
	background : url(../img/li_img.gif) no-repeat 0 4px;
}
#inform ul li a {
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-decoration: none;
	font-weight : normal;
}
#inform ul li a:hover {
	color : Gray;
	text-decoration: underline;
}





/*============================================= PRINT =============================================*/

@media print {
	form.print_botton {display: none;}
}



/*--------------------------- pages  --------------------------------*/
#content_center_zpg {
	width : 820px;
}

#content_center_zpg ul {
	list-style : none !important;
	margin: 50px 0 0 60px !important;
	font-size : 13px;
	font-weight: bold;
	padding: 0;
}

#content_center_zpg ul li {
	margin: 0 0 25px 0;
	list-style-image: none;
	color: Black;
}

#content_center_zpg ul a {
	font-weight: normal;
	cursor: text;
	color: Black;
	text-decoration: none;
	cursor: pointer;
}