@charset "utf-8";
@import url("fonts.css");
/* CSS Document */

/*=======================================
Main CSS Document

1.Reset
- 1.1. Defaults,  h1, h2, h3, h4, h5, a
2.Page
3.Header
4.Content
5.Footer

=========================================*/

/*================================================
1. Reset the styles
================================================*/
html {
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-family: 'freightsans_mediumregular', Arial, Helvetica, sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, label, fieldset, legend, input, button, textarea, p, blockquote, th, td, footer, header, hgroup, menu, nav, section {
	color: #727272;
	font-size: 14px;
}
nav li {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
input[type=radio], input[type=checkbox] {
	vertical-align: middle;
	margin: 0;
}
ins {
	background-color: #ff9;
	color: #727272;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #727272;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}
del, ins {
	text-decoration: none;
}
caption, th {
	text-align: left;
}
i {
	font-family: 'freightsans_mediumitalicRg';
	font-style: normal;
}
b {
	font-family: 'freightsans_boldregular';
	font-weight: normal;
}
b i {
	font-family: 'freightsans_bolditalicregular';
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
h4, h5, h6 {
	font-size: 16px;
}
p {
	padding: 0 0 10px;
	line-height: 18px;
}
a {
	color: #1cccfe;
	outline: none;
	text-decoration: none;
}
ul, ol {
	margin: 0px;
	padding: 0 0 3px 18px;
}
ul li {
	background: url(../img/elem/list-square.png) no-repeat left 5px;
	list-style-type: none;
	padding: 0 0 0 17px;
}
ol li {
	margin: 0 0 0 3px;
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
}
input:focus, textarea:focus {
	outline: none
}
/*Remove button padding in FF*/
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/* Clearfix */
.clearfix {
	display: inline-block;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix {
	display: block;
}
/*================================================
1. Reset the styles-end
================================================*/
body {
	background: #000;
	min-width: 998px;
}
/*===========================================================================
2. Wrapper
===========================================================================*/
#wrapper {
	background: #fff;
	min-width: 998px;
	position: relative;
	z-index: 1;
}
/*===========================================================================
3. Header
===========================================================================*/
.slide {
	width: 2000px;
	height: 566px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	z-index: -10;
}
#slide1 {
	background: url(../img/bg/bg-header.jpg) no-repeat center top;
}
#slide2 {
	background: url(../img/bg/bg-header2.jpg) no-repeat center top;
	display: none;
}
#pane1 {
}
#pane2 {
	display: none;
}
#preload {
	display: none;
}
#header {
	min-width: 998px;
	padding: 56px 0 22px;
	z-index:1;
	position:relative;
        overflow:hidden;
}
#header .header-ins {
	width: 998px;
	margin: 0 auto;
}
#header .header-top {
	padding: 0 0 160px;
}
/*---------------------------logo-begin--*/
#header #logo {
	background: url(../img/logo.png) no-repeat right bottom;
	width: 279px;
	height: 43px;
	padding: 0 0 0 2px;
	float: left;
}
#header #logo a {
	width: 100%;
	height: 0px;
	padding: 43px 0 0;
	overflow: hidden;
	display: block;
}
/*---------------------------logo-end--*/
/*---------------------------navigation-begin--*/
#header .nav {
	padding: 4px 0 0;
	float: right;
}
#header .nav li, #header .nav li a {
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: -0.25px;
	display: block;
}
#header .nav li {
	background: none;
	float: left;
	padding: 0 0 0 12px;
	cursor: pointer;
}
#header .nav li a {
	background: url(../img/bg/bg-opacity.png) repeat left top;
	padding: 8px 15px;
}
#header .nav .languagebtn a {
	background: url(../img/bg/bg-opacity-white.png) repeat left top;
	color: #64594d;
	font-size: 12px;
	text-transform: none;
}
/*---------------------------navigation-end--*/
#header .header-bottom {
	padding: 0 30px;
}
/*---------------------------box-question-begin--*/
#header .top-slider {
	width: 400px;
	height: 283px;
	float: right;
	overflow: hidden;
}
.top-slider-nav {
	width: 42px;
	overflow: hidden;
	padding: 0 0 15px;
	margin: 0 auto;
	display: none;
	}
.top-slider-nav a.prev, .top-slider-nav a.next {
	display: block;
	width: 18px;
	height: 18px;
	}
.top-slider-panes { /*adjusts position with nav turned off */
	margin-top: 18px;
}
.top-slider-nav a.prev {
	background: url(../img/btn/prev.png) no-repeat left top;
	float: left;
	}
.top-slider-nav a.next {
	background: url(../img/btn/next.png) no-repeat left top;
	float: right;
	}
