/* CSS Document */
body{background:linear-gradient(90deg, black 20%, #BFA642 20%);margin:0;padding:0; font-family:"Times New Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#container{max-width:1800px; margin:0 auto;text-align:center;height:100vh;}
#container>div:not(.image), #container>nav{display:inline-block;vertical-align:top;}
#full-background{width:80%;height:100vh;position:absolute;right:0;z-index:-1; transition:background 2s linear; background-repeat:no-repeat;}
#full-background.owl{background:url(images/Photo1.jpg) no-repeat; background-size:cover;}
#full{width:80%;height:100vh;margin-left:-8px;}
#full .owl-carousel{
	padding:5px;
}
.owl-carousel .item{
	max-height:80vh;
	min-height:30vh;
	padding:0;
	max-width:300px;
	background:#FFF;
	overflow:auto;
}
.owl-carousel .item h1{
	text-align:left;
	margin:30px 20px 0px 30px;
	width:60%;
	font-size:20px;
	line-height:28px;
}
.owl-carousel .item h1:after{
	display:block;
	content:"\25BC";
	position:relative;
	margin-top:10px;
	margin-bottom:-20px;
	z-index:10;
	color:#FFF;
	font-size:28px;
}
.owl-carousel .item p{
	margin:15px;
	text-align:justify;
	font-size:14px;
	line-height:22px;
}
.owl-nav > div{display: inline-block; margin:0 4px; font-weight: bold; font-size: 16px; padding:4px 8px 0px 8px; color:#BFA642; border-radius: 5px; background: #000;}
.owl-dot > span{border: 1px solid black; background: #BFA642 !important;}
.owl-dot > span:hover{background: #FFF !important;}
.owl-dot.active > span {background: #FFF !important;}
#left{width:30%;overflow:hidden;background:#000;height:100%;padding:0;}
#right{width:50%;text-align:left;padding:0px;}
#right>div{overflow-y:auto;height:100vh; display:block !important;}
#right .logo{display:inline-block; margin:50px 10px 0px 30px; float:left;}
#right p{padding:0px 25px; font-size:16px; line-height:24px; margin:10px 0; display:block;}
#right p.header{margin:50px 25px 5px 0px; font-weight:bold;}
#right a{text-decoration:none; font-weight:bold; color:#333}
#right h1{ text-align:center; display:block;margin:50px auto 35px auto; max-width:490px; font-size:20px; line-height:30px;font-weight:bold;}
#right h1:before{content:url(images/decoration-top.png);display:block;}
#right h1:after{content:url(images/decoration-bottom.png);display:block;margin-top:5px;}
#right p.action{clear:both; font-size:14px; line-height:24px;margin-top:35px;margin-bottom:-20px;}
#right h2{padding:0px 25px; font-size:20px; line-height:28px; margin:20px 0 10px; display:block;}
#right h3{padding:0px 25px; font-size:16px; line-height:22px; margin:-5px 0; display:block;}
#right div.form input[type=text], #right div.form textarea{
	color:#3c3c3c;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color:rgba(250,250,250,0.5);
	padding: 13px 13px 13px 13px;
	width:80%;
	margin:10px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  	border: 3px solid rgba(0,0,0,0);
}
#right div.form input[type=text]:focus, #right div.form input[type=submit]:focus, #right div.form textarea:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #AF9632;
	color: #7F6602;
	outline: none;
}
#right div.form input[type=submit]{
	color:#BFA642;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color:rgba(0,0,0,1);
	padding: 10px;
	width:150px;
	margin:10px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  	border: 3px solid rgba(0,0,0,0);
}
#right div.form input[type=submit]:hover{
	background: #7F6602;
	color:#fff;
	cursor:pointer;
}
nav{color:#FFF;background:#000;width:19%;height:100vh;}
nav ul{list-style:none;display:block;margin:0px auto; width:100%; max-width:200px; text-align:left;padding:0;overflow-y:auto;height:100vh;}
nav ul li img#logo{ max-height:200px; max-width:100%;margin-bottom:100px;}
nav ul li{text-decoration:none; font-size:22px; line-height:33px; min-height:33px; color:#BFA642;}
nav ul li a{text-decoration:none; color:#BFA642; margin:0 0 15px 5px;}
nav li.languages{font-size:18px; margin:15px 0;}
nav li.social{bottom:20px; position:absolute;}
nav li.social img{margin:5px 5px 5px 0; width:30px; height:30px;}
a:hover, a.active{color:#FFF;}
.image{width:100%;height:33vh;background:#000;display:block;padding:0;overflow:hidden;position: relative;}
.image:first-child{height:34vh;}
.image.full{min-height:100vh;transition:background 1.3s ease-out;}
.image img{width:100%;min-height:100%;margin:auto;top:-100%; left:-100%; right:-100%; bottom:-100%;position: absolute;}
.image.full img{min-width:100%; width:auto;}
@media screen and (max-width: 899px), screen and (max-height: 650px){
	nav ul li img#logo{margin-bottom:20px;}
	nav ul li a{font-size:16px; line-height: 24px;}
	#container nav li.social{position:relative;margin-top:40px;}
}
@media screen and (max-width: 799px){
	#left{display:none !important;}
	#container nav{width:30% !important;}
	#container nav li.social{position:relative;margin-top:40px;}
	#right, #full{width:65% !important;}
	nav ul li img#logo{margin-bottom:20px;}
	nav ul li a{font-size:14px; line-height:22px;}
}