/**/
/**/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";


 a [href^="tel:"] {
color: inherit;
text-decoration:none;
}

* {
	-webkit-text-size-adjust: none;
}




/* 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:14px; 
	line-height:21px;
	color:#878787;
	background: url(../images/bg-body.jpg) 0 0 repeat #333333;
	min-width:1200px;
	}
.main{width:100%;height: auto;padding:68px 0 0 0; }
/***********************************************************************/
/*================================>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-16{
	font-size:16px;
	}
.link{
	color:#313131;
	display:inline-block;
	}
	.link span{text-decoration:underline;}
	.link:hover{color:#39c2f0 ;}

.col{color:#39c2f0 ;}

.hov:hover{color:#39c2f0 ;}
.hov-1:hover{color:#121212 ;}

.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:65px 0 34px 0;}
.padd-1{margin:49px 0 16px 0;}
.padd-2{margin:47px 0 38px 0;}

.top{margin-top: 30px;}
.top-1{margin-top: -4px;}
.top-2{margin-top: 25px;}

.bot{margin-bottom: 3px;}
.bot-1{margin-bottom: 67px;}
.bot-2{margin-bottom: 35px;}
.bot-3{margin-bottom: 23px;}

.right{margin-right: 16px;}
.right-1{margin-right: 20px;}


/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer; color: inherit;}
a:hover {text-decoration:none;}

ul {
	margin:0; 
	padding:0;
	list-style-image:none;
	}
.button{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 12px; 
	line-height: 21px;
	padding: 5px 12px;
	background:#232323 ; 
	color:#fff ;
	text-transform:uppercase; 
	-moz-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	}
.button:hover{
	background:#39c2f0 ;
	}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{overflow:hidden; position: static}

.wrapper {
	position:static;
	left: 2px;
	top: 1px;
}
	
.fleft {float:left;}
.fright {float:right;}
.f_right {float:right !important;}

/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	float:left;
	margin:73px 0 0 1px;
	}
h1 a{display:inline-block;}
h2{ font-size:36px; 
	font-family: Arial, Helvetica, sans-serif ; 
	color:#101010; 
	line-height:44px;
	text-transform:uppercase;
	letter-spacing:-1px;
	}
h3{font-size:24px; 
   font-family: Arial, Helvetica, sans-serif ; 
   color:#39c2f0; 
   line-height: 32px; 
   text-transform:uppercase;
   text-shadow:0 1px #a3e3f8;
   letter-spacing:-1px;
   }
h3 a{color:#39c2f0;}
h3 a:hover{color:#121212;}
/*********************************header*************************************/
header{
	margin: 0 auto;
	position:relative;
	padding-bottom:28px;
	}
	#bord-head{border-bottom:1px solid #dedede;}
/*********************************content*************************************/
#content{
	width:100%; 
	margin:0;
    position:relative; 
	}
	.div-content{
		width:1200px;
		background-color:#FFF;
		margin:0 auto;
		padding-bottom:68px;
		}
.divider{
	border-top:1px solid #dedede;
	margin:49px 0 43px 0;
	height:1px;
	}
.divider-1{
	border-top:1px solid #dedede;
	margin:43px 0 44px 0;
	height:1px;
	}
#map_canvas{
	width: 363px; 
	height:392px;
	float:left;
	}
.div-adress{
	width:221px;
	float:left;
	margin:-6px 0 0 20px;
	}
.adress{
	margin-top: 22px;
	font-size: 13px; 
	} 
.adress dd{text-align:left;}
.adress a.lin1{ 
    color:#313131 ; 
	display:inline-block;
	font-size: 13px;
	margin-left: 13px; 
	text-decoration:underline;
	}
.adress a.lin1:hover{
	color:#39c2f0 ; 
	text-decoration:underline;
	}
		.adress span{
			display:inline-block; 
			width:72px;
			}
		.adress strong{
			display:inline-block;
			font-weight:normal;
			}
		.title1{
			letter-spacing:0; 
			text-align:left; 
			font-size: 16px;
			margin: 0 0 22px 0; 
			display:inline-block; 
			color:#39c2f0 ;
			}
.pp{
	display:inline-block; 
	margin:28px 0 0 0; 
	color:#313131 ; 
	text-decoration:underline;
	}
.pp:hover{
	color:#39c2f0 ;
	text-decoration:underline;
	}
.list li{
	font-size:13px;
	line-height:22px;
	padding:10px 0 10px 33px;
	display:block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	border-top:1px  dashed #d5d5d5;
	}
.list li:first-child{border-top:none;}
.list li span{
	display:block;
	position:absolute;
	background: url(../images/marker.png) 0 bottom no-repeat;
	width:11px;
	height:8px;
	top:17px;
	left:12px;
	}
