/* CSS Document */
/*-------------------------------- Global properties -------------------------------- */
html {width:100%; height:100%;}

body {
	background-color:#fff;
	color:#797979;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px; 
	min-width:1000px;
	height:100%; 
	}
	
.wrapper {
	width : 100%;
	} 
	
div.center {
	margin:0 auto; 
	width:980px;
	}
	
.left {float:left!important;}
.right {float:right!important;}
.clear {clear: both;}
.blok {display:block;}
.bold {font-weight:bold;
	color:#6e6e6e;}
.bold span {
	text-transform:uppercase;
	color:#000;}
.orange {color:#f58016!important;}
	
h1{
	font-family:'proxima_nova_ltregular';
	font-size:32px; 
	line-height:32px; 
	color:#000; 
	font-weight:normal;
	padding:40px 0 30px;
	}
	
h1.red {
	font-family:'proxima_nova_ltregular';
	font-size:32px; 
	line-height:32px; 
	color:#e02d49; 
	font-weight:normal;
	padding:0 0 30px;
	}	
	
h2 {
	font-family:'proxima_nova_ltregular';
	font-size:25px; 
	line-height:25px; 
	color:#474747; 
	font-weight:normal;
	padding-bottom:30px;
	}	
	
h3{
	font-family:'proxima_nova_ltregular';
	font-size:24px; 
	line-height:24px; 
	color:#174e80; 
	font-weight:normal;
	padding-bottom:17px; 
	}	
	
h4{
	font-family:'proxima_nova_ltregular'; 
	font-size:24px; 
	line-height:24px; 
	color:#fff; 
	font-weight:normal;
	padding-bottom:5px;
	text-transform:capitalize;
	}	
	
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13;
	line-height:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#174e80;
	}

div.line {
	border-top:1px #989393 solid;
	background-color: #fff;
	height:1px;
	width: 100%;
	margin: 23px 0 26px;
	}	
/*==================== header ====================*/
.header {
	background:url(../images/bg_header.jpg) left top no-repeat;
	position:relative;
	margin:0 auto; 
	width:1200px; 
	}
	
#logo {
	float:left;
	padding:0 0 28px 30px;
	}
	
#logo a {
	display:block;
	}	
	
ul.social{
	width:180px;
	padding-top: 62px;
	padding-right:65px;
	}		
	
ul.social li {
	float:right;
	width:16px;
	padding-left:8px;
	}	
	
ul.social li a{
	display:block;
	}	
	
.bg_menu{
	background-color:#e02d49;
	height:58px; 
	width:100%;
	}

ul.menu {
	float:right;
	right:50%;
	position:relative;
	}
	
.menu li {
	float:left; 
	left:50%;
	position:relative;
	}

.menu li:hover{
	background:#7f1d2d;
	color:#fff; 
	text-decoration:none;
	}

.menu li a {
	display:inline-block;
	float:left;
	font-family:'proxima_nova_rgregular'; 
	font-size:19px; 
	line-height:19px; 
	color:#fff; 
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:19px 0 20px; 
	width: 163px;
	font-style:normal;
	}

.menu li a:hover,.menu li a:active {
	display:inline-block;
	float:left;
	font-family:'proxima_nova_rgregular'; 
	font-size:19px; 
	line-height:19px; 
	color:#ff5e77; 
	font-weight:normal;
	padding:19px 0 20px; 
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}	

.menu li.first{
	width: 164px;
	}
	
.menu li.last{
	width: 164px;
	}
/*==================== slider ====================*/	
.slider {
	position: relative;
	width:100%;
	padding:0;
	}
	
.slider li{
	display:inline;
	float:left;
	padding-right:1px;
	width:306px;
	height:411px;
	}
	
.slider p {
	width:260px;
	font-size:30px; 
	line-height:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding-top:330px;
	padding-left:20px;
	padding-bottom:10px;
	-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
    color: transparent;
	}
	
.slider p span{
	color: transparent;
	}
	
.slider li:hover > p {
	line-height:30px;
	color:#fff ; 
	}	
	