#header .top-slider, #header .top-slider p {
	color: #fff;
	font-size: 36px;
	line-height: 48px;
	text-align: center;
}
#header .top-slider p {
	padding: 0 0 28px;
}
#header .top-slider p span {
	background: url(../img/bg/bg-opacity.png) repeat left top;
	padding: 0 13px;
}
#header .top-slider a.btn, .content-block h2 span {
	background: #1cccfe;
	color: #fff;
	font-family: 'freighttext_blackregular';
	letter-spacing: 0.5px;
	padding: 6px 12px;
	cursor: pointer;
	z-index: 10;
}
#header .top-slider a.btn {
	margin: 0 0 0 27px;
	font-size: 18px;
	line-height: 23px;
}
/*---------------------------box-question-end--*/
/*===========================================================================
3. Header end
===========================================================================*/
/*===========================================================================
4. Container
===========================================================================*/
#container, .content-block {
	min-width: 998px;
}
#container {
	padding: 0 0 40px;
}
.content-block.block-yellow, .content-block.block-yellow p, .content-block.block-yellow h3, .content-block.block-yellow h4, .content-block.block-yellow h5, .content-block.block-yellow h6, .content-block.block-yellow li, .content-block.block-yellow a, .content-block.block-black, .content-block.block-black p, .content-block.block-black h3, .content-block.block-black h4, .content-block.block-black h5, .content-block.block-black h6, .content-block.block-black li, .content-block.block-black a {
	color: #fff;
}
.content-block.block-yellow {
	background: #fbc81f;
}
.content-block.block-black {
	background: #000;
}
.content-block-ins, .footer-ins {
	width: 878px;
	margin: 0 auto;
}
.content-block-ins {
	padding: 0 60px 100px;
}
.content-block.block-yellow .content-block-ins {
	background: url(../img/elem/block-arrow.png) no-repeat right bottom;
}
.content-block h2 {
	text-align: center;
	padding: 6px 30px;
	position: relative;
	top: -14px;
}
.content-block h3 {
	color: #1cccfe;
}
.content-block li {
	padding: 0 0 7px 17px;
}
/*---------------------------blockquote-style-begin--*/
.content-block blockquote, .content-block blockquote p {
	color: #31464c;
}
.content-block blockquote {
	background: url(../img/bg/bg-blue.png) repeat left top;
	padding: 25px 44px 25px 24px;
	margin: 27px 0 0;
}
.content-block blockquote h4 {
	color: #0f82a2;
	font-size: 18px;
	line-height: 18px;
}
.content-block blockquote h5, .content-block blockquote h6 {
	font-size: 14px;
	text-align: right;
}
.content-block blockquote h5 {
	font-family: 'freightsans_boldregular';
}
.content-block blockquote h6 {
	font-family: 'freightsans_mediumitalicRg';
}
/*---------------------------blockquote-style-end--*/
.content-block-holder {
	padding: 25px 30px 0;
}
.left-col {
	width: 400px;
	float: left;
}
.right-col {
	width: 355px;
	float: right;
}
/*---------------------------about-box-begin--*/
.about-box {
	padding: 0 0 4px;
}
.about-icon {
	width: 47px;
	padding: 5px 0 0;
	float: left;
}
.about-descr {
	width: 308px;
	float: right;
}
/*---------------------------about-box-end--*/
/*---------------------------options-holder-begin--*/
.options-holder {
	padding: 25px 0 55px;
}
.option-box {
	width: 234px;
	padding: 18px 29px 0;
	float: left;
	cursor: pointer;
}
.option-icon, .option-box h3 {
	text-align: center;
}
.option-icon {
	padding: 0 0 20px;
}
.option-box h3 {
	font-size: 24px;
	line-height: 28px;
	font-family: 'freighttext_blackregular';
	padding: 0 0 24px;
}
.option-box h4, .option-box h6.total span {
	font-size: 18px;
	line-height: 24px;
}
.option-box h4 {
	font-family: 'freighttext_lightitalicRg';
	padding: 0 0 2px;
}
.option-box h6.total {
	font-size: 14px;
	text-align: right;
	padding: 8px 0 0;
}
.option-box h6.total span {
	padding-right: 32px;
	background: url(../img/elem/arrow.jpg) no-repeat right;
}
.option-box h6.total span {
	display: block;
	font-family: 'freightsans_boldregular';
}
/*.option-box:first-child h6.total span {
	font-family: 'freightsans_bolditalicregular';
}
*//*---------------------------options-holder-end--*/
/*---------------------------about-content-begin--*/
.about-content {
	padding: 0 0 30px;
}
.content-left {
	width: 480px;
	float: left;
	padding: 12px 38px 0 0;
}
.content-left, .content-left p {
	font-size: 18px;
	line-height: 24px;
}
.content-left p {
	padding: 0 0 22px;
}
.content-left p span {
	font-size: 24px;
	line-height: 30px;
	font-family: 'freightsans_lightregular';
}
.content-right {
	width: 300px;
	float: right;
	padding: 15px 0 0;
}
.content-right, .content-right p {
	font-size: 16px;
}
.content-right p {
	padding: 0 0 18px;
}
/*---------------------------about-content-end--*/
/*---------------------------person-img-begin--*/
.person-img {
	background: url(../img/elem/line-white.png) repeat-x left center;
	width: 660px;
	margin: 0 auto;
}
.person-img-ins {
	background: #000;
	width: 156px;
	margin: 0 auto;
	text-align: center;
}
.person-img img {
	border: 1px solid #1cccfe;
}
/*---------------------------person-img-end--*/
/*---------------------------form-holder-begin--*/
.form-holder {
	background: url(../img/bg/bg-blue.png) repeat left top;
	width: 289px;
	padding: 15px 14px 12px 11px;
	margin: 3px 0 0;
	float: left;
}
.form-holder h5 {
	color: #31464c;
	font-size: 14px;
	line-height: 18px;
	padding: 0 36px 15px 12px;
}
.form-row {
	padding: 0 0 7px;
}
.form-row span.form-inp, .form-row span.form-inp input, .form-row span.form-text, .form-row span.form-text textarea, .overlay-right .form-row span.customSelect {
	color: #c5c5c5;
	font-size: 18px;
	line-height: 21px;
	width: 263px;
	display: block;
}
.form-row span.form-inp, .form-row span.form-inp input, .overlay-right .form-row span.customSelect {
	height: 21px;
}
.form-row span.form-inp, .form-row span.form-text, .overlay-right .form-row span.customSelect {
	background: #f3f4f5;
	border: 1px solid #c0c2c4;
	padding: 5px 12px;
}
.form-row span.form-inp input, .form-row span.form-text textarea {
	background: none;
	border: none;
}
.form-row span.form-text textarea {
	min-width: 263px;
	max-width: 263px;
	height: 137px;
	min-height: 137px;
	max-height: 250px;
}
.form-row span.form-inp input:focus, .form-row span.form-text textarea:focus, .form-row span.customSelectFocus span.customSelectInner {
	color: #525252;
}
.form-row input.submit {
	background: #1cccfe;
	border: none;
	color: #fff;
	font-size: 18px;
	font-family: 'freighttext_blackregular';
	height: 27px;
	padding: 0 7px;
	overflow: visible;
	float: right;
	cursor: pointer;
}
/*---------------------------form-holder-end--*/
/*---------------------------contacts-begin--*/
.form-contacts {
	width: 412px;
	float: right;
}
.form-contacts dl {
	padding: 3px 0 15px;
}
.form-contacts dl dt, .form-contacts dl dd {
	line-height: 18px;
}
.form-contacts dl dt {
	color: #1cccfe;
	font-size: 18px;
}
/*---------------------------contacts-end--*/
/*===========================================================================
4. Container end
===========================================================================*/
/*===========================================================================
5. Footer
===========================================================================*/
#footer {
	background: #000;
	min-width: 998px;
}
#footer .footer-ins {
	padding: 12px 60px 22px;
}
#footer, #footer p.copyright {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}
/*===========================================================================
5. Footer end
===========================================================================*/
.overlay-mask {
	background: url(../img/bg/bg-opacity.png) repeat left top;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2;
	display: none;
}
.overlay {
	background: url(../img/bg/bg-overlay-top.png) no-repeat left top;
	width: 777px;
	padding: 30px 0 0;
	margin: 0 0 0 -389px;
	position: absolute;
	left: 50%;
	top: 10%;
}
.overlay-bottom {
	background: url(../img/bg/bg-overlay-bottom.png) no-repeat left bottom;
	padding: 0 0 30px;
}
.overlay-inside {
	background: url(../img/bg/bg-overlay-repeat.png) repeat-y left top;
	padding: 27px 55px 90px;
	position: relative;
}
.overlay h3, .overlay h4 {
	color: #1cccfe;
}
.overlay h4 {
	font-size: 18px;
	line-height: 18px;
}
.overlay p {
	padding: 0 0 18px;
}
.overlay-left {
	width: 260px;
	float: left;
}
.overlay-right {
	width: 350px;
	float: right;
}
.overlay-right h3 {
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 2px;
}
.overlay-right p {
	font-size: 18px;
	line-height: 24px;
	padding: 0 0 30px;
}
.overlay-right .form-row span.form-inp, .overlay-right .form-row span.form-inp input, .overlay-right .form-row span.customSelect {
	width: 324px;
}
.overlay-right .form-row select.form-sel {
	width: 350px;
}
.overlay-right .form-row span.customSelect {
	background: url(../img/elem/select-arrow.png) no-repeat right center;
	width: 311px;
	padding: 5px 25px 5px 12px;
}
a.overlay-close {
	background: url(../img/elem/close.png) no-repeat left top;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	right: 23px;
	top: -8px;
	cursor: pointer;
}
.error {
	color: #f00;
	font-family: 'freightsans_lightregular', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 0 0;
	line-height: 1;
	display: none;
	float: left;
	width: 200px;
}
.formbtn {
	width: 60px;
	float: right;
}
.arrow {
	float: right;
	margin-top: 3px;
}
.form-contacts div {
	display: none;
}
.form-contacts blockquote {
	height: 130px;
}
#feedbackform {
	margin-bottom: 32px;
}