/**/
@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;
}

input {
	border-radius: 0 !important;
}
/**/



/* 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:22px;
	color:#999999;
	background: url(../images/bg-footer.jpg) 0 0 repeat #e6e8ea;
	min-width:960px;
	}
.main{width:100%;height: auto; min-height:100%;}
.div-main{
	margin:0 auto;
	}
/***********************************************************************/
/*================================>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-18{
	font-size:18px;
	display:inline-block;
	}
	.font-18 span{
		display:block;
		margin:-2px 0 0 0;
		}

.col{color:#454545;}
.col-1{color:#999999;}

.hov:hover{color:#59baf3 ;}

.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;}

.link{
	display:inline-block;
	color:#59baf3;
	text-decoration:underline;
	}
	.link:hover{
		color:#000;
		text-decoration:underline;
		}
/*===============================>Indent<==================================*/
.top{margin-top: 4px;}
.top-1{padding-top:16px;}

.bot{margin-bottom: 19px;}
.bot-1{margin-bottom:23px;}
.bot-2{margin-bottom:51px;}
.bot-3{margin-bottom:6px;}
.bot-4{margin-bottom:30px;}
.bot-5{margin-bottom:66px;}

.right{padding-right: 24px;}
.right-1{margin-right:20px;}
.right-2{margin-right:15px;}
.right-3{margin-right:9px;}
/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}
p{padding-bottom:22px;}

ul {
	margin:0; 
	padding:0;
	list-style-image:none;
	}
.button{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 16px;
	padding:12px 18px 10px 30px;
	background: url(../images/bg-button.jpg) 0 0 repeat-x #ebebeb; 
	color:#1e2c35;
	position:relative;
	border-radius: 30px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.14);
	}
.button span{
			display:block;
			position:absolute;
			background: url(../images/button-span.png) 0 0 no-repeat;
			width:6px;
			height:5px;
			top:18px;
			left:16px;
			}
		.button:hover{
			background:#343433;
			color:#fff;
			}
.button-1{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 16px;
	padding:11px 18px 11px 30px;
	background: #59baf3; 
	color:#fff;
	position:relative;
	border-radius: 30px;
	}
	.button-1 span{
			display:block;
			position:absolute;
			background: url(../images/button-span-1.png) 0 0 no-repeat;
			width:6px;
			height:5px;
			top:17px;
			left:16px;
			}
		.button-1:hover{
			background: url(../images/button-1-hov.jpg) 0 0 repeat-x #3d9ed7;
			color:#fff;
			}

/******************************************************************/
.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-left:4px;
	}
h1 a{display:inline-block;}
h2{ font-size:36px; 
	font-family: Arial, Helvetica, sans-serif ; 
	color:#454545; 
	line-height:44px;
	font-weight: normal;
	}
	
h3{font-size:30px; 
   font-family: Arial, Helvetica, sans-serif ; 
   color:#454545; 
   line-height: 36px; 
   font-weight: normal;
   }
h4{font-size:30px; 
   font-family: Arial, Helvetica, sans-serif ; 
   color:#454545; 
   line-height: 36px; 
   font-weight: normal;
   }
h4 a{ color:#454545; }
h4 a:hover{
	text-decoration:underline;
	color:#59baf3 ;
	}
/*********************************header*************************************/
.head{
	width:100%;  
	position:relative; 
	z-index:2;
	border-top:4px solid #f0f2f4;
	background:url(../images/bg-head.jpg) 0 0 repeat;
	}
header{
	margin:0 auto;
	position:relative;
	padding:20px 0 20px 0;
	}
	.login{
		float:right;
		font-size:12px;
		color:#a5a6a9;
		text-shadow:0 1px #f2f6f5;
		padding:8px 0 0 0;
		}
		.login a{color:#a5a6a9;}
		.login a:hover{color:#000;}
.main-width{
	width:100%;
	background: url(../images/bg-nav.jpg) 0 0 repeat-x #e0e0e0;
	border-bottom:5px solid #4eb6f3;
	}
.main-width-1{
	width:100%;
	background: url(../images/bg-nav.jpg) 0 0 repeat-x #e0e0e0;
	}

.nav-search{
	margin:0 auto;
	}
	
/*********************************content*************************************/
#content{
	width:100%; 
	padding:61px 0 63px 0; 
	margin:0;
    position:relative; 
	z-index:1;
	background: url(../images/bg-content.jpg) 0 0 repeat;
	}
	#page-1 #content{
		padding:47px 0 53px 0 ;
		}
.div-search{
	float:right;
	margin:14px 0 0 0;
	background:#dadada;
	border-bottom:1px solid #eff0f0;
	border-top:1px solid #c5c5c5;
	box-shadow: inset 0 -1px 0 #d3d3d3;
	border-radius: 30px;
	}
#search input{
	width: 158px; 
	border: none;
	height: 20px; 
	font-family: Arial, Helvetica, sans-serif  ; 
	font-size: 14px;
	line-height:20px;
	height:20px;
	color:#000;  
	display: inline-block; 
	float:left; 
	background: url(../images/bg-li-transparent.png) 0 0 no-repeat; 
	padding:6px 10px 6px 20px; 
	}
