/*********************************************
	RESET
*********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
}

/*Remove button padding in FF*/
input::-moz-focus-inner {border: 0; padding: 0;}

/*********************************************
	GLOBAL
*********************************************/
* {margin:0px;padding:0px;}

body {
	font-size: 18px;
	font-family: 'Metali', Helvetica, sans-serif;
	color:#ffffff;
	background: #000000;
}
h1{margin-bottom: 20px;margin-top: 30px;}
h2{font-size: 26px;line-height: 1.2;font-weight: normal;}
h3{font-size: 36px;font-weight: normal;margin:20px 0px;}
a{text-decoration: none;color:#ffffff;}
.btn{background-color: rgba(1,160,195,0.8);color:#ffffff;text-decoration: none;padding: 0px 5px;margin: 5px 0px;display: inline-block;}

/*********************************************
font
**********************************************/
@font-face {
	font-family: 'Metali';
	src: url('metaliregularwebfont.eot');
	src: local('Metali'), 
	local('MetaliRegular'),
	local('metaliregularwebfont'), 
	url('metaliregularwebfont.woff') format('woff'), 
	url('metaliregularwebfont.svg') format('svg'), 
	url('metaliregularwebfont.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}

/*********************************************
	STRUCTURE
*********************************************/
#site-wrap {
	width:100%;
	display: table;
	margin: 0px auto;
	position: relative;
	direction: rtl;
}

.center-wrap{
	display: table;
	width:860px;
	margin: 0px auto 30px;
}
#header,#middle,#footer{float: left;width: 100%;}
#header{text-align: center;}
.text-center{text-align: center;}
#middle{margin-top: -90px;}
.right{background: rgba(0,0,0,0.70);width: 510px;float: right;padding: 10px 15px;box-shadow: 	0 0 0 1px #8d8a8a,0 0 0 5px #000,0 0 0 6px #bcbaba;margin: 10px;min-height: 400px;}
.right p{font-size: 22px;line-height: 1.2;margin-bottom: 10px;}
.left{background: rgba(0,0,0,0.70);width: 250px;float:left;padding: 10px;box-shadow: 0 0 0 1px #8d8a8a,0 0 0 5px #000,0 0 0 6px #bcbaba;margin: 10px;min-height: 400px;}
.title{text-align: center;font-size: 35px;font-weight: normal;line-height: 30px;padding: 10px 10px 25px;background: url(../images/sep.png) center bottom no-repeat;margin-bottom: 15px;}
.title span{display: block;font-size: 26px;}
.title2{font-size: 22px;text-align: center;margin: 10px auto;color:#ffffff;}
#form{width: 100%;float: left;}
#form form{text-align: center;width: 227px;margin: 0px auto;}
#form p{text-align: center;}
input
{
	border:1px solid #ffffff;
	width:210px;
	background: transparent;
	height:35px;
	line-height:35px;
	font-size: 20px;
	color:#ffffff;
	font-family: 'Metali', Helvetica, sans-serif;
	outline: 0;
	margin:6px auto;
	text-align: center;
	border-radius:5px;
}
.submit{border:0px;background:url(../images/submit.png) center top no-repeat;color:#ffffff;height: 30px;cursor: pointer;font-size:24px;outline: 0;text-align: center;padding: 0px;line-height: 30px;}
.phone{background:url(../images/sep-phone.png) center top no-repeat;text-align: center;float: left;width: 100%;color:#ffffff;;font-size: 19px;margin: 20px auto 10px;padding-top: 20px;}
.phone p{font-size: 30px;line-height:20px;}
.bottom{margin-bottom:10px;}
.bottom .center-wrap{margin-bottom: 0px;}
.address{text-align: center;padding: 5px 0px;font-size: 20px;color:#ffffff;;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
#clients{
	float: left;
	width: 100%;
	z-index: 101;
	direction: ltr;
	text-align: center;
	margin-bottom: 40px;
}

#clients .clients-wrap {
  display: block;
  width: 700px;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 140px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); 
  opacity: 0.8;
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}
#clients h3{text-shadow: 10px 0px 10px rgba(0, 0, 0, 1);margin-bottom: 20px;}


/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }