@import"reset.css";@import"skeleton.css";@import"superfish.css";@import"forms.css";@import"ui.totop.css";
@import url(http://fonts.googleapis.com/css?family=Pacifico);/*font-family: 'Pacifico', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Smythe);/*font-family: 'Smythe', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Simonetta:400,400italic);/*font-family: 'Simonetta', 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:13px; 
	line-height:19px;
	color:#575757;
	background: url(../images/bg-body.jpg) center 0 repeat #ecebe3;
	min-width:980px;
}


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

.floatright {float:right;}
.floatleft {float:left;}
		
.main{width:100%;height: auto; min-height:100%;background: url(../images/bg-footer.png) 0 bottom repeat-x;}
/***********************************************************************/
/*================================>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-14{
	font-size:14px;
	color:#909090;
	line-height:20px;}

.color{color:#575757 ;}
.color-1{color:#4b4b4b;}
.color-2{color:#5da813;}
.color-3{color:#f5b61a;}

.hov:hover{color:#5da813;}

.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:26px 0 23px 0;}
.padd-1{margin:29px 0 28px 0;}
.padd-2{margin:14px 0 13px 0;}
.padd-3{margin:39px 0 22px 0;}

.top{margin-top: 30px;}
.top-1{margin-top:15px;}
.top-2{margin-top:12px;}
.top-3{padding-top:18px;}
.top-4{padding-top:8px;}
.top-5{margin-top:5px;}
.top-6{margin-top:-3px;}
.top-7{margin-top:8px;}

.bot{margin-bottom: 24px;}
.bot-1{margin-bottom: 28px;}
.bot-2{margin-bottom: 18px;}
.bot-3{margin-bottom: 20px;}

.left{margin-left: 15px;}
.left-1{margin-left: 18px;}
	
/*================================link-button===============================*/
				
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}

ul {
	margin:0; 
	padding:0;
	list-style-image:none;}
		
.button{
	  display: inline-block;
	  font-size: 13px; 
	  line-height: 18px;
	  padding:10px 22px 11px 22px;
	  background:#fff; 
	  color:#6c6a57 ; 
	  border-radius: 20px;
	  font-weight:bold;
	  position:relative;
	  z-index:3;
	  -moz-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;}
	.button span{
		display:block;
		position:absolute;
		left:0;
		top:50%;
		right:0;
		bottom:50%;
		background:#fff;
		z-index:-1;
		-moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		border-radius: 20px;}