#search .search_button{
	background: url(../images/search-button.png) 0 0 no-repeat; 
	width:15px;
	height:15px;
	display:inline-block;
	margin: 8px 15px 0  0; 
	float:left;
	}
#search .search_button:hover{
	background-position: right 0;
	}
.lightbox-image{display: inline-block;position:relative;}
.lightbox-image img.magnify{position:absolute;width:0px;height:0px;left:50%;top:50%;}

#map_canvas{
	width: 588px; 
	height: 303px;
	border:1px solid #f8f9f9;
	border-radius: 30px;
	}
.adress{
	font-size: 14px; 
	} 
.adress dd{text-align:left;}
.adress a{ 
    color:#59baf3 ; 
	display:inline-block;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline; 
	}
.adress a:hover{
	color:#000; 
	text-decoration:underline;
	}
		.adress span{
			display:inline-block; 
			width:82px;
			}
		.adress strong{
			display:inline-block;
			font-weight:normal;
			width:76px;
			}
		.title1{
			letter-spacing:0; 
			text-align:left; 
			font-size: 14px;
			margin:0 0 20px 0; 
			display:inline-block; 
			font-weight: bold; 
			color:#454545;
			}
.pp{
	display:inline-block; 
	color:#59baf3 ; 
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
	}
.pp:hover{
	color:#000; 
	text-decoration:underline;
	}
.list li{
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	padding:9px 0 8px 17px;
	display:block;
	background: url(../images/bg-list-li.png) 0 15px no-repeat;
	}
.list li a{
	color:#59baf3;
	text-decoration:underline;
	}
