@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);

/* CSS document */

/* reset */

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{ background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td { padding:0; border:none; border-collapse:collapse; }
img { vertical-align:top; }
embed { vertical-align:top; }

/* global properties */

html {width:100%; height:100%;}
body { background:#fff url(../images/content_bg.png); color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; min-width:960px; height:100%; }
.wrapper { width : 100%; position: relative; } 
div.center { margin:0 auto; width:960px; }
.left {float:left!important;}
.right {float:right!important;}
.clear {clear: both;}
.blok {display:block;}
.centertext {text-align: center;}
.bold {font-weight: bold;}
.download {float: left; margin: 0 0 0 20px!important; }

.text {font-family: 'Archivo Narrow', sans-serif; font-size:16px; line-height:24px; color:#fff; text-align: center;}
.text1 {font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#fff; text-align: center;}
.text2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#fff; padding: 0;}
.text3 {font-family: 'Archivo Narrow', sans-serif; font-size:16px; line-height:24px; color:#fff; text-align: left;}
.text4 {font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#fff; text-align: left;}

img.img {border: 1px #bfc1c2 solid;}
	
h1 {font-family: 'Archivo Narrow', sans-serif; font-size:30px; line-height:30px; color:#00BAFF; font-weight:normal; padding-bottom:25px; text-align: center;}	
h2{font-family: 'Archivo Narrow', sans-serif; font-size:24px; line-height:24px; color:#00BAFF; font-weight:normal; padding-bottom:5px; text-transform:capitalize; padding-bottom: 40px;}	
h3{font-family: 'Archivo Narrow', sans-serif; font-size:28px; line-height:28px; color:#00BAFF; font-weight:normal; padding-bottom:17px;}
h4{font-family: 'Archivo Narrow', sans-serif; font-size:24px; line-height:24px; color:#fff; font-weight:normal; padding-bottom:5px; text-transform:capitalize;}	
h6{font-family: 'Archivo Narrow', sans-serif; font-size:17px; line-height:17px; color:#00BAFF; padding:20px 0 10px; text-transform:uppercase;}	

.title {font-family: 'Archivo Narrow', sans-serif; font-size:17px; line-height:23px; color:#00BAFF; padding-bottom:20px; text-transform: uppercase;}
p.weight {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; color:#48484c; padding:10px 0 10px 40px; float: left; width: 50px;}

div.line {background: url(../images/bg_line.gif) left top repeat-x; height:4px; width: 100%; margin: 40px 0 40px;}
div.space {width: 100%; margin: 40px 0 40px;}


a.button {background: url(../images/bg_button.png) left bottom no-repeat; font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:16px; color:#fff; width:111px; text-align: center; text-transform: uppercase; text-decoration: none; display: block; padding: 11px 0 12px 0; margin-top: 37px;}
a.button:hover {background: url(../images/bg_button.png) left top no-repeat; font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:16px; color:#fff; width:111px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 11px 0 12px 0; margin-top: 37px;}
a.more {font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#282828; text-align: center;}
a.more:hover {text-decoration: none;}

/* header */

.header {/*background: url(../images/header.jpg) repeat-x ;*/ background:#00BAFF; position:relative; margin:0 auto; width:100%; margin-bottom: 30px;}
#logo {float:left; border:0px solid black; position:relative; top:0px; left:0px; padding-top:30px; padding-bottom:30px;}

ul.nav {padding-top: 100px; padding-right:30px;}	
.nav li { float:left;}
.nav li:hover{ background:none; color:#fff; text-decoration:none; }
.nav li a { display:inline-block; float:left; font-family: segoe ui, verdana, arial, sans-serif; font-size:18px; line-height:18px; color:#fff; font-weight:normal; text-decoration:none; text-transform:uppercase; text-align:center; padding:0; width: 120px; font-style:normal;}
.nav li a:hover,.nav li a.active { display:inline-block; float:left; font-family: segoe ui, verdana, arial, sans-serif; font-size:18px; line-height:18px; color:#ff4a4e; font-weight:normal; padding:0; text-align:center; text-decoration:none; text-transform:uppercase;}	

/* slider */

.slider-wrapper {height:401px; margin:0 auto; position: relative;}	
#slider {position: relative; width:100%; padding:0px; border:0px solid #d2f4fd;}

.nivoSlider {position:relative; width:100%; height:auto; overflow: hidden;}
.nivoSlider img {position:absolute; top:0px; left:0px; max-width: none;}
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box {display:block; position:absolute; z-index:5; overflow:hidden;}
.nivo-box img {display:block;}
.nivo-caption {font-family: 'Archivo Narrow', sans-serif; position:absolute; left:50px; bottom:50px; background:none; color:#fff; width:750px; z-index:6; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nivo-caption span {font-family: 'Archivo Narrow', sans-serif; font-size:18px; line-height: 32px; color:#000; text-transform: none; display: inline-block;}
.nivo-caption p {font-family: 'Archivo Narrow', sans-serif; font-size:40px; line-height:40px; color:#000; text-align: right;}
.nivo-caption a {background: url(../images/bg_button.png) left bottom no-repeat; font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:16px; color:#fff; width:111px; text-align: center; text-transform: uppercase; text-decoration: none; display: block; padding: 11px 0 12px 0; margin-top: 37px;}
.nivo-caption a:hover {background: url(../images/bg_button.png) left top no-repeat; font-family: 'Titillium Web', sans-serif; font-size:16px; line-height:16px; color:#fff; width:111px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 11px 0 12px 0; margin-top: 37px;}
.nivo-html-caption {display:none;}
.nivo-controlNav {position: absolute; z-index: 9; left: 430px; bottom: 18px;}
.nivo-controlNav a {display:inline-block; width:15px; height:6px; background: url(../images/slider_pinn.png) left top no-repeat; text-indent:-9999px; border:0; margin: 0 5px;}
.nivo-controlNav a.active {background: url(../images/slider_pinn.png) right top no-repeat;}

.offerslink {position: absolute; z-index: 9; right:-1px; bottom:30px;}

/*==================== footer ====================*/

.footer {background: url(../images/footer.png) repeat-x; padding: 50px 0; width:100%; margin-top:62px;} 
.footer h5{padding-bottom: 30px;}   

.footer p{color:#fff; font-family:Arial, sans-serif, Helvetica; font-size:15px; line-height:18px;}
.footer a{color:#fff; font-family:'Archivo Narrow', sans-serif;}   
.footer .center{background: none!important;}
	
ul.foot li a{display:block; height: 28px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:25px; padding-left:15px; padding:8px 0 0 40px; color:#fff; text-transform:uppercase; text-decoration:none;}
ul.foot li a:hover{color:#f00;}

	
.footeraddress a{color:#fff; text-decoration:none; cursor:pointer;}
.footeraddress a:hover{color:#ff0000; text-decoration:none; cursor:pointer;}


.bg1 {background: url(../images/footer_li_bg.png) left top no-repeat;}
.bg2 {background: url(../images/footer_li_bg.png) left -30px no-repeat;}
.bg3 {background: url(../images/footer_li_bg.png) left -66px no-repeat;}
.bg4 {background: url(../images/footer_li_bg.png) left -102px no-repeat;}

.policy {background:none; font-family: 'Archivo Narrow', sans-serif; font-size:14px; line-height:24px; color:#fff;}
.policy a:hover{color:#f00;}
.policy span {cursor:pointer; text-decoration:underline; color:#e1abab;}
.policy span:hover {cursor:pointer; text-decoration:none;}	

/*==================== home page ====================*/
.news {display:block; width:100%; padding-top:30px;}

.news span {display:block; width:120px; font-family:'bebas_neueregular'; height:27px; font-size:22px; line-height:22px; color:#4b4b4b;}
		
/*==================== services page ====================*/	

ul.services a {
	background:url(../images/services_pinn.png) left bottom no-repeat;
	display:block;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:17px; 
	line-height:17px; 
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	padding-left: 20px;
	margin-bottom: 12px;
}	
	
ul.services a:hover {
	background:url(../images/services_pinn.png) left top no-repeat;	
	color:#00BAFF;
	text-decoration:none;
}

/*==================== contact page ====================*/		
.map {
	width:100%;
	padding-bottom:30px;
	}

.ulink{
	display:block;
	width:100%;
	padding-bottom:20px;
	display:block;
	float:left;
	color:#797979; 
	}

.adress {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	width:280px; 
	text-decoration:none; 
	}
	
.adress a{
	color:#fff; 	
	text-decoration:none;
	cursor:pointer;
	}
	
.adress a:hover	{
	color:#ff0000; 	
	text-decoration:none;
	cursor:pointer;
	}
	
.adress tr {width:400px;}

.adress, table td {
	border:none; 
	font-size:12px;
	line-height:18px;
	text-align:left;
	font-weight:normal;
	}
	
.second {
	width:240px;
	}
	
/*==================== contact form ====================*/	
.box1_contact {width: 600px;}
.notification_error{ height: auto;width: 96%;padding: 4px;background: #2e2e2e; text-align: left; color:#f00; margin-bottom:5px; border: 1px solid #000; }
.notification_ok{ border: 0px #879295 solid; height: auto; width: 96%; padding: 8px; background: #2e2e2e; text-align: center; color:#fff} 
.info_fieldset { border: 0px #879295 solid; }
.info_fieldset legend { border: 0px #879295 solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; -moz-border-radius: 3px; }

input.button { 
	background: url(../images/bg_menu_span.html) left 80% no-repeat;
	display:block; 
	width:80px; 
	height:22px; 
	text-decoration:none; 
	text-align:center; 
	font-size:16px; 
	color:#fff; 
	text-transform:uppercase; 
	margin-top:14px; 
	line-height:18px; 
	font-weight:bold;
	}
	
input.button:hover{ 
	text-decoration: underline;
	}

/* Label */
label  {
	color:#fff;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:16px;
	line-height:16px;
	width: 120px;
	margin: 0px;
	float: left;
	text-align: left center;
	}

/* Input, Textarea */
input{ 
	float: right;
	background-color:#f7f7f7;
	width:328px;                          
	height:40px;
	border: 1px #c9c9c9 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	padding: 0 5px;
	margin-bottom:18px;
	}

textarea{
	float: right;
	background-color:#f7f7f7;
	width:328px;
	height:103px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	margin-bottom:18px; 
	line-height:22px;
	border: 1px #c9c9c9 solid;
	padding:5px;
	}	

#submit {
	background: url(../images/bg_button.png) left top no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:#fff; 
	width:111px;
	height: 39px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 6px 0 6px 0;
	margin: 37px 0 0 120px;
	border: none;
	float: left;
}
   
#submit:hover {
	background: url(../images/bg_button.png) left bottom no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:#fff; 
	width:111px;
	height: 39px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 6px 0 6px 0;
	margin: 37px 0 0 120px;
	border: none;
	}

.captcha {
	width: 100px;
	float: left;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/	
.mt_0 {
	margin-top: 0!important;
}

.paragraph {
	margin-top: 6px;
}

.pb_20 {
	padding-bottom: 20px;
}


.mr_20 {margin-right:40px; margin-bottom:20px;}
.ma_20 {margin:40px;}

.ml_35 {
	margin-left:30px;
	}

.mt_50 {
	margin-top:50px;
	}	

.mr_60 {
	margin-right:60px;
	}

.ml_80 {
	margin-left:80px;
	}

.ml_400 {
	margin-left:365px;
	}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
	{
	display:inline;
	float: left;
	position: relative;
	}
	
/* Grid - content >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1{
	width:300px;
	float: left;
	}

.grid_1 h3{
	text-align:center;
	}

.grid_2{
	width:220px;
	float: left;
	margin: 0 10px;
}

.grid_2 h6{
	text-align:center;
	}

.grid_3{
	width:420px;
	float: left;
	}
	
.grid_4{
	width:460px;
	float: left;
	}	

.grid_5{
	/*width:260px; 
	float: left;
	margin: 0 30px;*/
	width:900px;
	float: right;
	margin-right:20px;
	}

.grid_6{
	width:600px;
	float: right;
	margin-right:20px;
	}

.grid_7{
	width:180px;
	float: right;
	}

.grid_8{
	width:460px;
	float: left;
	}		
	
	.grid_9{

	float: right;

	}	

/* cloud tag */

.cloudtag_small {width:300px; overflow:hidden;padding:20px 0; margin:0 auto;}
.cloudtag_small a {text-decoration:none; color:#00BAFF;}
.cloudtag_small a:hover{text-decoration:none; color:#ff4a4e;}
.cloudtag_small h1, .cloudtag_small h2, .cloudtag_small h3, .cloudtag_small h4, .cloudtag_small h5, .cloudtag_small h6 {margin:0; padding:0; background:none;}
.cloudtag_small h1 {float:left; font:26px Arial, Helvetica, sans-serif; margin-left:90px;}
.cloudtag_small h2 {float:left; font:22px Arial, Helvetica, sans-serif; margin-left:20px;}
.cloudtag_small h3 {float:left; font:18px Arial, Helvetica, sans-serif; margin-left:15px;}
.cloudtag_small h4 {float:left; font:16px Arial, Helvetica, sans-serif; margin-left:5px;}