@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,800,400italic);
/*@import url(https://fonts.googleapis.com/css?family=Martel+Sans:400,200,700);*/
/*============Genaral===========*/
html {
	height: 100%;
	width: 100%;
}
body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #6c341c;
	width: 100%;
	height: 100%;
}
div {
	box-sizing: border-box;
	outline: 0;
}
input, textarea, select {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
}
/*--Text--*/
h1 {
	margin: 0 0 0.7em 0;
	font-size: 2.8em;
	font-weight: 400;
}
h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.1em;
}
h3 {
	margin: 0 0 0.3em 0;
	font-size: 1.2em;
	font-weight: 400;
}
p {
	margin: 0 0 1em 0;
	font-size: 1em;
}
a {
	color: #6c341c;
	outline:none;
}
a:visited {
	color: #863919;
	outline:none;
}
a:link {
	outline:none;
}
/*--main--*/
#main {
	padding-top: 60px;
	height: inherit;
}
.page {
	padding-bottom: 70px;
	/*min-height: 500px;*/
	padding: 0 6%;
}
.page > span{
	position:absolute;
	/*top:-90px;*/
}
/*============Header===========*/
#header {
	height: 60px;
	position: fixed;
	top: 0;
	width: 100%;
	background-image: url(../images/top_BG.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 90px;
	z-index: 100;
	border-bottom: 2px solid #FFF;
}
/*logo*/
#header a.logo {
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 6%;
}
#header a.logo h1 {
	padding: 0;
	padding-top: 3px;
	margin: 0;
	color: #FFF;
	font-size: 34px;
	font-weight: 200;
	text-transform: uppercase;
	height: 60px;
}
#header a.logo h2 {
	font-weight: 100;
	padding: 0;
	margin-top: -16px;
	color: #FFF;
	font-size: 24px;
	text-transform: none;
	padding-top: 5px;
}
/*============Menu===========*/
#header nav {
	position: absolute;
	top: 0;
	right: 0;
	padding: 13px 45px 0 0;
}
#header nav a.mobile_menu{
	display:none;
}
header nav::after {
	content: '';
	clear: both;
}
#header nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header nav ul li {
	float: left;
}
#header nav ul li a {
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.1em;
	display: inline-block;
	text-decoration: none;
	padding: 6px 22px;
	position: relative;
	height: 32px;
}
#header nav ul li a:visited {
	color: #FFF;
}
#header nav ul li a:hover {
	/*background-color: rgba(0,0,0,0.3);*/
}
.selectedNav {
    background-image: url(../images/selected.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
/*============Sub Menu===========*/
.gallery_menu{
	cursor:pointer;
}
#header nav ul li div.subMenu{
	overflow: hidden;
	position: absolute;
	top: 60px;
	margin-left: -100px;
	height:0;	
}
#header nav ul li .subMenu_ul{
	width: 320px;
	text-align: center;
	position: relative;
}
#header nav ul li ul .subMenu_li{
	float: none;
	border-bottom: #FFF solid 1px;
	background-color: #381e14;
}
#header nav ul li ul .subMenu_li:hover{
	background-color: #692d12;
}
#header nav ul li ul .subMenu_li a{
	padding-top: 9px;
	padding-bottom: 2px;
}
/*============Home===========*/
#home {
	background-repeat: no-repeat;
	display: inline-block;
	height: 100%;
	width: 100%;
	background-image: url(../images/newHomeBG.jpg);
	background-position: bottom;
	background-size: 100% 38%;
	background-color: #000
}
.imageLoop {
	margin-top: 10px;
	height: 98%;
	overflow: hidden;
	float: right;
	width: 60%;
}
.imageLoop iframe {
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	display: inline-flex;
	position: relative;
}
.welcome {
	width: 330px;
	opacity: 0.7;
	margin-left: -25px;
	position: absolute;
	top: 30%;
}
.welcome p {
	font-size: 22px;
	line-height: 28px;
	color: #FFF;
	font-style: italic;
	text-align: center;
}
/*============Galery==============*/
#gallery {
	display: inline-block;
	position: relative;
	padding-bottom: 70px;
	min-height: calc(100% - 54px);;
	padding: 0 6% 100px 6%;
	width: 100%;
	background-color: #c7cfd1;
}
#gallery h1 {
	font-size: 36px;
	font-weight: 200;
	color: #855844;
	padding: 30px 0px 0px 0px;
}
.galleryNote{
	background-color:#563122;
	color:#FFF;
	padding:5px 50px 5px 20px;
	margin-bottom:20px;
	display:inline-block;
	border-radius:10px;
}
#gallery li {
	position: absolute;
	width: 237px;
	top: 0px;
	left: 0px;
}
.gallery_item {
	width: 22%;
	margin: 1%;
	background-color: #CCC;
	border-radius: 6px;
	min-height: 100px;
	display: inline-block;
	overflow: visible;
	padding: 10px;
}
.item_short {
	color: #6c341c;
	font-size: 12px;
	line-height: 16px;
}
/*==========About main==========*/
#about {
	position: relative;
	padding-bottom: 50px;
	background-color: #FFF;
	/*background-color: #efe7e4;*/
	min-height: 100%;
	display:inline-block;
	/*padding-right: 150px;*/
}
#about h1 {
	font-size: 44px;
	font-weight: 200;
	color: #6C341C;
	padding: 30px 0px 0px 0px;
	margin-bottom:10px;
}
#about .zviImg{
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	background: #FFF;
	float: right;
	border: 2px solid #C9C4C4;
	border-radius: 12px;
	padding: 7px;
	margin-left: 50px;
	margin-bottom: 15px;
}
#about img{
	width: 360px;
}
#about p {
	/*	max-width: 820px;*/
	margin-right: 10px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	font-size: 1.1em;
}
/*==========Contact main==========*/
#contact {
	position: relative;
	padding-bottom: 50px;
	background-color: #FFF;
	min-height: 95%;
}
#contact h1 {
	font-size: 44px;
	font-weight: 200;
	color: #6C341C;
	padding: 30px 0px 0px 0px;
}
form input, form textarea, form select {
	color: #666;
}
.contact_form, #confirmbox {
	margin-top: 0px;
	/*height: 308px;*/
	display: block;
	background-color: #FFF;
	text-align: left;
}
/* === Remove input autofocus webkit === */
*:focus {
	outline: none;
}
/* === Form Typography === */
.form_hint, .required_notification {
	font-size: 11px;
}
/* === List Styles === */
.contact_form ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
.contact_form li {
	padding: 7px;
	position: relative;
	clear: both;
}
/* === Form Header === */
.contact_form h2 {
	margin: 0;
	display: inline;
}
.required_notification {
	color: #d45252;
	margin: 5px 0 0 0;
	display: inline;
	float: left;
}
/* === Form Elements === */
.contact_form label {
	width: 80px;
	display: inherit;
	opacity: 0.8;
	float: left;
	height: 28px;
	padding: 7px 0px;
}
.contact_form input {
	height: 28px;
	width: 300px;
	padding: 7px 16px;
	color: #6C341C;
	opacity: 0.8;
}
.contact_form textarea {
	padding: 8px 25px 8px 8px;
	width: 450px;
	overflow: hidden;
	opacity: 0.8;
}
/* form element visual styles */
.contact_form input, .contact_form textarea {
	border: 1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 3px;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
	display: inline-block;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff;
	border: 1px solid #744D13;
	box-shadow: 0 0 3px #744D13;
	padding-left: 10px;
}
/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {
 background: #fff url(images/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
 background: #fff url(images/valid.png) no-repeat 98% center;
 border-color: #744D13;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
 background: #fff url(images/invalid.png) no-repeat 98% center;
 box-shadow: 0 0 5px #744D13;
 border-color: #744D13;
}
/* === Form hints === */
.form_hint {
	background: #b06c20;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-rigth: 8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color: #b06c20;
	position: absolute;
	top: 1px;
	rigth: -6px;
}
.contact_form input:focus + .form_hint {
	display: inline;
}
.contact_form input:required:valid + .form_hint {
background: #744D13;
}
.contact_form input:required:valid + .form_hint::before {
color:#744D13;
}
/* === Button Style === */
button.submit {
	background-color: #b06c20;
	background: -webkit-gradient(linear, rigth top, rigth bottom, from(#b06c20), to(#744D13));
	background: -webkit-linear-gradient(top, #b06c20, #744D13);
	background: -moz-linear-gradient(top, #b06c20, #744D13);
	background: -ms-linear-gradient(top, #b06c20, #744D13);
	background: -o-linear-gradient(top, #b06c20, #744D13);
	background: linear-gradient(top, #b06c20, #744D13);
	border: 1px solid #b06c20;
	border-bottom: 1px solid #b06c20;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #744D13;
	-webkit-box-shadow: 0 1px 0 0 #744D13 inset;
	-moz-box-shadow: 0 1px 0 0 #744D13 inset;
	-ms-box-shadow: 0 1px 0 0 #744D13 inset;
	-o-box-shadow: 0 1px 0 0 #744D13 inset;
	color: #FFF;
	padding: 5px 37px;
	text-align: center;
	text-shadow: 0 -1px 0 #b06c20;
	font-size: 1.2em;
	font-family: 'Open Sans',  Arial, sans-serif;
	margin-left: 80px;
}
button.submit:hover {
	opacity: .85;
	cursor: pointer;
}
button.submit:active {
	border: 1px solid #b06c20;
	box-shadow: 0 0 10px 5px #b06c20 inset;
	-webkit-box-shadow: 0 0 10px 5px #b06c20 inset;
	-moz-box-shadow: 0 0 10px 5px #b06c20 inset;
	-ms-box-shadow: 0 0 10px 5px #b06c20 inset;
	-o-box-shadow: 0 0 10px 5px #b06c20 inset;
}
footer{
	min-height:45px;
	background-image: url(../images/top_BG.jpg);
	background-position: top;
	background-size: 100% 90px;
	color:#FFF;
	padding:0 6%;
	padding-bottom: 8px;
}
footer span{
	display: inline-block;
	margin-top:10px;
}
footer #credit{
	display:none;/**/
	float:right;
	margin-left:15px;
	font-size:0.8em;
	padding-top:5px;
}
footer #credit a{
	color:#F90;
}
footer #admin{
	float:right;
	font-size:0.8em;
	padding-top:5px;
}
footer #admin a{
	#FFF;
	/*opacity:0.8;*/
}
/*================  GALLERY ITEM PAGE  =====================*/
#item_main {
	height: calc(100% - 90px);
}
.gradBG{
	width:100%;
	height:100%;
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	padding-top: 10px;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index:-100;	
}
#item_main .video-tag {
	/*background-color: #FFF;*/
	float: right;
	border: 2px solid #C9C4C4;
	border-radius: 12px;
	padding: 7px;
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	margin-left: 70px;
	margin-bottom: 10px;
}
#item_main .isWidth{
	width: 57%;
	margin-top: 1%;
}
#item_main .isHeight{
	height: 100%;
	text-align:center;
	margin-top: 1%;
}
/*#item_main video, .video-tag .image_insted, .image_insted img {
	height: 100%;
	width: 100%;
}
#item_main .isWidth video{ width:auto; }
#item_main .isHeight video{ height:auto; }*/
#item_main .isHeight video, .isHeight .image_insted,  .isHeight .image_insted img {
	height: 100%;
	width: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#item_main .isWidth video, .isWidth .image_insted,  .isWidth .image_insted img {
	height: auto;
	width: 100%;
}
#item_main .content {
	width: 86%;
	min-width: 300px;
	font-size: 14px;
	color: #6c341c;
	line-height: 22px;
	margin-bottom: 50px;
}
#item_main .content p{
	font-size: 1.1em;
}
/*#item_main .content h2 {
	word-wrap: normal;
	min-width: 300px;
	font-size: 20px;
	font-weight: 600;
}*/
#item_main .content h2 {
	font-size: 28px;
}
#item_main .content span {
/*	font-size: 12px;*/
	opacity: 0.9;
	display: block;
	line-height: 18px;
}
.closeBTN {
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 7000;
	width: 70px;
	height: 70px;
	background-image: url(../images/closeBTN.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.closeBTN:hover {
	background-repeat: no-repeat;
	background-position: center bottom;
}
.galleryNav {
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #efeaea;
	margin-bottom: 60px;
}
.nextBTN {
	cursor: pointer;
	float: right;
	z-index: 7000;
	width: 100px;
	height: 50px;
	background-image: url(../images/nextBTN.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.prevBTN {
	cursor: pointer;
	float: left;
	z-index: 7000;
	width: 100px;
	height: 50px;
	background-image: url(../images/prevBTN.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.nextBTN:hover, .prevBTN:hover {
	background-position: center bottom;
}

/*======================================================================*/
/*///////////////////////////   MEDIA    ///////////////////////////////*/
/*======================================================================*/

@media screen and (max-width: 975px){
	.container {
		width: 72% !important;
	}
	.containerS {
		width: 27% !important;
	}
	
}
@media screen and (max-width: 480px){
	.container {
		width: 60% !important;
	}
	.containerS {
		width: 39% !important;
	}
}
@media screen and (max-width: 960px) /*and (orientation: portrait)*/ {
	#header a.logo h1 {
		font-size: 30px;
	}
	#header{
		height: auto;
	}
	#header nav {
    	position: relative;
		padding:90px 0 0 0;
		height:0px;
		overflow:hidden;
	}
	#header nav a.mobile_menu{
		display:block;
		opacity:0.7;
		background-image: url(../images/icon_menu.svg);
   		background-repeat: no-repeat;
   		background-position: 0 0;
		background-size:contain;
		width:32px;  height:32px;
		position:absolute;  top:15px; right:6%;
	}
	#header nav ul li {
		float:none;
		background-color:#000;
		border-top:1px solid #FFF;
		text-align:center;
	}
	#header nav ul li:hover {
		background-color:#2A1408;
	}
	#header nav ul li a{
		font-size: 1.2em;
		padding:15px 0;
		display:block;
	}
	.selectedNav{
		background-image: none;
	}
