/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#8f8f8f;
	min-width:960px;
	background:#fff;
}

.bg {width:100%; background:url(images/bg-top.jpg) center 0 no-repeat;}

.main {
	width:960px;
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:21px;
}

a {color:#30a5d9; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:19px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 { margin-bottom:12px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#131313;}
.color-3 {color:#666;}
.color-4 { color:#27a9e3;}
.color-5 {color:#11c4ff;}
.block {display:block;}
.decor {text-decoration:none;}
.decor:hover {text-decoration:underline;}
.text-1 {font-size:16px;}
.text-2 {font-size:14px; line-height:1.285em;}
.upper { text-transform:uppercase;}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:36px;}
.margin-bot2 {margin-bottom:48px;}
.margin-bot3 {margin-bottom:45px;}
.margin-bot4 {margin-bottom:39px;}
.margin-bot5 {margin-bottom:48px;}

.super-indent { margin-bottom:66px;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot1 {margin-bottom:21px;}
.indent-bot2 {margin-bottom:31px;}
.indent-bot3 {margin-bottom:23px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent-bot1 {margin-bottom:27px;}
.img-indent-bot2 {margin-bottom:33px;}
.img-indent-bot3 {margin-bottom:34px;}
.img-indent-bot4 {margin-bottom:29px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:0 12px 0px 0;}
.img-indent2 {float:left; margin:0 7px 0px 0;}
.img-indent3 {float:left; margin:0 6px 0px 0;}
.img-indent4 {float:left; margin:0 22px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 40px;}

.mb1 { margin-bottom:1px;}
.mb4 { margin-bottom:4px;}
.mb7 { margin-bottom:7px;}
.mt-4 { margin-top:-4px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt18 {margin-top:18px;}
.mt13 {margin-top:13px;}

.padd-left { padding-left:21px;}
.padd-bot { padding-bottom:12px;}
.padd-bot1 { padding-bottom:46px;}
.padd-bot2 { padding-bottom:21px;}
.padd-bot3 { padding-bottom:51px;}
.padd-bot4 { padding-bottom:34px;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}

.list-1 a.current {background: none repeat scroll 0 0 #27A9E3;color: #FFFFFF;margin-right: 5px;}

/*********************************header*************************************/
header {
	width:100%;
	position:relative;
	z-index:2;
}

h1 {
	padding:60px 0 0 0;
	position:relative;
	float:left;
}
h1 a {
	display:block;
	width:207px;
	height:72px;
	text-indent:-5000px;
	background:url(images/logo2.png) 0 0 no-repeat;
	text-decoration:none;
}
.header-right {
	float:right;
	margin-top:79px;
}
.search-bg {
	border:1px solid #d7d7d9;
	width:184px;
	height:27px;
	float:right;

}
.search-button {
	width:30px;
	height:27px;
	display:block;
	background:url(images/serch-button.png) no-repeat;
	float:right;
}
.search-button:hover { background-position:0 bottom;}
#search label { float:left;}
#search input {
	margin:0;
	width:142px;
	padding:4px 5px;
	background:#fff;
	border:1px solid #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	height:16px;
	outline:none;
}
.header-right-menu {
	float:right;
	padding:7px 8px 0 0;
}
.header-right-menu li {
	float:left;
	font-size:10px;
	line-height:15px;
	text-transform:uppercase;
	background:url(/bitrix/templates/mi.kh/images/separator.gif) 0px 4px no-repeat;
	padding:0 7px 0 11px;
}
.header-right-menu li.first { background:none;}
.header-right-menu li a {
	color:#11c4ff;
	text-decoration:none;
}
.header-right-menu li a:hover { color:#000;}
.logo-indent {
	margin-bottom:29px;
}
#page1 nav { margin-bottom:5px;}
/****************************menu*********************************************/
.menu {
	padding:0px 0px 0  0;
	float:left;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	width:100%;
}
.menu > li {
	float:left;
	position:relative;
	padding:0;
	background:url(images/separator-1.gif) left 8px no-repeat;
}
.menu > li.spec a { padding-right:30px;}
.menu > li.second a { min-width:68px;}
.menu > li.last a { min-width:78px;}
.menu > li.home a {
	width:92px;
	height:85px;
	padding:0;
	margin:0;
}
.menu > li.home a span {
	background:url(images/home-bg.png) no-repeat;
	height:25px;
	width:25px;
	display:block;
	margin:30px 0 0 34px;
}
.menu > li.home {
	padding:0;
	background:none;
}
.menu > li.last {
	padding-right:0;
}
.menu > li > a {
	display:inline-block;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:18px;
	padding:35px 33px 32px 33px;
	color:#767676;
	text-align:center;
	text-transform:uppercase;
}
.menu li.sfHover > a, .menu > li > a:hover, .menu > li > a.current {
	color:#fff;
	background:#27a9e3;
}
.menu > li > a:hover span, .menu > li > a.current span { background-position:right top;}
.menu ul {
	position:		absolute;
	padding:		0px;
	top:			-999em;
	width:			134px;
}
.menu ul ul {
	width:			270px;

}
.menu ul li {width:	100%;}
.menu ul li li {width:	134px;}
.menu li:hover {visibility:	inherit; }
.menu li li {padding:0; background:none;}
.menu li li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	padding:		25px 0 25px 0px;
	font-size:		12px;
	line-height:	25px;
	text-transform:	uppercase;
	color:#767676;
	background:#fcfcfc;
	text-align:center;
}
.menu li li a:hover, .menu li li.sfHover > a {color:#FFFFFF; background:#27a9e3;}
.menu li li li {
	padding:0 1px 0 0;
	float:left;
}
.menu li li li a:hover { background:#2b2b2b;}
.menu li:hover ul, .menu li.sfHover ul {
	left:			0px;
	top:			89px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			135px;
	top:			75px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
.sf-sub-indicator {
	display:block;
	background:url(images/marker-1.png) no-repeat;
	width:11px;
	height:6px;
	position:absolute;
	left:63px;
	top:57px;
	text-indent:-5000px;
}
.menu li li .sf-sub-indicator { display:none;}
.menu li.sfHover > a .sf-sub-indicator, .menu > li > a:hover .sf-sub-indicator, .menu > li > a.current .sf-sub-indicator { background-position:left bottom;}
/*************************end menu********************************************/
/****************************************************************************************slider***********************************************************************/
.items {
	display:none;
}
.slider {
	width:940px;
	height:480px;
	position:relative;
	overflow:visible !important;
}
.slider-hidde {
	height:548px;
	overflow:hidden;
	background:url(images/line-1.gif) left bottom repeat-x;
}
.slider-shadow {
	background:url(images/slider-shadow.png) center bottom no-repeat;
	padding-bottom:21px;
}
.numStatus {
	color:#c4c4c4;
	font-size:13px;
	line-height:21px;
	margin:27px 0 0 436px;
}
.numStatus .curr {
	color:#000;
}
.prev, .next {
	width:35px;
	height:35px;
	display:block;
	position:absolute;
	top:501px;
}
.prev {
	background:url(images/prev.png) no-repeat;
	left:396px;
}
.next {
	background:url(images/next.png) no-repeat;
	left:511px;
}
.prev:hover, .next:hover { background-position:0 bottom;}
.banner {
	width:315px;
	height:203px;
	background:url(images/banner-bg.png);
	position:absolute;
	z-index:9;
	top:135px;
	left:2px;
}
.banner-container {
	padding:59px 0 0 29px;
}
.banner-container span {
	display:block;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:-1px;
}
.banner-container .line-1 {
	font-size:24px;
	line-height:30px;
	font-family: 'Varela', sans-serif;
}
.banner-container .line-2 {
	font-size:33px;
	line-height:40px;
	font-family: 'Varela', sans-serif;
	letter-spacing:-2px;
	margin:-8px 0 12px 0;
}
.banner-container .line-3 {
	font-size:36px;
	line-height:44px;
	font-family: 'Varela', sans-serif;
	letter-spacing:-2px;
}
.banner-container .line-4 {
	font-size:21px;
	line-height:36px;
	font-family: 'Varela', sans-serif;
	letter-spacing:-2px;
	margin:-8px 0 2px 0;
}
.banner-but {
	display:inline-block;
	background:#FFF;
	color:#000;
	font-size:13px;
	line-height:20px;
	text-transform:uppercase;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:8px 23px 8px 24px;
}
.banner-but:hover { color:#FFFFFF; background:#000;}
/**********************************************************************************end**********************************************************************************/
/*********************************content*************************************/
#content {
	width:100%;
	padding:0;
	position:relative;
	z-index:1;
}

.container-1 {
	padding:32px 0 32px 0;
}
.container-2 {
	padding:55px 0 42px 0;
}


h3 {
	font-size:28px;
	line-height:34px;
	margin:0 0 23px 0;
	color:#232428;
	font-family: 'Varela', sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
}
h5 {
	font-size:14px;
	line-height:18px;
	margin:0 0 15px 0;
	color:#969696;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
h3 span { display:block; margin-top:-10px;}
.img-container {
	float:left;
	padding:5px;
	background:#f0f0f0;
}

.border-1 {
	background:url(images/line-1.gif) left bottom repeat-x;
}
.border-2 {
	background:url(images/line-2.gif) right top repeat-y;
}
.border-3 {
	background:url(images/line-2.gif) left top repeat-y;
}
.border-4 {
	background:url(images/line-3.gif) left bottom repeat-x;
}
.button {
	display:inline-block;
	padding:5px 11px;
	color:#fff;
	background:#27a9e3;
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
}

	.button:hover {color:#fff; background:#101010;}

.list-1 li {
	font-size:14px;
	line-height:18px;
	padding:6px 0 6px 17px;
	background:url(images/marker-2.png) 0 13px no-repeat;
}
	.list-1 li a {
		display:inline-block;
		color:#27a9e3;
	}
		.list-1 li a:hover {
			color:#000;
		}

.list-2 li {
	font-size:14px;
	line-height:24px;
	padding:0px;
	background:url(images/pic-1.gif) 0 bottom repeat-x;
}
	.list-2 li a {
		display:block;
		color:#1799cf;
		padding-left:12px;
		background:url(images/marker-1.gif) 0 10px no-repeat;
	}
		.list-2 li a:hover {color:#fff;}
	.list-2 .last-item {background:none;}

.link:hover {text-decoration:underline;}

.link-1 {
	display:inline-block;
	font-size:14px;
	padding-right:8px;
	background:url(images/marker-3.gif) right 8px no-repeat;
}
.link-1:hover {color:#fff;}

.marker {
	float:left;
	width:43px;
	text-align:center;
	overflow:hidden;
	font-size:24px;
	line-height:30px;
	font-family: 'Oswald', sans-serif;
	color:#FFF;
	background:#27a9e3;
	padding:5px 0 8px 0;
	height:30px;
	margin-right:10px;
}

.marker2 {
	float:left;
	width:86px;
	text-align:center;
	overflow:hidden;
	font-size:100%;
	/*line-height:24px;*/
	font-family: 'Oswald', sans-serif;
	color:#FFF;
	background:#27a9e3;
	padding:5px 0 8px 0;
	/*height:30px;*/
	margin-right:10px;
}

.spec-link {
	font-size:14px;
	line-height:18px;
	display:inline-block;
	color:#969696;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
}
.spec-link:hover {color:#27a9e3;}

.text-line .col-1 {
	width:415px;
}
.text-line .col-2 {
	width:270px;
	margin-right:8px;
}
.spec-text-1 {
	font-size:21px;
	line-height:26px;
	color:#a3a3a3;
	font-family: 'Varela', sans-serif;
	display:block;
	margin-top:-23px;
	letter-spacing:-1px;
}
.spec-text-2 {
	font-size:36px;
	line-height:44px;
	color:#131313;
	font-family: 'Varela', sans-serif;
	display:block;
	margin-top:19px;
	letter-spacing:-2px;
}

.mailus {
	font-size:33px;
	line-height:40px;
	background:url(images/mail-us.png) left top no-repeat;
	padding:1px 0 4px 104px;
	display:block;
	margin-top:22px;
	font-family: 'Varela', sans-serif;
	letter-spacing:-2px;
}

.mailus a {text-decoration:none; color:#27a9e3; display:inline-block;}
.mailus a:hover { color:#000;}

/****************************************************************************************************index-1.html****************************************************************************************************/
#page2 .container-1 {
	padding:59px 0 28px 0;
}
#page2 .container-2 {
    padding: 63px 0 71px;
}
.container-3 {
    padding: 60px 0 63px;
}
blockquote {
	background:url(images/qoute.jpg) left 5px no-repeat;
	padding:0 20px 0 21px;
	color:#171717;
	font-size:16px;
	margin-bottom:6px;
}
.marker-1 {
	float:left;
	width:43px;
	text-align:center;
	overflow:hidden;
	font-size:14px;
	line-height:21px;
	font-family: 'Oswald', sans-serif;
	color:#FFF;
	background:#27a9e3;
	padding:3px 0 8px 0;
	height:32px;
	margin-right:10px;
}
.col-1 { width:298px;}
/**************************************************************************************************end index-1.html**************************************************************************************************/
/****************************************************************************************************index-2.html****************************************************************************************************/
#page3 .container-1 {
	padding:63px 0 59px 0;
}
#page3 .container-2 {
    padding: 58px 0 32px;
}

/**************************************************************************************************end index-2.html**************************************************************************************************/
/****************************************************************************************************index-3.html****************************************************************************************************/
#page4 .container-1 {
	padding:60px 0 70px 0;
}
#page4 .container-2 {
    padding: 58px 0 52px;
}
.spec-list li {
	font-size:13px;
	line-height:16px;
	padding-bottom:18px;
}
.spec-list li a {
	display:inline-block;
	padding-left:25px;
	background:url(images/pdf.gif) left 2px no-repeat;
	text-decoration:none;
}
.spec-list li a:hover { text-decoration:underline;}
.spec-list li.last a { background:url(images/xls.gif) left 2px no-repeat;}
 /**************************************************************************************************end index-3.html**************************************************************************************************/
/****************************************************************************************************index-4.html****************************************************************************************************/
#page5 .container-1 {
	padding:63px 0 54px 0;
}
/***** carousel style*****/
.carousel-1 {
	height:860px;
	width:940px;
	overflow:hidden;
	position:relative;
	}
.next2,
.prev2 {display:block; width:13px;	height:19px; text-indent:-5000px; position:absolute; top:-50px;	z-index:55;	}
.next2 {
	background-image:url(images/next-1.png);
	background-repeat:no-repeat;
	background-position:0 top;
	right:0px;
	z-index:55;
	}
	.next2:hover {
	background-position:0 bottom;
	}
.prev2 {
	background:url(images/prev-1.png);
	background-repeat:no-repeat;
	background-position:left top;
	right:26px;
	}
	.prev2:hover {
	background-position:left bottom;
	}
#carousel-1 li {width:220px; height:860px; overflow:hidden; position:relative; margin-right:20px;}
.jCarouselLite-1 {width:940px !important;}
.relative {position:relative;}
/**********end**********/

 /**************************************************************************************************end index-4.html**************************************************************************************************/
  /****************************************************************************************************index-5.html****************************************************************************************************/
#page6 .container-1 {
	padding:64px 0 67px 0;
}
#page6 .container-2 {
	padding:51px 0 55px 0;
}
#page6 dl span { width:73px;}
/**************************************************************************************************end index-5.html**************************************************************************************************/
/****************************************************************************************************index-6.html****************************************************************************************************/
#page7 .container-1 {
	padding:63px 0 84px 0;
}
dl span {float:left; width:73px;}

/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
			#contact-form label {
				display:block;
				min-height:55px;
			}
			#contact-form label.message { height:205px;}
			#contact-form label.phone { min-height:54px;}
			#contact-form input {
				width:199px;
				padding:8px 9px 7px 9px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:18px;
				color:#8f8f8f;
				background:#FFF;
				border:1px solid #d3d3d3;
				outline:none;
				height:18px;
			}
			 #contact-form .area .error { float:none;}
			#contact-form textarea {
				height:186px;
				max-height:186px;
				margin:0;
				width:439px;
				max-width:430px;
				padding:8px 9px 9px 9px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:18px;
				color:#8f8f8f;
				background:#FFF;
				border:1px solid #d3d3d3;
				overflow:auto;
				outline:none;
			}
			 #contact-form a {cursor:pointer;}
			 #contact-form .success {display:block; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
					text-transform:capitalize;
				}
		.buttons-2 { padding:29px 2px 0 0; text-align:right; }
		.buttons-2 .button{ margin-left:14px;}
                #contact-form input.button {
                        text-decoration: none;
                        padding: 0px 11px;
                        margin: 0;
                        border: none;
                        display:inline-block;
                        color:#fff;
                        background:#27a9e3;
                        font-size:18px;
                        height:32px;
                        line-height:32px;
                        text-transform:uppercase;
                        font-family: 'Oswald', sans-serif;
                        width: auto;
                }
/**************************************************************************************************end index-6.html**************************************************************************************************/
  /****************************************************************************************************index-7.html****************************************************************************************************/
#page8 .container-1 {
	padding:63px 0 59px 0;
}
/**************************************************************************************************end index-7.html**************************************************************************************************/

