@import url(http://fonts.googleapis.com/css?family=Pacifico);/*font-family: 'Pacifico', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);/*font-family: 'Kaushan Script', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Lobster);/*font-family: 'Lobster', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise);/*font-family: 'Monsieur La Doulaise', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield);/*font-family: 'Mrs Saint Delafield', cursive;*/

/* 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, body {width:100%; padding:0; margin:0; height:100%;}

body {
	font-family: Arial, Helvetica, sans-serif ; 	 
	font-size:13pt; 
	line-height:23px;
	color:#000000;
	background:#434343;
	min-width:960px;
	}
.main{width:100%;height: auto; min-height:100%;background:#f8f8f8; }
/***********************************************************************/
/*================================>Block-classes<==========================*/
.txt-dec-n{text-decoration:none !important;}
.txt-dec-u{text-decoration: underline;}
.txt-up-n{text-transform:none !important;}
.txt-up{text-transform:uppercase;}
.txt-al{text-align:center;}
.bold{font-weight:bold;}
.font-24{
	font-size:24px;
	color:#000;
	line-height:30px;
	color:#4b4b4b;
	}
.font-12{font-size:12px;}

.col{color:#e35034 ;}

.hov:hover{color:#e35034 ;}
.hov-1:hover{color:#565656 ;}

.border-none{border: none !important;}
.bg-none{background: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

/*===============================>Indent<==================================*/
.padd{margin:63px 0 18px 0;}
.padd-1{margin:44px 0 24px 0;}

.top{margin-top: 44px;}
.top-1{margin-top: 16px;}
.top-2{margin-top: 7px;}

.bot{margin-bottom: 24px;}

figure{
	padding:10px;
	border-radius: 21px;
	background:#ececec;
	}
/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

ul {
	margin:0; 
	padding:0;
	list-style-image:none;
	}
.button{
	font-size:13px;
	line-height:20px;
	padding:7px 16px 8px 16px;
	color:#fff;
	background: url(../images/bg-button-baner.jpg) 0 0 repeat-x #4b4b4b;
	display:inline-block;
	border-radius: 20px;
	box-shadow: 0 1px 3px #e0e0e0;
	}
.button:hover{
	background:#e35034 ;
	}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}
/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	float:left;
	margin:39px 0 0 0;
	}
h1 a{display:inline-block;}
h2{ font-size:36px; 
	font-family: 'Pacifico', cursive;
	color:#ec7929; 
	line-height:44px;
	font-weight: normal;
	letter-spacing:-1px;
	}
h3{font-size:30px; 
   font-family: Arial, Helvetica, sans-serif ; 
   color:#4b4b4b; 
   line-height: 36px; 
   font-weight: normal;
   }
.divider{
	background: url(../images/bg-hor.jpg) 0 0 repeat-x;
	height:2px;
	margin:48px 0 43px 0;
	}

/*********************************header*************************************/
.head{
	width:100%;  
	position:relative; 
	background: url(../images/bg-head.jpg) 0 0 repeat-x #434343;
	z-index:2;
	}
header{
	width: 940px; 
	margin: 0 auto;
	position:relative;
	padding:0 0 22px 0;
	}
/*********************************content*************************************/
#content{
	width:100%; 
	margin:0;
    position:relative; 
	z-index:1;
	background: url(../images/bg-content.jpg) 0 0 repeat-x;
	}
.padd-bot{padding-bottom:60px !important;}
.div-content{
	background: url(../images/bg-div-content.jpg) 0 bottom repeat-x;
	padding-bottom:60px;
	}
aside{
	background:#4b4b4b;
	border-top:5px solid #e5e5e5;
	margin:0 0 0 0;
	padding-bottom:19px;
	}
.main-aside{
	width:940px;
	margin:0 auto;
	}

.lightbox-image{display: inline-block;position:relative;}
.lightbox-image img.magnify{position:absolute;width:0px;height:0px;left:50%;top:50%;}

#map_canvas{
	width: 300px; 
	height: 330px;
	margin:4px 0 0 0;
	}
.adress{
	margin-top: 24px;
	font-size: 13pt; 
	color:#000000;
	} 
.adress dd{text-align:left;}
.adress a{ 
    color:#e35034 ; 
	display:inline-block;
	text-decoration:underline;
	}
.adress a:hover{
	color:#565656 ; 
	text-decoration:underline;
	}
		.adress span{
			display:inline-block; 
			width:82px;
			}
		.adress strong{
			display:inline-block;
			font-weight:normal;
			}
		.title1{
			letter-spacing:0; 
			text-align:left; 
			margin: 0 0 0 0; 
			display:inline-block; 
			color:#e35034 ;
			}
.pp{
	display:inline-block; 
	margin:0 0 0 0; 
	color:#e35034 ; 
	text-decoration:underline;
	}
.pp:hover{
	color:#565656 ; 
	text-decoration:underline;
	}
	
.list{
	background: url(../images/bg-hor.jpg) 0  bottom repeat-x;
	padding-bottom:20px;
	}
.list li{
	display:block;
	overflow:hidden;
	border-top:1px solid #dddddd;
	padding:22px 0 23px 0;
	}
.list li:first-child{
	border-top:none;
	padding-top:0;
	}
.list li em{
	font-style:normal;
	overflow:hidden;
	display: block;
	}
.list li strong{font-weight:normal;}
.number{
	position:relative;
	width:51px;
	height:51px;
	float:left;
	background:url(../images/bg-numner.png) 0 0 no-repeat;
	text-align:center;
	color:#fff;
	font-size:36px;
	line-height:51px;
	font-weight:bold;
	margin:5px 20px 0 0;
	}
.number:after{
	width:51px;
	height:22px;
	position:absolute;
	display:block;
	bottom:-22px;
	left:0;
	content:"";
	background: url(../images/shadow-number.png) 0 0 no-repeat;
	}
.list li a{color:#e35034;}
.list li a:hover{color:#4e4e4e;}
/**********************************index***********************************/
.box{
	background: url(../images/bg-hor.jpg) 0 bottom repeat-x;
	padding-bottom:34px;
	}
.box>span{
	font-size:30px;
	color:#4b4b4b;
	line-height:36px;
	display:block;
	padding:63px 0 0 35px;
	float:left;
	letter-spacing:-1px;
	}
.box>span strong{
	font-weight:normal;
	display:block;
	margin:-6px 0 0 0;
	}
.box>span em{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	display:block;
	margin:26px 0 0 0;
	float:left;
	font-style:normal;
	color:#e35034;
	letter-spacing: normal;
	}
.block{
	width:285px;
	height:220px;
	float:left;
	position:relative;
	margin:27px 0 0 0;
	}
	.block>em{
	background: url(../images/box-a.png) 0 0 no-repeat;
	width:185px;
	height:185px;
	display:inline-block;
	z-index:3;
    position:absolute;
	border-radius: 50%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}
	.block a:hover{box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 0.75);}
	.block span{
		background: url(../images/img.png) 0 0 no-repeat;
		width:101px;
		height:101px;
		display:block;
		position:absolute;
		z-index:1;
		left:169px;
		top:7px;
		}
	.block strong{
		background: url(../images/img-1.png) 0 0 no-repeat;
		width:140px;
		height:141px;
		display:block;
		z-index:2;
		position:absolute;
		left:137px;
		top:80px;
		}
/**********************************index-1*********************************/
.comment{
	background: url(../images/bg-comment.jpg) 0 0 repeat-x #e4e4e4;
	border:1px solid #eeeeee;
	border-radius: 15px;
	position:relative;
	}
.comment:after{
	display:block;
	content:"";
	position: absolute;
	background: url(../images/bg-comment-after.jpg) 0 0 no-repeat;
	width:34px;
	height:21px;
	left:65px;
	bottom:-21px;
	}
	.inner{
		background: url(../images/bg-inner.png) 22px 16px no-repeat;
		padding:16px 31px 20px 31px;
		}
		.inner span{
			display:inline-block;
			margin-left:14px;
			}
.block-1{
	width:193px;
	float:left;
	margin:3px 19px 18px 0;
	}
	.inner-1 a{
		color:#e35034;
		display:inline-block;
		margin:7px 0 0 0;
		}
	.inner-1 a:hover{
		color:#565656;
		text-decoration:underline;
		}
	.inner-1 span{
		color:#a7a7a7;
		display:block;
		margin:0 0 3px 0;
		}
	.inner-2{margin:5px 0 15px 0;}
	.inner-2 strong{		
	    display:inline-block;
		font-weight:normal;
		margin:13px 0 0 0;
		}
	.inner-2 strong a{
		color:#e35034;
		}
	.inner-2 a:hover{
		color:#565656;
		text-decoration:underline;
		}
	.inner-2 span{
		color:#a7a7a7;
		display:block;
		margin:0 0 5px 0;
		}
/**********************************index-2*********************************/

/**********************************index-3*********************************/

/**********************************index-4*********************************/

/**********************************index-5*********************************/

/**********************************index-6*********************************/

/**********************************contact-form****************************/
#form1 {
	font-family:  Arial, Helvetica, sans-serif ;
	font-size: 13px;
	color:#a7a7a7 ;
	padding-top: 5px;
	}
#form1 input {
	color:#a7a7a7 ; 
	padding: 9px 5px 9px 14px;
	outline:none;
	background:#ebebeb ;
	font-family: Arial, Helvetica, sans-serif  ; 
	font-size: 13px; 
	height: 16px; 
	width: 326px; 
	float:left; 
	position:relative;  
	border-radius: 9px; 
	border:1px solid #e4e9ea;
	}
