@import url(//fonts.googleapis.com/css?family=Cambo);

/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/camera.css";
@import "../css/carousel.css";

body {
	background:url(../Images/bg1.jpg) 0 0 repeat #f5f1e5;
	height:100%;
	font-family:Georgia, sans-serif;
	font-size:14px;
	font-style:italic;
	line-height:15px;
	color:#000000;
	text-align: left;
	}

.main {	padding:135px 0 65px; }
	
.bg {
	background:#fff;
	max-width:1142px;
	margin:0 auto;
	}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after { clear: both;}

.border_dashed1 { border-bottom:1px dashed #e3e3e3; margin-bottom:46px;}
.border_dashed2 { border-bottom:1px dashed #fff; margin-bottom:50px;}
.border_dashed3 { border-bottom:1px dashed #c6cfc7; margin-bottom:20px;}
.border_dashed4 { border-bottom:1px dashed #f1e7dc; margin-bottom:34px;}

.margin_top1 {margin-top:5px;}
.margin_top2 {margin-top:10px;}
.margin_top3 {margin-top:15px;}
.margin_top4 {margin-top:20px;}
.margin_top5 {margin-top:50px;}
.margin_1 {margin-bottom:5px;}
.margin_2 {margin-bottom:10px;}
.margin_3 {margin-bottom:15px;}
.margin_4 {margin-bottom:20px;}
.margin_5 {margin-bottom:25px;}
.margin_6 {margin-bottom:30px;}
.margin_7 {margin-bottom:35px;}
.margin_8 {margin-bottom:40px;}
.margin_9 {margin-bottom:50px;}


h2 {
	font-family: Georgia;
	color:#819f7e;
	font-size:36px;
	line-height:43px;
	margin:18px 0 28px 0;
	font-weight:400;
	font-style:normal;
	}
	
h3 {
	font-family: Georgia;
	color:#484848;
	font-size:22px;
	line-height:27px;
	margin:18px 0 34px 0;
	font-weight:400;
	font-style:italic;
	text-align: center;
	}

h2.black_color {
	font-family: Georgia;
	color:#707a6f;
	font-size:36px;
	line-height:43px;
	margin:18px 0 12px 0;
	font-weight:400;
	font-style:normal;
	}

h5 {
	font-family: Georgia;
	color:#6d6d6d;
	font-size:32px;
	line-height:38px;
	font-weight:400;
	margin-bottom:36px;
	display:inline-block;
	padding:0 10px;
	font-style:normal;
	}


a{
	color:#829280;
}


a:hover { color:#FC8A58; text-decoration:none;}

p.link1 {
	font-family: Georgia ;
	font-size:14px;
	line-height:17px;
	margin:17px 0 2px 0;
	font-weight:800;
	}

p {
	margin-bottom:22px;
	line-height:23px;
	text-align: left;
	color: #333333;
	font-size: 12pt;
}

/************Header************/

.header-box {
	margin:-121px 0px 45px;
	text-align:center;
	background:#fff;
	padding:75px 0 0 0;
	display:inline-block;
	border-radius: 180px 180px 0 0;
	-moz-border-radius: 180px 180px 0 0;
}

h1.logo{
	margin:0;
	padding:0 70px;
}

h1.logo a {
	display:inline-block;
	width:224px;
}

header {text-align:center;}

header h1 a img {display: block;}

/************Content***********/
	
.bg_patern {
	background:url(../Images/bg_patern.jpg) 0 0 repeat #e6f7e5;
	padding:50px 0 20px;
	position:relative;
	margin:45px 0 25px 0;
	}
	
p.text_block1 {
    font-size: 16px;
    padding: 0 60px 22px 0;
}
.block2 { margin-bottom:30px;}

.block_info1 { margin-top:33px; text-align:center;}
.block_info1 p {
	margin-bottom:0;
	font-size:16px;
	color:#000000;
	text-align: left;
}
.block_info1 img { margin-top:15px;}

.button1 {
    background: none repeat scroll 0 0 #88A185;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 18px;
    padding: 6px 20px 11px;
    transition: all 0.2s ease 0s;
	border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
}

.button1:hover {
	background:#ffa272;
	color:#fff;
}
	
.button2 {
    background: none repeat scroll 0 0 #e2d9a9;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 18px;
    padding: 6px 20px 11px;
    transition: all 0.2s ease 0s;
	border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
}

.button2:hover {
	background:#88a185;
	color:#fff;
}

.button3 {
	font-family: Georgia, serif;
	font-size:18px;
	color:#7c9679;
	padding-left:14px;
	margin-right:15px;
	line-height:22px;
	font-weight:400;
	position:relative;
	float:right;
	letter-spacing:0px;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;

}

.button3:hover {margin-right:30px;}	
.button3:after {
	content:"";
	width:6px;
	height:9px;
	position:absolute;
	display:block;
	background:url(../Images/link_arrow.png) 0 bottom no-repeat;
	left:0;
	top:9px;	
	-webkit-transition: left 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
	}

.button3:hover:after {
	background-position:0 top; 
	color:#ffa272;
	left:152px;
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	}

.button3:hover{text-decoration:none;}

.list1{margin-bottom:28px;}

.list1 li {
	background: url(../Images/list_arrow.jpg) no-repeat scroll 0 8px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	line-height: 24px;
	padding: 0 0 6px 24px;
	font-style: normal;
}

.list1 li a {color: #4f4f4f; }

.list1 li a:hover {
	color: #000000;
}

.video_block1{
	display:inline-block;
	position:absolute;
	margin:10px 0 0px;
}

.various span {
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    position: absolute;
    top: 0;
	left: 0;
	height: 100%;
    width: 100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.various:hover span{
	border:5px solid #e2d9a9;
}

.bg_block1 {
	background:url(../Images/bg_block1.jpg) repeat;
	padding:40px 40px 52px 40px;
	border-top:7px solid #faf4ee;
	margin-top:10px;
	}

.bg_block1 span {
	display:inline-block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:43px;
	line-height:52px;
	color:#565656;
	font-style:normal;
	padding-bottom:30px;
}

.bg_block1 span img { margin-top:20px; padding:0 4px;}

.bg_block1 p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:25px;
	color:#000000;
	text-align: left;
}

.bg_block1 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:25px;
	color:#5b554f;
	padding-left:10px;
}

.bg_block1 a:hover { text-decoration:underline;}

.box_inside { padding-bottom:11px;}
.box_inside img { margin-bottom:10px; width:100%;}

.img-indent1 {
	padding:4px 22px 8px 0;
	float:left;
}

.page4_block1 { padding:0 220px 0px 0;}

.map {
    min-width: 100%;
    width: 100%;
}

.map figure iframe {
    height: 336px;
    width: 400px;
}

.map figure {	
	width:100%;
	display:block;
	-moz-box-sizing: border-box;
	margin-bottom:15px;
	}

address dl {float:left; margin-bottom:25px;}	
	
address dt {	
    font-family: Georgia ;
	font-size:14px;
	line-height:24px;
	margin:10px 0 20px 0;
	font-weight:800;
	}

address dd {
	font-family:Georgia, sans-serif;
	font-size:14px;
	font-style:italic;
	line-height:24px;
	color:#8c9c8a;
}

address dd span {
	min-width: 95px;
	display:inline-block;
}

address dd a{
	font-family:Georgia, sans-serif;
	font-size:14px;
	font-style:italic;
	line-height:24px;
	color:#8c9c8a;
}

address dd a:hover {text-decoration:underline;}


/************Footer************/
footer { text-align:center;}

.social_icon {display:inline-block;}
.social_icon:hover a { opacity:0.4;}
.social_icon a { 
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 500ms;
	 -moz-transition-property: opacity; 
	 -moz-transition-duration: 500ms;
	 margin-right:6px;	
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.social_icon a:hover{ opacity:1;}

.privacy {
	font-family: 'Cambo', serif;
	text-transform:uppercase;
	color:#7c7773;
	font-size:16px;
	font-style:normal;
	padding:32px 0 80px 0;
	}
	
.privacy a {
	color:#7c7773;	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;}
		
.privacy a:hover {color:#b9d4bd;}
.privacy span { 
	color:#ff613e;
	font-size:30px;
	margin-top:-8px;
	display:inline-block;
	padding:0 6px;
	}

.fleft { float:left;}
.fleft>div { padding:0 60px 25px 0px;}
.fright { float:right;}
.green_text {
	font-family: Georgia ;
	font-size:14px;
	line-height:17px;
	margin:17px 0 2px 0;
	font-weight:800;
	}
.un_line:hover { text-decoration:underline; color:#64aacb;}

#toTop {
	background: url(../Images/to_top.png) no-repeat scroll 0px -1px transparent;
	background-color: #fb5868;
	-webkit-border-radius: 180px;
	-moz-border-radius: 180px;
	border-radius: 180px;
 	bottom: 62px;
    display: none;
    height: 44px;
    left: 41%;
    margin-left: 845px;
    position: fixed;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    width: 44px;
    z-index: 999;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#toTop:hover {background: url(../Images/to_top.png) no-repeat scroll  0px -1px transparent; background-color:#ffa170;}
/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) {

.bg  {max-width:800px;}
.video_block1 { width:100%;}
.video_block1 img{ width:100%;}
.bg_block1 span {font-size: 34px;line-height: 40px;}
.bg_block1 span img { margin-top:12px;}
.bg_block1 a {font-size:12px;}
.page4_block1 {padding: 0 120px 0 0;}
.map figure iframe {width: 100%;}

}
@media only screen and (max-width: 767px) {

.bg  {max-width:470px;}
.bg_block1 { padding-left:50px;}
.bg_block1 span {font-size: 43px; line-height: 52px;}
.bg_block1 span img { margin-top:20px;}
.bg_block1 a {font-size:16px;}
.fleft>div { padding:0 0px 25px 0px;}
.img-indent1{ width:100%; float:none;}
.img-indent1 img{ width:100%;}
.page4_block1 {padding:0px;}

}

@media only screen and (max-width: 479px) {

.bg  {max-width:340px;}
h1.logo a { width:180px;}
h3 {font-size: 28px;}
h5 {font-size:28px;}
}

@media only screen and (max-width: 320px) {
.bg  {width:100%;}

}