/****************************footer************************/
footer {
	width:100%;
	padding:31px 0 30px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.footer-link {
	color:#9b9b9b;
	text-transform:uppercase;
	margin-top:8px;
}
.footer-link a {
	color:#9b9b9b;
}

.list-services {
	margin:0px 0px 0 0px;
	float:right;
}

	.list-services li {
		float:left;
		padding:0px 0px 0 4px;
		line-height:20px;
		text-transform:uppercase;
	}
	.list-services li span {display:block; padding:9px 10px 0 0; color:#9b9b9b;}

	.list-services li a {
		display:block;
		width:36px;
		height:36px;
	}
	.list-services li a.first {
		background:url(images/facebook.jpg) no-repeat;

	}
	.list-services li a.second {
		background:url(images/twitter.jpg) left top no-repeat;
	}
	.list-services li a.third {
		background:url(images/google-plus.jpg) left top no-repeat;
	}
	.list-services li a.four {
		background:url(images/rss.jpg) left top no-repeat;
	}
.list-services li a:hover { background-position:left bottom;}
	#easyTooltip{
	padding:5px 10px;
	border:1px solid #fff;
	background:#0099de;
	color:#ffffff;
	font-size:11px;
	text-transform:none;
	position:relative;
	z-index:99;
	font-weight:bold;
}

/*********************************************************************************TO TOP**************************************************************************************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	right:50%;
	bottom:93px;
	overflow:hidden;
	width:60px;
	height:60px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background:url(images/totop.jpg) no-repeat left top;
}

#toTopHover {
	background:url(images/totop.jpg) no-repeat left bottom;
	width:60px;
	height:60px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}