.list li a:hover{color:#000;}
/**********************************index***********************************/
aside{
	background: url(../images/bg-aside.jpg) 0 0 repeat;
	}
.main-aside{
	background: url(../images/bg-main-aside.jpg) 0 0 repeat-x;
	padding:50px 0 0 0;
	}
	.inner{
		background: url(../images/bord-aside.jpg) 0 bottom repeat-x;
		padding-bottom:43px;
		}
	.block{
		text-align:center;
		padding:0 27px 20px 27px;
		}

.over-footer{
	background: url(../images/bg-footer.jpg) 0 0 repeat;
	border-top:1px solid #e1e1e1;
	padding:50px 0 38px 0;
	}
	
	.block-1{
		position:relative;
		text-align:center;
		padding:30px 0 33px 0;
		}
		#block-1:after{display:none;}
		.block-1:after{
			display:block;
			position:absolute;
			content:"";
			background: url(../images/block-1-after.jpg) 0 0 repeat-y;
			width:2px;
			height: 100%;
			left:-11px;
			top:0;
			}
/**********************************index-1*********************************/
.block-2{
	background: url(../images/bg-block-2.jpg) 0 0 repeat-x #f1f3f5;
	border:1px solid #e7e7ee;
	padding:20px 23px 25px 23px;
	font-style:italic;
	color:#454545;
	border-radius: 20px;
	position:relative;
	}
	.block-2:after{
		background:url(../images/block-2-after.jpg) 0 0 no-repeat;
		width:42px;
		height:34px;
		display:block;
		position:absolute;
		content:"";
		bottom:-34px;
		left:47px;
		}
		
.block-3{
	overflow:hidden;
	margin:37px 0 0 0;
	}
/**********************************index-2*********************************/
.block-4{
	text-align:center;
	padding:0 0 10px 0;
	}
	.block-4 p{
		padding:4px 25px 22px 25px;
		}
/**********************************index-3*********************************/

/****************************footer************************/
footer{ 
	font-family: Arial, Helvetica, sans-serif  ; 
	font-size: 13px; 
	color:#5b5b5b ;
	background: url(../images/bg-footer.jpg) 0 0 repeat;
	text-indent:0;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #e1e1e1;
	}
.main-footer{
	padding-top: 29px; 
	padding-bottom: 25px;
	}
footer a{color:#5b5b5b;}
footer a:hover{color:#4eb6f3;}

/*--------- slider ---------*/
#slide {width:100%;
		position:relative; 
		overflow:hidden; 
		z-index:1; 
		background: url(../images/bg-slide.jpg) 0 0 repeat-x #82bfe8;
		}
.slider {position: relative; 
		z-index:1;
		width: 940px; 
		height: 458px; 
		left:50%;
		margin-left:-470px; 
		overflow: hidden; /*top:50px; left:82px;*/
		}
.items {display:none;}



.tabs{ 
position:relative; 
overflow:hidden;
}
.tabs>.div-tabs{
	width:778px;
	height:307px;
	float:left;
	border:1px solid #e7e7ee;
	border-radius: 20px;
	background: url(../images/tabs-bg.jpg) 0 0 repeat-x #eff3f3;
	position:relative;
	z-index:1;
	}

.tabs .tab-content {
	padding:36px 50px 40px 41px;
	}
	.tabs .tab-content .list{
		padding:6px 0 18px 0;
		}
	.tabs .tab-content img{margin:3px 25px 0 0;}
	.tabs .tab-content p{padding-top:14px;}
	.tabs .tab-content span{
		font-size:30px;
		line-height:36px;
		display:block;
		color:#454545;
		}
		.tabs .tab-content span span{
			margin:-4px 0 0 0;
			}
.div-nav{
	width:158px;
	float:left;
	padding:12px 0 0 0;
	position:relative;
	z-index:2;
	margin-right:-1px;
	}	
.tabs ul.nav {
	list-style-image:none; 
	display:block; 
	overflow:hidden; 
	position:relative;
	}
.tabs ul.nav li {
	margin-bottom: 2px;
	font-size:18px;
	line-height:22px;
	width:160px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg-li-transparent.png) 0 0 no-repeat;
	border-radius: 15px;
	display: inline-block;
	border-radius: 19px 0 0 19px;
	float: none;
	display:block;
	position:relative;
	}
	.tabs ul.nav li:first-child span {
		display: none;
	}

	.tabs ul.nav li +li {
		margin-bottom: 3px;
	}
	.tabs ul.nav li span{
		display:block;
		position:absolute;
		width:159px;
		height:1px;
		background:  url(../images/bg-litab.jpg) right 0 no-repeat;
		top:0;
		right:-13px;
		}
		.tabs ul.nav li.selected span, .tabs ul.nav li:hover span{display:none;}
.tabs .tab-content .wrapper{position:relative;}

.tabs ul.nav li a {
	color:#999999;
	display:block;
	padding:17px 1px 18px 19px;
	position:relative;
	}
.tabs ul.nav li.selected, .tabs ul.nav li:hover {
	background: url(../images/tabs-li.jpg) 0 0 repeat-x #f4f5f7;
	}
.tabs ul.nav li.selected a, .tabs ul.nav li:hover a{
	color:#59baf3;
	}


/******************* carousel ***************/
.carousel-box {position:relative;}
.carousel {margin: 0 -10px;}
.carousel ul li {
	margin:0 10px;
    }
	.carousel ul li img{margin-bottom:21px;}
	.carousel ul li strong{
			display:block;
			margin-bottom:1px;
		    }
#next,
#prev {
	position:absolute;
	width:9px;
	height:13px;
	display:block;
	}

#next{
	background: url(../images/next-1.png) 0 0 no-repeat;
	top:-31px;
	right:3px;
	}
#prev{
	background: url(../images/prev-1.png) 0 0 no-repeat;
	top:-31px;
	right:23px;
	} 

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


#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	left: 55%;
	margin-left: 500px;
	overflow: hidden;
	width: 42px;
	margin-right: 0 !important;
	height: 43px;
	border: none;
	text-indent: -999px;
	z-index: 20;
	background: url(../images/totop.png) no-repeat left 0;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
#toTop:hover {
	outline: none;
	background-position: right 0;
}




.ff_right {
	float: right !important;  
}


figure img {
	max-width: 100%;

}

.inner5 a {
	color: inherit;
}

.inner5 a:hover {
	color: #56A4EC;
	text-decoration: none;
}



#carousel1 {
	cursor: default !important;
}

#carousel1 li {
	overflow: hidden;
}

.font-18 a {
	color: inherit;
}

.font-18 a:hover {
	color: #4EB6F3;
}

.img_bdr { 
	border-radius: 22px;
	border: 1px solid #e6ecea;
	padding: 1px;
	background-color: #fff;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/



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

#map_canvas {
	width: 100%;
}

.div-tabs {
	height: auto;
}

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