.button:hover{color:#000;}
.button:hover span{
	background:#5da813;
	top:0;
	right:0;
	left:0;
	bottom:0;
	}
.button-1{  display: inline-block;
	  font-size: 13px; 
	  line-height: 18px;
	  padding:10px 22px 11px 22px;
	  background:#f5b61a; 
	  color:#fff ; 
	  border-radius: 20px;
	  font-weight:bold;
	  position:relative;
	  z-index:3;
	  -moz-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;}
.button-1 span{display:block;
		position:absolute;
		left:0;
		top:50%;
		right:0;
		bottom:50%;
		background:#f5b61a; 
		z-index:-1;
		-moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
		border-radius: 20px;}
.button-1:hover{color:#000;}
.button-1:hover span{
	background:#5da813;
	top:0;
	right:0;
	left:0;
	bottom:0;
	}
/******************************************************************/
.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;
	font-weight:normal;
	padding:40px 0 0 0;
	float:left;
	
	}
h1 a{
	display:inline-block;
	  width: 325px; 
	  height: 70px;
	  color:#2e2e2e;
	}
	h1 a img{
		padding-top: 11px;}
	
h2{font-size:24px; 
	font-family: 'Simonetta', cursive;
	color:#474645; 
	line-height: 32px; 
	font-weight: normal;}
	h3{line-height: 32px;}
	h3 a{color:#474645;}
	h3 a:hover{color:#5da813;}
/*********************************header*************************************/
.head{width:100%; 
position:relative; 
z-index:2;
background: url(../images/bg-head.png) 0 top repeat-x;
padding-top:11px;
}
header {
margin: 0 auto;
position:relative;
padding-bottom:14px;
}
/*********************************content*************************************/
#content{width:100%; 
	margin:0;
    position:relative; 
	z-index:1;
	}
.lightbox-image{display: inline-block;position:relative;}
.lightbox-image img.magnify{position:absolute;width:0px;height:0px;left:50%;top:50%;}
.adress{
	font-size: 13px; 
	color:#575757;
	float:left;
	margin:0 0 19px 20px;} 
.adress dd{text-align:left;}
.adress a{ color:#5da813 ; 
	display:inline-block;
	font-size: 13px;
	text-decoration:underline;}
.adress a:hover{color:#000 ; 
	text-decoration:underline;}
		.adress span{display:inline-block; 
			width:69px;}
		.adress strong{display:inline-block;
			font-weight:normal;}
		.title1{letter-spacing:0; 
			text-align:left; 
			font-size: 13px;
			display:inline-block; 
			font-weight: bold; 
			color:#575757 ;}
.pp{display:inline-block; 
	margin:17px 0 20px 0; 
	color:#5da813 ; 
	text-decoration:underline;}
.pp:hover{color:#575757 ; 
		text-decoration:underline;
		}
.bg-wrapper{
	background: url(../images/bg-wrap.png) 0 12px no-repeat;
	padding-top:12px;}	
.bg-wrapper-1{
	background: url(../images/bg-wrapper.png) 0 12px no-repeat;
	padding-top:12px;}	
.bg-grid{
	background: url(../images/bg-wrap.png) -10px bottom no-repeat;
	padding-bottom:44px;}	
	
	.image{border-radius: 100%;
	box-shadow: 5px 15px 38px -30px #181818;}

/**********************************index***********************************/
.box{
	background:#fff;
	border-radius: 23px;
	padding:41px 22px 28px 22px;
	margin:-12px 0 0 0;
	color:#b1aa9b;
	}
	.pb-box{padding-bottom:22px !important;}
	.box p{
		font-size:12px;
		line-height:20px;
		}
	.box .color-3{
	font-size:12px;
	line-height:20px;
	}
.title-box{
	color:#837964;
	font-size:20px;
	line-height:24px;
	font-family: 'Simonetta', cursive;
	}
.bg-list{
	background: url(../images/bg-list.jpg) 0 bottom no-repeat;
	padding-bottom:26px;
	margin-bottom:26px;
	}
.list{padding-left:18px;}
.list li{
	background: url(../images/bg-li-list.png) left 7px no-repeat;
	padding:2px 0 3px 13px;
	font-size:12px;
	line-height:15px;
	}
.list li a{color:#b1aa9b;}
.list li a:hover{color:#5da813;}

.new{
	border-radius: 23px;
	background: url(../images/bg-new.png) 0 0 no-repeat;
	padding:194px 0 0 0;
	position:relative;
	text-align:center;
	margin-top:19px;
	}
.new a{
	display:block;
	position:absolute;
	background: url(../images/new.png) 0 0 no-repeat;
	width:81px;
	height:83px;
	top:119px;
	left:75px;
	}
	.new a:hover{background-position:0 bottom;}
.new div{
	background:#f13d3d;
	border-radius:0 0 23px 23px;
	padding:3px 0 12px 0;
	}
  .new span{
	  font-family: 'Pacifico', cursive;
	  font-size:35px;
	  line-height:44px;
	  color:#faf5b4;
	  }
	  .new span strong{
		  color:#fff;
		  font-weight:normal;}
		  
/**********************************index-1*********************************/
.bg-bot{
	border-bottom:1px solid #d2d1c6;
	padding:12px 0 10px 0;}
/**********************************index-2*********************************/
.main-carousel{position:relative;
	width:680px;}

.carousel {
	width:680px !important;
	overflow:hidden;
	
}
.carousel-box {position:relative;
	
}
.carousel ul li {
	width:205px; margin:0 35px 0 0 ;position:relative;
	float:left;
}
#next,
#prev {margin:5px 9px 21px 0;}
#next{}
#prev{} 
/**********************************index-3*********************************/

/**********************************index-4*********************************/
.div-map{
	border-radius: 26px;
	border:7px solid #fff;
	float:left;
	margin-top:5px;
	margin-bottom:20px;}
	#map_canvas{width: 466px; height: 345px;border-radius: 26px;}

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

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


/****************************footer************************/
footer{
	font-family: 'Simonetta', cursive;
	padding-bottom:26px;
	}
.main-footer{padding-top: 38px; 
			padding-bottom: 20px; 
			}
.main-footer p{
	font-size:18px;
	line-height:22px;
	color:#98978b;
	text-align:right;
	padding:3px 0 0 0;
	font-family: 'Simonetta', cursive;
	}
	.main-footer p a{color:#98978b;}
		.main-footer p a:hover{
			color:#5da813;
			text-decoration:underline;
			}
.icons{
	font-size:22px;
	line-height:25px;
	padding:3px 0 0 0;
	}
	.icons span{
		display:inline-block;
		margin-right:17px;
		}
	.icons strong{
		display: inline-block;
		width:32px;
		height:32px;
		margin:-3px 0 0 13px;
		}
	.facebook a{color:#4a6ba5;}
	.facebook strong{background: url(../images/facebook.png) 0 0 no-repeat;}
	.twitter a{color:#35b6c9;}
	.twitter strong{background: url(../images/Twitter.png) 0 0 no-repeat;}
	.facebook a:hover, .twitter a:hover{text-decoration:underline;}
	.facebook a:hover strong, .twitter a:hover strong{background-position:0 -33px;}

.p10 {
	padding: 41px 40px 28px 22px;
}

/******************** Responsive ******************/



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

}

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

 #simple_gallery {
	background: none;
}
#slide .slides li {
	background: url(../images/bg-body.jpg) 0 0 repeat;
}

#map_canvas {
    width: 100%;
}

.left-1 {
	margin-left: 0;
}

.bg-wrapper {
    background: url("../images/bg-wrap.png") no-repeat scroll -145px 12px transparent;
}

.box {
    padding: 31px 11px 28px 7px;
}

#simple_gallery {  
    height: 392px;
}

.new span {
    font-size: 25px;
    line-height: 37px;
}

#carousel {
	padding: 0 60px;
}
.banner {
	left: 59%;
	top: 7%;
}

img {
	width: 100%;
	height: auto;
}

.title-box {
	display: block;
}

.new a {
    left: 30%;
}


ul.sf-menu > li {
    margin: 0 11px 0 6px;
}

.gallery_bg {
    height: 301px;
}

.p10 {
	padding: 41px 10px 28px 10px;
}

.div-map {
	float: none;
}

}

@media only screen and (max-width: 800px) {



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

}

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

.floatright {float:left;}
.floatleft {float:right;}

nav select {
    outline:none;
	display: block !important;
	height:25px;
	line-height:25px;
	padding:0 0 4px;
}	
img {
	width:100%;
	height:auto;
}

.div-map {
	float: none;
}

#slide .slides li {
	background: url(../images/bg-body.jpg) 0 0 repeat;
}

#simple_gallery {
	background: none;
}