#form1 textarea {
	overflow:auto; 
	width: 600px; 
	height: 277px ;
	resize:none; 
	float:left;
	color:#a7a7a7 ; 
	padding: 6px 5px 0  14px;
	background:#ebebeb ;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 13px; 
	border-radius: 9px;
	border:1px solid #e4e9ea;
    }	
#form1 label{
	display:block; 
	min-height: 46px;
	position:relative;
	}
#form1 label .feed_name{
	display:block; 
	float:left;
	}	
#form1 label.message {
	display:block; 
	padding-bottom:0;
	}	
#form1 span{
	display:block; 
	margin: 0px 0 6px 3px; 
	float:left; 
	width:160px;
	}
#form1 .error, #form1 .empty, #form1 .success {
	display:none; 
	text-align:left; 
	color:#e35034;
	margin-bottom:4px;
	}	
#form1 .error, #form1 .empty {
	text-align:left; 
	color:#ff0e0e; 
	font-size:10px;
	float:left; 
	line-height:12px;
	padding-top:3px;
	width:160px;
	display:none;
	}
#form1 .message .empty{
	position: static; 
	margin:5px 0 5px 5px; 
	text-align:left;
	}
#form1 .buttons2{
	position:relative;
	padding:28px 0 4px 0;
	}
#form1 .buttons2 .button{float:right;margin-left:21px;}