.slider li:hover > span {
	line-height:30px;
	color:#e6e6e6; 
	}	
	
.slider span{
	width:560px;
	font-size:15px; 
	line-height:15px; 
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color: transparent; 
	padding-left:20px;
	}
	
.slidli1 {
	background: url(../images/sliger_img1.jpg) center left no-repeat;
	}
	
.slidli2 {
	background: url(../images/sliger_img2.jpg) center left no-repeat;
	}
	
.slidli3{
	background: url(../images/sliger_img3.jpg) center left no-repeat;
	}
	
.light {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	}	
	
.light:hover {
	opacity: 1;
	filter: alpha(opacity=100),
	}
	
.banner {
	width:100%;
	background-color:#272727;
	color:#fff;
	font-family:'proxima_nova_ltregular';
	font-size:25px;
	line-height:25px;
	font-weight:normal;
	padding-top:40px;
	}
	
.banner p{
	width:700px;
	float:left;
	padding:0 30px 40px 40px;}
/*==================== footer ====================*/
.footer {
	background:url(../images/bg_header.jpg) top left repeat-y;
	padding-top: 51px;
	width:1200px;
	margin:0 auto;
 	} 

.footer .center{ 
	background: none!important;
	}
	
.foot_ul{ 
	width:245px;
	float:left;
	padding-bottom: 50px;
	}

ul.foot li a{
	background:url(../images/foot_pinn.png) center left no-repeat;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	padding-left:15px;
	margin-top: 8px;
	color:#e02d49;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px #50504f solid;
	width:190px;
	}
	
ul.foot li a:hover{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	padding-left:15px;
	margin-top: 8px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px #50504f solid;
	width:190px;
	}

.policy {
	background:#0c0c0c;
	padding: 36px 0 130px;
	color:#c0bebe;
	text-align:center;
	
	}
	
.policy span {
	cursor:pointer;
	text-decoration:underline;
	}
	
.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.servic a {
	display:block;
	background:url(../images/serv_pinn.png) center left no-repeat;
	width: 180px;
	padding-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#474747;
	margin-bottom: 19px;
	font-style:normal;
	border-bottom:1px #e8e8e8 solid;
	}	
	
ul.servic a:hover {	
	color:#e02d49;
	text-decoration:none;
	background:url(../images/serv_pinn_active.png) center left no-repeat;
	border-bottom:1px #e02d49 solid;
	}

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

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

.adress {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:28px;
	width:160px; 
	text-decoration:none; 
	}
	
.adress span{	
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
	}
	
.adress span:hover	{	
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	}
	
.adress tr {width:400px;}

.adress, table td {
	border:none; 
	font-size:12px;
	line-height:23px;
	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.png) 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:#797979;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	width: 138px;
	margin: 0px;
	float: left;
	text-align: left center;
	}

/* Input, Textarea */
input{ 
	float: right;
	background-color:#f7f7f7;
	width:270px;                          
	height:34px;
	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:270px;
	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;
	}	

#sub {
	display:block;
	float:left;
	width:90px;
	background-color:#e02d49;
	padding:4px 18px;
	margin-right: 20px;
	font-family:'bebas_neueregular';
	font-size:22px; 
	line-height:22px; 
	color:#e8e8e8; 
	margin-top: 22px;
	text-decoration:none;
	border-radius: 14px;
   }
   
#sub:hover {
	text-decoration:none;
	background:#0d3153;
	font-style:normal;
	}
		
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
/*==================== font-face ====================*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('proximanova-bold-webfont.eot');
    src: url('proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-bold-webfont.woff') format('woff'),
         url('proximanova-bold-webfont.ttf') format('truetype'),
         url('proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'proxima_nova_ltregular';
    src: url('proximanova-light-webfont.eot');
    src: url('proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-light-webfont.woff') format('woff'),
         url('proximanova-light-webfont.ttf') format('truetype'),
         url('proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('proximanova-regular-webfont.eot');
    src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regular-webfont.woff') format('woff'),
         url('proximanova-regular-webfont.ttf') format('truetype'),
         url('proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}