/*!
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.1.0
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2013 Jeremy Martin (jmar777)
 *  Contributors: Duke Speer (Duke3D)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */
 @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300);
 body{background:#000; margin:0px;}
.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}

#top-links{
	float:right;
	position:absolute;
	top:22px;
	right:125px;
	z-index:1;
	animation:fadein 1s;
	-webkit-animation:fadein 1s;
}
#top-links ul{list-style:none;}
#top-links ul li{margin-left:15px; color:#858184; font-size:12px; border-bottom:1px solid #858184; float:left;}
#top-links ul li a{text-decoration:none;color:#858184; text-transform:uppercase;font-family:Futura-Book,Arial,sans-serif; font-size:12px;}


.p-name{
	position:absolute;
	top:51%;
	width:233px;
	text-align:center;
	background:url(images/vector1.png) no-repeat center bottom;
	padding-bottom:0px;
}
#panel-1:hover .image-overlay  {display:block;}
#panel-1:hover .image2  {display:block;}
#panel-1:hover .p-name {display:none;}
#panel-3:hover .new4  {display:block;}

#panel-2:hover .image-overlay  {display:block;}
#panel-2:hover .image2  {display:block;}
#panel-2:hover .p-name {display:none;}

#panel-4:hover .image2  {display:block;}
#panel-4:hover .image-overlay  {display:block;}
#panel-4:hover .p-name {display:none;}

#panel-5:hover .image2  {display:block;}
#panel-5:hover .image-overlay  {display:block;}
#panel-5:hover .p-name {display:none;}



.name{
	margin:10px 5px;
	padding:15px 0 15px 0;
	background:url(images/vector.html) no-repeat center bottom;
	text-align:center;
}
.name a{ color:#D2AE6D;font-family:'Roboto', sans-serif; font-size:12px; text-decoration:none;}
.image-overlay{width:100%; height:768px; position:absolute;top:20%; text-align:center; display:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.image-overlay .name{text-align:center; margin:5px 0; padding:5px 0 25px 0;background:url(images/vector1.png) no-repeat center bottom; color:#D2AE6D; }
.image-overlay .name a{color:#D2AE6D;  text-decoration:none; text-transform:uppercase;font-size:16px; font-family:'Roboto', sans-serif;}
.logo{display:none;}
.footer-items{position:absolute;width:100%;text-align:center;background:url(images/transparent1.png) repeat-x center bottom; height:36px; bottom:0px; color:#D2AE6D; line-height:36px; font-family:'Roboto+Slab', sans-serif; font-size:15px; font-weight:100;}
.footer-items a{color:#D2AE6D; text-decoration:none;}

.footer-items2{position:absolute;width:100%;text-align:center;background:url(images/transparent1.png) repeat center bottom; height:50px; bottom:36px; color:#D2AE6D; line-height:20px; padding:10px 0 0 0; font-family:'Roboto+Slab', sans-serif; font-size:10PX; font-weight:100; border-top:1px solid #D2AE6D; border-bottom:1px solid #D2AE6D; display:none; }
.footer-items2 a{color:#D2AE6D; text-decoration:none;}

.showLoading{height:100%;position:fixed;width:100%;background:#000;z-index:100000}
.wrapper{width:1400px;margin:0 auto; animation:fadein 1s; -webkit-animation:fadein 1s;height:100vh;}
@keyframes fadein{0%{opacity:0;} 60%{opacity:0} 100%{opacity:1}}
@-webkit-keyframes fadein{0%{opacity:0;} 60%{opacity:0} 100%{opacity:1}}

@media (min-width:1031px) and (max-width:1460px)
{
	#top-links{right:30px;}
	.wrapper{width:100%;}	
}
@media (max-width:1030px)
{
.wrapper{width:100%;}	
.logo1{max-width:80%;}
.image-overlay{width:100%; height:768px; position:absolute;top:22%; text-align:center; display:none; transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out;}
.p-name{position:absolute; top:51%;width:170px;text-align:center; background:url(images/vector1.png) no-repeat center bottom; padding-bottom:0px;}
#top-links{right:30px;}
}