figure {
	-moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

 .map figure {
 height: auto !important;
}

.extra_wrapper {
	overflow: visible ;
}


figure iframe {
	width: 100%;
}

figure {
	max-width: 100%;
}



.slider_wrapper {
	height: 363px !important;

}

.banner {
	width: auto !important;
}

.banner-inner {
	height: 220px !important;
	padding-top: 20px !important;
	width: 250px !important;
}

.banner-inner span {
	line-height: 30px !important;
	padding-top: 60px;
	margin-bottom: 20px;
}

.banner-inner span span {
	padding: 0 !important;
	display: block !important;
	margin: 0 !important;
}

.banner-inner em {
	display: none !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.camera_next {
	bottom: 25px !important;
	top: auto !important;
}

.camera_prev, .camera_next {
	left: auto !important;
	right: 120px !important;
}

.tabs > .div-tabs {
	float: none;
	overflow: hidden;
	width: 100%;
	width: auto !important;
	height: auto !important;
}

.tabs .tab-content span {
	font-size: 20px;
	line-height: 25px;
}

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

.tabs .tab-content img {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.tabs ul.nav li span {
	background: none;
}

.tabs ul.nav li {
	width: auto;
	border-radius: 19px;
}

.div-nav {
	float: none;
	width: auto;
	margin-right: 0;
}

.tabs .tab-content {
	padding-left: 20px;
	padding-right: 20px;
}

.full {
	display: block;
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 25px;
}

#search {
	float: none;
	overflow: hidden;
	width: 100%;
-moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;

}

.div-search {
	float: none;
	width: 100%;
}

#search input {
	height: 30px;
	margin-bottom: 2px;
width: 100%;
	-moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.div-search input {
	width: 80% !important;
}

#search .search_button {
	float: right;
}

.main-width, .main-width-1 {
	padding-bottom: 25px;
}

.ff_right {
	float: none !important;
	clear: both;

}

figure {
		margin-top: 25px;

}

.img_inner {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;		
}

header h1 {
	padding-top: 10px;
}



h1.logo {
	float: none;
}

header h1 a {
	margin: 0 auto;
	width: 186px;
}


figure  img {
	margin: 0 auto;
}


.map address  {
	float: none;
	margin-right: 0px;
}


header {
	position: relative;
	text-align: center;
	padding: 35px 0;
}
header h1 {
	float: none !important;
	top: 0;
	width: 100%;
	text-align: center;
	margin-left: 0 !important;
	padding-left: 0;
}


header h1 .logo {
	margin: 0 auto;
}

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



.map address {
	float: none;
	margin-right: 0;
}

.content .noresize {
	width: auto !important;
	float: left !important;
	margin-right: 20px !important;
}



figure {
	display: block;
	width: 100%;
}

figure img {
	width: 100%;

}


figure {
	margin-right: 0 !important;
	margin-bottom: 20px;
}


.figure, .figure-1 {
	margin-top: 20px;
}


.slider_wrapper {
	height: 203px !important;
}

.banner-inner {
	padding-top: 0 !important;
	height: 165px !important;
	width: 165px !important;
}

.banner-inner span {
	font-size: 18px !important;
	line-height: 20px !important;
}

.banner {
		top: 20px !important;

}


.banner-inner span span {
	display: inline-block !important;
	margin-left: 5px !important;
}

.camera_prev, .camera_next {
	left: auto !important;
	right: 78px !important;
}

.login {
	float: none;
	padding-top: 20px;
}

#slide {
	-webkit-: background-size:  100% 100%;
	-moz-: background-size: 100% 100%;
	-ms-: background-size: 100% 100%;
	-o-: background-size: 100% 100%;
	background-size: 100% 100%;
}

.block-1:after {
	background: none;
}

.extra-wrap {
	overflow: visible;
}



.right {
	padding-right: 0 !important;
}

h3 {
	padding-top: 20px;
}

h3.bot {
	margin-bottom: 20px;
}

.bot {
	margin-bottom: 0;
}
.btm {
	margin-bottom: 25px;
}

h2 {
	padding-top: 30px;
}

#map_canvas {
	margin-bottom: 25px;
}

.adress {
	padding-top: 20px;
}

.ptm {
	padding-top: 50px;
}

}

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

.camera_prev, .camera_next {
	right: 62px !important;
}

.banner-inner span {
	font-size: 14px !important;
	line-height: 18px !important;
	padding-top: 44px;
	margin-bottom: 10px;
}

.banner {
		top: 8px !important;

}

.camera_next {
	bottom: 10px !important;
}

.camera_prev {
	top: 10px !important;
}

.slider_wrapper {
	height: 150px !important;
}

.banner-inner {
	padding-top: 0 !important;
	height: 135px !important;
	width: 135px !important;
}

}