.list li a{color:#313131;}
.list li a:hover{color:#39c2f0 ;}
/**********************************index***********************************/
.box{
	border-top:1px solid #fff;
	overflow:hidden;
	background: url(../images/bg-box.jpg) 0 0 repeat-y;
	}
	.inner{
		background:url(../images/bg-inner.png) 0 0 repeat-y;
		overflow:hidden;
		}
	.box .inner div{
		width:313px;
		float:left;
		text-align:center;
		padding-bottom:34px;
		}
	.box .inner div span{
		font-size:24px;
		line-height:32px;
		font-weight:bold;
		color:#fff;
		text-transform:uppercase;
		display:block;
		margin:53px 0 22px 0;
		letter-spacing:-1px;
		}
	.box .inner div p{
	color:#ffffff;
	margin:18px 35px 22px 35px;
	text-align: center;
		}
	.box .inner div a{
		display:inline-block;
		color:#343334;
		text-transform:uppercase;
		background:#fff;
		padding:5px 11px;
		-moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		}
		.box .inner div a:hover{
			background: #39c2f0;
			color:#fff;
			}
.block{
	float:left;
	width:138px;
	margin-left:12px;
	}
.bord-bot{
	border-bottom:1px dashed #cacacc;
	padding-bottom:22px;
	margin-bottom:21px;
	}
.date{
	font-size:54px;
	line-height:66px;
	display:block;
	float:left;
	width:60px;
	color:#161616;
	margin:-10px 16px 0 0;
	}
	.date strong{display:block;}
	.date span{
		font-size:16px;
		text-transform:uppercase;
		line-height:20px;
		display:block;
		margin:-7px 0 0 10px;
		}
/**********************************index-1*********************************/
.number{
	background: url(../images/bg-bumber.png) 0 0 no-repeat;
	width:65px;
	height:65px;
	display:block;
	float:left;
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	text-align:center;
	color:#101010;
	border-radius: 50%;
	text-transform:uppercase;
	margin-right:20px;
	}
	.number span{
		display:inline-block;
		margin:14px 0 0 0;
		}
/**********************************index-2*********************************/

/**********************************index-3*********************************/
.block-1{
	overflow:hidden;
	margin:49px 0 0 0;
	}
	.block-1 strong{
		font-weight:bold;
		font-size:28px;
		line-height:34px;
		color:#101010;
		text-transform:uppercase;
		letter-spacing:-1px;
		}
	.block-1 strong span{
		display:inline-block;
		margin:-5px 0 0 0;
		}
	.block-1 img{margin:5px 12px 0 0;}
	.block-1 p{margin:8px 0 25px 0;}
	
.box-1{
	background: url(../images/bg-box.jpg) 0 0 repeat;
	overflow:hidden;
	margin:39px 0 0 0;
	}
	.box-1 span{
		display:block;
		height:123px;
		float:left;
		border-left:1px dashed #696a6c;
		}
		.box-1 span:first-child{border-left:none;}
	.box-1 span a{
		display:inline-block;
		margin:26px 0 0 0;}
/**********************************index-4*********************************/

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

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

/**********************************contact-form****************************/

/****************************footer************************/
footer{ 
	font-family: Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	display: block;
	}
.main-footer{
	padding-top: 26px; 
	padding-bottom: 25px;
	}
.main-footer p{
	margin:9px 0 0 0;
	font-size:12px;
	}
.main-footer p img{margin-right:4px;}
footer a{color:#858484;}
footer a:hover{color:#39c2f0}
.icons{text-align:right;}
.icons a{
	display:inline-block;
	width:28px;
	height:28px;
	margin-left:1px;
	}
.icons a:hover{background-position:0 -30px !important;}
#icon{background: url(../images/icon.png) 0 0 no-repeat;}
#icon-1{background: url(../images/icon-1.png) 0 0 no-repeat;}
#icon-2{background: url(../images/icon-2.png) 0 0 no-repeat;}
#icon-3{background: url(../images/icon-3.png) 0 0 no-repeat;}
#icon-4{background: url(../images/icon-4.png) 0 0 no-repeat;}
/*=======================superfish=========================*/



/*==========================tabs==========================*/
.tab-horz-top{
	margin:56px 0 0 0;
	background: url(../images/bg-tabs.jpg) 0 0 repeat-y;
	padding:23px 0 14px 20px;}


.tab-horz-top .fleft{width:220px;}
.tab-horz-top ul.tabs-nav {
	display:block;
	width:220px;
	background: url(../images/bg-li-tabs.jpg) 0 0 repeat;
	}
.tab-content{
	float:left;
	width:670px;
	padding:8px 0 0 27px;
	}



.tab-horz-top ul.tabs-nav li {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	position: relative;
	line-height:16px;
	float:none;
	background: url(../images/bg-li-tabs.png) 0 bottom repeat-x;
	position:relative;
	}
#last-li-1{background: url(../images/bg-li-transparent.png) 0 0 no-repeat;}
.tab-horz-top ul.tabs-nav li strong{
	display:none;
	position:absolute;
	background: url(../images/bg-li-tabs-after.png) 0 0 no-repeat;
	width:8px;
	height:15px;
	right:0;
	top:14px;
	}
.tab-horz-top ul.tabs-nav li a {
	display:block;
	position: relative;
	z-index: 1;
	padding:14px 0 12px 34px;
	color:#aaaaaa;
	background: url(../images/marker.png) 14px -93px no-repeat;
	}


.tab-horz-top ul.tabs-nav li a:hover:after, .tab-horz-top ul.tabs-nav li a.current:after {
	content: '';
	position: absolute;
	background: url(../images/bg-li-tabs-after.png) 0 0 no-repeat;
	width: 8px;
	height: 15px;
	display: block;
	right: 0;
	top: 14px;
}

ul.tabs-nav li a:hover , ul.tabs-nav li a.current {background: url(../images/marker.png) 14px 19px no-repeat #39c2f0;color:#fff;}
.box-tabs strong{
	font-size:24px;
	line-height:26px;
	color:#fff;
	text-transform:uppercase;
	}
	.box-tabs img{
		margin:23px 0 0 3px;
		float:left;
		}
	.list-tabs{margin:16px 0 0 17px;}
	.list-tabs li{
		background: url(../images/bg-list-tabs.png) 0 8px no-repeat;
		padding:0 0 14px 12px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:19px;
		}
	.list-tabs li a{color:#8c8b8b;}
	.list-tabs li a:hover{color:#39c2f0 ;}
	
	
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
/**to top**/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:100px;
	left: 55%;
	margin-left: 550px;
	overflow:hidden;
	width:42px;
	height:42px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background:url(../images/top.png) no-repeat left top;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
#toTop:hover {
	outline:none;
	background-position: right 0;
}
	
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1200px) {	
	.main , .div-content{
		width: auto;
		padding-top: 0;
		min-height: auto;
	}

	body {
		min-width: 995px;
	}
}


@media only screen and (max-width: 995px) {
 body {
min-width:768px;

}



iframe#map_canvas, #form input, #form textarea, #form .success {
 width: 100% !important;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}


.inner {
	background: none;
}



.box .inner div {
	width: 240px;
}

.block {
	width: auto;
	margin-left: 0;
}

.block img {
	float: left;
	margin-right: 20px;
}

.tab-content {
	width: 465px;
}

.wrapper-extra, .extra-wrap {
	overflow: visible;
}

.box-1 span{
	display: block;
	width: 16.5%;
}

.box-1 span a img{
	width: 100%;
}

.list-tabs {
	overflow: hidden;
	padding-left: 20px;
}

.div-adress {
	padding-top: 20px;
	margin-left: 0;
}

.slider_wrapper {
	height: 382px !important;
}

}
 @media only screen and (max-width: 767px) {
 body {
min-width:420px;
}

.camera_pag {
	left: 10px !important;
	bottom: 10px !important;
}

.slider_wrapper {
	height: 214px !important;
}

.tab-horz-top ul.tabs-nav {
	width: auto;
}

.tabbbs .fleft {
	float: none;
	width: auto;
	margin-right: 20px;
}
.tabbbs .wrapper-extra img {
	float: none;
}

.list-tabs {
	padding-left: 0;
}

.box-1 span{
	display: block;
	width: auto;
	border: none !important; 
}

.box-1 span a img{
	width: 100%;
}


.tabs .fleft {
	float: none;
	width: auto;
	padding-right: 20px;
}

.tabs img {
	float: none !important;
}

.gallery p.bot-3 {
	margin-bottom: 0;
}

.gallery .grid_3 {
	margin-bottom: 25px;
}

.tab-content {
	width: auto;
	float: none;
	padding-right: 20px;
	padding-left: 0;
	padding-top: 20px;

}
.block {
	margin-bottom: 35px;
}

.tabs ul.nav {
	width: auto;
}

header h1 {
	margin-top: 40px;
}

.box .inner div {
	width: 240px;
	width: auto;
}

.block {
	width: auto;
}

header h1 {
	float: none;	
	display: block;
}
h1 a {
	margin: 0 auto;
	display: block;
	width: 244px;
}

#content img {
	width: 100%;
	margin-right: 0 !important;
	margin-bottom: 20px !important;
}

#content img.mb0 {
	margin-bottom: 0 !important;
}

#content .box-1 span a img {
	margin-bottom: 0 !important;
}

#content .box-1 span {
	height: auto;
	width: 30%;
}

#content .box-1 span a {
	margin-top: 0 !important;
}

#content img.fleft.noresize {
	width: auto !important;	
	margin-right: 16px !important;
}

.noresize {
	width: auto !important;	
}



.map figure iframe {
	width: 100%;
	height: 300px;
}

.caption {
	top: 50px !important;
}

footer .icons {
	text-align: left;
	padding-bottom: 10px;
}

.camera_wrap .caption {
		display: none !important;
	}
	

}
 @media only screen and (max-width: 479px) {
 body {
	min-width:300px;
}

.slider_wrapper {
	height: 153px !important;
}


header h1 a img, header h1 a {
	width: 250px;
	margin: 0 auto;
}


 
 .map figure iframe {
	width: 100%;
	height: 150px;
}

.menu_block {
		float: none !important;
		margin: 0 15px !important;	
		
	}
	
	.camera_wrap {
		height: 153px !important;
		 	
	}

	
.camera_prev, .camera_next, .camera_play, .camera_stop {
	top: 115px !important;	
	margin-left: -138px;
}



}