header h1 {
    float: none;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

h1 a strong {
	display: block;
}

header h1 a {
	width: auto;
}

nav {
	float: none;
	width: 100%;
}

h1 a span {
    margin: 6px 0 0 11px;
}

#simple_gallery {
	height: auto;
}


.gallery_bg {
    height: 166px;
}

#carousel {
	padding: 0 32px;
}

.banner {
	left: 0;
  right: 0;
  width: 100%;
  background-position: center;
}

.banner .div-banner {
	padding: 0 100px 0 100px;
  height: 180px;
  line-height: 180px;
}

.banner .div-banner a span {
	font-size: 14px;
}

.icons span {
    display: block;
    margin-bottom: 15px;
}

.main-footer p {
	text-align: left;
}

.p6 img {
	width: auto;
	display: inline-block;
}

.p6 {
	text-align: center;
}

.p7 {
	margin-top: 20px;
}

.new {
	-webkit-background-size: cover;
	background-size: cover;
}


.new a {
    left: 34%;
}

.p9 h3 {
	margin-top: 20px;
}

.p9 .box {
	margin-top: 20px;
}

.p10 {
	padding: 41px 10px 28px 10px;
	margin-top: 20px;
}

#map_canvas {
    width: 100%;
}

.left-1 {
	margin-left: 0;
}

}
 @media only screen and (max-width: 479px) {

	 .inner-block {
	padding:0 10px;
}

body {
min-width:300px;
}

img {
	width:100%;
	height:auto;
}

#slide .slides li {
	background: url(../images/bg-body.jpg) 0 0 repeat;
}

#simple_gallery {
	background: none;
}

#simple_gallery {
	height: auto;
}

header h1 {
    float: none;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #000;
    width: 100%;
    padding-top: 19px;
}

h1 a strong {
	display: block;
}

header h1 a {
	width: auto;
	height: auto;
}

nav {
	float: none;
	width: 100%;
}

.gallery_bg {
    height: 119px;
}

h1 a span {
    margin: 6px 0 0 11px;
}

#carousel .slides li {
	width: 91px !important;
}

#carousel {
	padding: 0 58px;
}

.banner {
	left: 0;
  right: 0;
  width: 100%;
  background-position: center;
}

.banner .div-banner {
	padding: 0 60px 0 60px;
  height: 140px;
  line-height: 140px;
}

.banner .div-banner a span {
	font-size: 12px;
  line-height: 20px;
}

.icons span {
    display: block;
    margin-bottom: 15px;
}

.p6 img {
	width: auto;
	display: inline-block;
}

.p6 {
	text-align: center;
}

.p7 {
	margin-top: 20px;
}

.new {
	-webkit-background-size: contain;
	background-size: contain;
}

.new a {
    left: 34%;
}

.main-footer p {
	text-align: left;
}

.p9 h3 {
	margin-top: 20px;
}

.p9 .box {
	margin-top: 20px;
}

.p10 {
	padding: 41px 10px 28px 10px;
	margin-top: 20px;
}


#map_canvas {
    width: 100%;
}

.left-1 {
	margin-left: 0;
}

.div-map {
	float: none;
}
	}
	