/*============Sub Menu===========*/
#header nav ul li div.subMenu{
	position: relative;
	top: 0px;
	margin-left: 0px;	
}
#header nav ul li .subMenu_ul{
	background-color: #843a15;
	width: auto;
}
#header nav ul li ul .subMenu_li{
	border-bottom: none;
	background-color: #381e14;
}
#header nav ul li ul .subMenu_li a{
	padding-top: 12px;
	padding-bottom: 6px;
}
/*===================*/
	.imageLoop {
		/*overflow:visible;*/
		float: none;
width: 88%;
height: 75%;
bottom: 50px;
position: absolute;
	}
	.imageLoop iframe {
		width:100%;
		left:auto;
		top: 3%;
/*		height: auto;*/
	}
	.welcome {
		width: 100%;
		/*opacity: 1;*/
		margin-left: 0;
		position:static;
		top:auto;
		margin: 5% auto 0 auto;
	}
	.welcome p{
		font-size:18px;
		line-height: 24px;
		margin-top: 50px;
	}
	#about {
		/*padding-right: 20px;*/
	}
	#about .zviImg{
		/*float:none;
		margin-left:0;*/
	}
	#about img{
		width: 280px;
	}
	/**/
	.contact_form li {
    	padding: 0;
	}
	.contact_form input {
		height: 25px;
		width: 270px;
		padding: 5px 6px;
	}
	.contact_form textarea {
   		 width: 250px;
	}
	button.submit {
		padding: 10px 45px;
		font-size:22px;
	}
	button.submit {
		margin-top:20px;
	}
	#gallery h1 {
    font-size: 28px;
	margin-top:5px;
	}
	/*====ItemPage===*/
	#item_main .video-tag {
		width:100%;
		margin-left:auto;
		float:none;
		margin-bottom: 30px;
		max-width: 100%;
		margin-top: 60px;
	}
	video, .isHeight .image_insted, .isHeight .image_insted img {
    height: auto;
    width: 100%;
	}
	.galleryNav {
		position: absolute;
    	top: 95px;
    	width: 88%;
    	border-bottom: 1px solid #efeaea;
	}
	
}
@media screen and (max-width: 960px) and (orientation: portrait) {
	footer #admin a{
		display:none;
	}
	.imageLoop {
		height: 50%;
		bottom: 50px;
	}
	#about .zviImg{
		float:none;
		margin:0 8% 20px 8%;
	}
	#about img{
		width: 100%;
	}
	.galleryNote{
		padding:5px 10px 5px 10px;
		width: 100%;
	}
	#item_main .isHeight video /*.isHeight .image_insted, .isHeight .image_insted img*/ {
		height: auto;
		width: 100%;
	}
	#item_main .isHeight {
		height: auto;
	}
	.isHeight video{
		min-height:250px;
		max-height:550px;
	}
	#header nav a.mobile_menu{
		margin-top: 30px;
	}
}
	
	
/*==========================================*/
/*================  A. AREA  ================*/
/*==========================================*/
.admin_page{
	margin-top: 10px;
/*	margin-left: 6%;
	margin-right: 6%;*/
}
.catMenu a{
	padding: 10px;
	background-color: #f5d9a5;
	border-radius: 5px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.catMenu{
	clear:both;
}
.admin_page .notactive{
	opacity: 0.3;
	background-color: #f0ede9;
}
.admin_page .container .notactive::before, .admin_page .containerS .notactive::before{
	content:"NOT ACTIVE";
	position:absolute;
	z-index:2000;
	background: red;
	color: #FFF;
	width: 100%;
	left: 0px;
	text-align: center;
}
.admin_page .container li::after, .admin_page .containerS li::after{
	content: "EDIT";
	position: absolute;
	z-index: 2000;
	background: #21756f;
	color: #FFF;
	bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 20px;
}
.admin_page form{
}
.admin_page td{
	padding:3px;
}
.admin_page .error{
	color: red;
}
.admin_page .error li{
	color: #6c341c;
}
.admin_page .uploades {
	padding-left:50px;
	margin-left: 50px;
	margin-top: 40px;
	border-left:1px solid #960;
	height: 445px;
	float:left;
}
.admin_page .uploades input{
	border:1px solid #999;
	font-size: 14px;
	font-family: arial;
	line-height: 20px;
	padding:5px;
}

.admin_page .uploades td{
	padding-bottom: 20px;
}
.admin_page select {
	font-size: 14px;
	font-family: arial;
	line-height: 20px;
	padding:5px;
}
.admin_page select#position {
	margin-top:10px;
	padding: 8px;
	border: 1px solid #999;
	background-color: #eee;
}
.admin_page input[type="text"], .admin_page #password {
	font-size: 14px;
	font-family: arial;
	line-height: 20px;
	padding:5px;
}
.admin_page textarea{
	font-size: 14px;
	font-family: arial;
	line-height: 20px;
	padding:5px;	
}
.admin_page input[type="submit"] {
	background-color:#6c341c;
	color:#FFF;
	padding:7px 15px;
	font-size:18px;
	border:none;
	float:right;
	cursor:pointer;
}
.admin_page input[type="submit"]:hover {
	background-color:#7d442c;
}
.admin_page input[type="button"] {
background-color: rgb(225, 190, 188);
color: rgb(255, 255, 255);
padding: 7px 15px;
font-size: 18px;
border: medium none;
float: left;
cursor: pointer;
}
.admin_page input[type="button"]:hover {
	background-color: rgb(243, 23, 11);
}
 #overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            background: #999;
            width: 100%;
            height: 100%;
            opacity: 0.8;
            z-index: 100;
			display:none;
        }
        #popup {
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            width: 500px;
            height: 260px;
            margin-left: -250px; /*Half the value of width to center div*/
            margin-top: -250px; /*Half the value of height to center div*/
            z-index: 200;
			display:none;
        }
        #popupclose {
            float: right;
            padding: 10px 20px;;
            cursor: pointer;
			color:#FFF;
			background-color:rgb(33, 117, 111);
			font-size:20px;
			font-weight:bold;
			border:2px solid #FFF;
        }
		.popupcontent{
			clear:both;
			padding:0 20px 20px 20px;
			text-align:center;
		}
		.popupcontent h2{
			background-color:#FFF;
			color:#F00;
		}
		.popupcontent input[type="button"] {
background-color: red;
color: rgb(255, 255, 255);
padding: 7px 15px;
margin-top:20px;
font-size: 18px;
border: medium none;
cursor: pointer;
}