.error-empty {
	margin: 0 0 10px 5px !important; 
	display:none; 
	float:left !important;
	width:160px; 
	word-spacing:-1px;
	}
/****************************footer************************/
footer{ 
	background:#434343;
	text-indent:0;
	color:#818181;
	text-align:center;
	font-size:12px;
	}
	footer .grid_12{
		background: url(../images/bg-footer.jpg) center 1px no-repeat;
		padding:27px 0 25px 0;
		}
footer a{color:#818181 ;}
footer a:hover{color:#e35034 ;}
/*=======================superfish=========================*/
nav{
	float:right;
	display:inline-block;
	margin:33px 0 0 0;
	}
.sf-menu{display:block;}
.sf-menu ul {position:absolute; top:-999px; display:none; z-index:999;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {z-index:999;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999px; display:none;z-index:999}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%; top:0;z-index:999}
ul.sf-menu>li{
  border-left:1px solid #4c4c4c;
  font-family: Arial, Helvetica, sans-serif ; 
  font-size: 16px; 
  float:left; 
  position:relative;
  text-shadow:0 1px 2px #000;
  width:159px;
  }
#last-li{width:139px;}
 ul.sf-menu>li strong{
	 display:none;
	 position:absolute;
	 top:70px;
	 left:0;
	 width: 100%;
	 height:4px;
	 background: url(../images/bg-li-hov.png) center 0 no-repeat;
	 }
 ul.sf-menu>li em{
	 font-size:11px;
	 color:#828282;
	 display:block;
	 text-shadow:none;
	 font-style:normal;
	 margin:-2px 0 0 0;
	 }
ul.sf-menu>li>a{
	display:block;
	position:relative;
	padding:0 0 0 20px;  
	color:#eeeeee;
	}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {}
ul.sf-menu>li.current strong, ul.sf-menu>li.sfHover strong, ul.sf-menu>li:hover strong{display:block;}
ul.sf-menu>li.current em, ul.sf-menu>li.sfHover em, ul.sf-menu>li:hover em{color:#fff;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover{}

.sf-menu>li>ul{
	left:-2px;
	top:76px;
	width: 164px;
	padding:0 0 0 0; 
	background:#353434  ;
	}
.sf-menu>li>ul>li {
	font-size: 11px;
	border-top:1px solid #313030;
	position:relative;
     }
.sf-menu>li>ul>li:first-child{border-top:none;}							
.sf-menu>li>ul>li>a {
	display: block;
	color:#fff ;
	padding:14px 0 13px 23px;
	}
.sf-menu>li>ul>li:hover, ul.sf-menu>li>ul>li.sfHover{background:#4b4b4b;}
.sf-menu>li>ul>li>a:hover, ul.sf-menu>li>ul>li.sfHover a {}

.sf-menu li li ul {
	 left: 166px !important;
	 top:-1px !important;
	 display:block;
	 width: 164px;
	 background:#353434;
	 border-top:1px solid #e35034;
	 }
.sf-menu li li li {
	float:none;
	font-size: 11px;
	border-top:1px solid #313030;
	}
					
.sf-menu li li li a {
	display: block;
	color:#fff  !important;
	padding:14px 0 13px 23px;
	}
.sf-menu li li li:hover {background:#4b4b4b;}
.sf-menu li li li a:hover {}

/*--------- slider ---------*/
#slide {width:100%;
position:relative; 
overflow:hidden; 
z-index:1; 
padding:35px 0 14px 0;
border-bottom:5px solid #e5e5e5;
background:#4b4b4b;
}

.slider {position: relative; 
z-index:1;
width: 940px; 
height: 433px; 
margin:0 auto; 
overflow: hidden; /*top:50px; left:82px;*/}
.items {display:none;}

.banner{width: 319px;
		height: 207px;
		position:absolute;
		top: 75px; 
		z-index:15; 
		left: 40px; 
		color:#fff ; 
		background:#ec7929;
		padding:37px 0 50px 41px;
		}
.banner span{
	display:block;
	font-size:48px;
	line-height:60px;
	margin:0 0 0 46px;
	}
.banner p{
	font-size:15px;
	line-height:22px;
	margin: 21px 0 0 46px;
	}	
.banner a{
	font-size:13px;
	line-height:20px;
	padding:7px 16px 8px 16px;
	color:#fff;
	background: url(../images/bg-button-baner.jpg) 0 0 repeat-x #4b4b4b;
	display:inline-block;
	border-radius: 20px;
	margin:25px 0 0 46px;
	box-shadow: 0 1px 3px #333;
	}
.banner a:hover{
	background:#000;}


.pagination {
	position:absolute;
	z-index:1000; 
	background: #353434;
	width:26px; 
	height:166px;
	top:75px;
	left:0;
	padding:128px 0 0 14px;
	}
.pagination li {float:none;	margin-bottom:10px;width:11px;}
.pagination a {
	display:block; 
	width:11px; 
	height:11px; 
	background: url(../images/pagination.png) 0 0 no-repeat;
	}
.pagination li.current a, .pagination li:hover a{background: url(../images/pagination.png) right 0 no-repeat;}

/*=====================tabs=====================*/
.tabs{margin:51px 0 0 0;}
.tabs>div {}

.tabs .fleft{width:240px;}
.tabs ul.nav {
	display:block;
	}
.tab-content{
	background:#fff;
	float:left;
	width:700px;
	border-radius: 0 20px 20px 20px;
	}
.tabs ul.nav li {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	float:none;
	background: url(../images/bg-li-tabs.jpg) right top no-repeat;
	border-radius: 20px 0 0 20px;
	}
.tabs ul.nav li:first-child{background: url(../images/bg-li-transparent.png) 0 0 no-repeat;}
.tabs ul.nav li a {
	display:block;
	padding:21px 0 22px 25px;
	color:#4c4c4c;
	}
.tabs ul.nav li.selected{background:#fff;}

.tabs ul.nav li.selected a{}
 .tabs ul.nav li:hover a{color:#e35034;}

.box-tabs{
	padding:35px 27px 24px 37px;
	}
	.box-tabs img{margin:2px 0 0 12px;}
	.box-tabs span{
		color:#e35034;
		font-size:16px;
		line-height:22px;
		}
	.box-tabs p{
		font-size:13px;
		line-height:22px;
		margin:12px 0 0 0;
		}
		.div-button{margin:22px 0 7px 0;position:relative;overflow:hidden;padding:3px;}
	.box-tabs .button{}
	
/******************* carousel ***************/
.carousel {
	width:625px;
	overflow:hidden;
	line-height:40px;
	margin:0 auto;
	padding:53px 0 30px 10px;
}
.carousel-box {position:relative;}
.carousel ul{
	height:36px;
	overflow:hidden;
	}
.carousel ul li {
	width:172px;
	height:36px;
	text-align:center;
	float:left;
}
.carousel ul li a{
	display:inline-block;
	width:116px;
	height:36px;
	}
.a-1{background: url(../images/client-logo.png) 0 0 no-repeat;}
.a-2{background: url(../images/client-logo-1.png) 0 0 no-repeat;}
.a-3{background: url(../images/client-logo-2.png) 0 0 no-repeat;}
.a-4{background: url(../images/client-logo-3.png) 0 0 no-repeat;}
.carousel ul li a:hover{background-position:0 bottom;}
#next,
#prev {
	display:block;
	position:absolute;
	width:10px;
	height:14px;
	top:64px;
	}

#next{
	background: url(../images/next.png) 0 0 no-repeat;
	right:50px;
	}
#prev{
	background: url(../images/prev.png) 0 0 no-repeat;
	left:50px;
	} 

#next:hover {background-position:0 bottom;}
#prev:hover {background-position:0 bottom;}	

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	right:50%;
	bottom:113px;
	overflow:hidden;
	width: 46px;
	height: 46px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../images/top.png) no-repeat 0 0 ;
}
#toTop:hover{background: url(../images/top.png) no-repeat 0 bottom;}

