/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');

/* === prettify === */
@import url('../js/google-code-prettify/prettify.css');
/* === fontawesome === */
@import url('font-awesome.css');
/* === custom icon === */
@import url('custom-fonts.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');
/* ===================================
1. General
==================================== */

body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6em;
	color: #5F5854;
	background-repeat: no-repeat;
	background-image: url(../img/bg.jpg);
	background-position: center top;
}
.hidethis {
	display: none;
}
a:active {
	outline: 0;
}
.linkbtn {
	color: #FFF;
	background-color: #433123;
	width: 280px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	margin-top: 8px;
	line-height: 36px;
	text-decoration: none;
}
.linkbtn a {
	color: #FFF;
}
.linkbtn a:hover {
	color: #FFF;
	background-color: #6F5039;
	width: 280px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;


}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	color: #5F5854;
	margin-bottom: 20px;
}
h2 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	line-height: 1.1em;
	color: #5F5854;
	margin-left: 60px;
}
img {
	border-radius: 12px;
	overflow: visible;
}
.wrapit {
	margin-right: auto;
	margin-left: auto;
}
.subtitle {
	border-radius: 12px;
	background-color: #847B76;
	color: #fff;
	padding: 4px;
	font-size: 18px;
	font-weight: normal;
	width: auto;
	letter-spacing: 2px;
	margin-bottom: 18px;
}
.centerthis {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.gallery {
	background: #847B76;
	color: #847B76;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
/* ===================================
2. layout
==================================== */

.container {
	position: relative;
	padding: 12px;
}
.row, .row-fluid {
	margin-bottom: 30px;
}
#featured {
	width: 100%;
	background: #847B76;
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFF;
}
#featured h2 {
	color: #FFF;
}
#featured .flexslider {
	padding: 0;
	margin: 50px 0 30px;
	background: #fff;
	position: relative;
	zoom: 1;
}
.flex-caption {
	background: none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	zoom: 1;
}
.flex-caption {
	bottom: 35px;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	margin: 0;
	padding: 25px 25px 25px 30px;
	position: absolute;
	right: 0;
	width: 295px;
}
.flex-caption h3 {
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 8px;
	text-transform: uppercase;
}
#content {
	position: relative;
	background: #fff;
	padding: 50px 0 40px 0;
}
#content img {
	max-width: 100%;
	height: auto;
}
.box {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	background-image: url(../img/bgbox.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 20px 20px 30px;
	border: 4px solid #847B76;
	margin-bottom: 12px;
}
.box-white {
	color: #5F5854;
	font-weight: bold;
	margin-bottom: 12px;
}
.box-ref {
	color: #5F5854;
	font-weight: normal;
	margin-bottom: 12px;
}
.box-ref p {
	font-weight: normal;
}
.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}
.item-thumbs a + img {
	width: 100%;
}
.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;
	-moz-transition: all 450ms ease-out 0s;
	-o-transition: all 450ms ease-out 0s;
	transition: all 450ms ease-out 0s;
	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);
	transform: rotateY(180deg) scale(0.5, 0.5);
}
.item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotateY(0deg) scale(1, 1);
	-moz-transform: rotateY(0deg) scale(1, 1);
	-ms-transform: rotateY(0deg) scale(1, 1);
	-o-transform: rotateY(0deg) scale(1, 1);
	transform: rotateY(0deg) scale(1, 1);
}
.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
	top: 3px;
}
.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}
.map {
	position: relative;
	margin-top: -50px;
	margin-bottom: 40px;
}
.map iframe {
	width: 100%;
	height: 450px;
	border: none;
}
footer {
	padding: 12px;
	color: #f8f8f8;
	background-color: #847B76;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #eee;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	color: #fff;
}
footer h5 a:hover, footer a:hover {
	text-decoration: none;
}
.aligncenter {
	text-align: center;
}
.aligncenter {
	text-align: center;
}
.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 20px;
	background: #222;
}
a.scrollup {
	outline: 0;
	text-align: center;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
	opacity: 1;
	text-decoration: none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration: none;
}


/* --- Image allignment style --- */
/* =============================
21. Media queries 
============================= */

@media (min-width: 768px) and (max-width: 979px) {
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	margin-left: 0px;
 margin-right:0px:
}
}
 @media (max-width: 767px) {
body {
	padding-right: 0;
	padding-left: 0;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	margin-left: 0px;
 margin-right:0px:
}
.box {
	border: 2px solid #847B76;
	padding-bottom: 20px;
	margin-bottom: 12px;
}
footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12 {
	margin-bottom: 20px;
}
 [class*="span"] {
 margin-bottom:20px;
}
}
 @media (max-width: 480px) {
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	margin-left: 0px;
 margin-right:0px:
}
.flexslider .flex-caption {
	display: none;
}
}
 @media (max-width: 360px) {
}