@font-face {
  font-family: 'SFNewRepublicSC';
  src: url('../fonts/SFNewRepublicSC.eot?#iefix') format('embedded-opentype'),  url('../fonts/SFNewRepublicSC.woff') format('woff'), url('../fonts/SFNewRepublicSC.ttf')  format('truetype'), url('../fonts/SFNewRepublicSC.svg#SFNewRepublicSC') format('svg');
  font-weight: normal;
  font-style: normal;
}


img
{
	display: block;
	margin: 0px;
}

.content_title
{
	position: absolute;
	padding: 50px 40px 50px 80px;
	background-color: #FFF;
	z-index: 100;
	font-size: 22px;
	margin-left: -60px;
	-webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
}

.content_title .text
{
	-webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
	-moz-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
	-ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
	transform: translate3d(0, 0, 0) skew(20deg, 0deg);
}

.content_slider
{
	width: 100%;
	overflow: hidden;
}

.gallery_content
{
	overflow: hidden;
	margin-left: -170px;
	
}

#galleryContent {position: absolute; width: 100%; top: 50%; -webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
	-moz-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
	-ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg);
	transform: translate3d(0, 0, 0) skew(20deg, 0deg);
	text-align: center; margin-top: -140px;}

.gallery_down {z-index: 0;}

#logo {width: 180px; height: 70px; background-size: 180px 70px !important; background: url(../images/logo.png); margin-left: auto; margin-right: auto;}
#contactSepTop {width: 100%; height: 15px; background: url(../images/contactTop.png) center center no-repeat;}
#contactSepBot {width: 100%; height: 15px; background: url(../images/contactBot.png) center center no-repeat;}
#contactCont {padding-top: 20px; padding-bottom: 20px; font-family: 'SFNewRepublicSC';}
#contactCont h3 { color: #000;}
#contactMail {color: #000; text-decoration: none;}
#contactSocial {padding: 15px 0px;}
#contactSocial a#twitter {width: 49px; height: 55px; display: inline-block; background: url(../images/icnTwitter.png);}
#contactSocial a#facebook {width: 49px; height: 55px; display: inline-block; background: url(../images/icnFacebook.png);}
p { font-family: 'SFNewRepublicSC'; text-transform: uppercase;}
#mobile {display: none;}

.gallery_item
{
	float: left;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	width: 14.285%;
	height: 100%;
	z-index: 100;
	margin-left: -2px;
	-webkit-transition: width 500ms;
	-moz-transition: width 500ms;
	-o-transition: width 500ms;
	transition: width 500ms;
	-webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
}

.gallery_item.image1 {background: url(../images/01.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image2 {background: url(../images/02.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image3 {background: url(../images/03.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image4 {background: url(../images/04.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image5 {background: url(../images/05.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image6 {background: url(../images/06.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image7 {background: url(../images/07.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image8 {background: url(../images/08.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image9 {background: url(../images/09.jpg) top right no-repeat; background-size: cover;}
.gallery_item.image10 {background: url(../images/10.jpg) top right no-repeat; background-size: cover;}
/* XS */
@media (max-width: 767px) {
#text {display: block !important; position: absolute; width: 100%; top: 50%; z-index: 99000 !important; width: 200px; background: #fff; padding: 20px; margin-left: -120px; left: 50%; margin-top: -120px; text-align: center; font-size: 0.8em !important;}
.gallery_down {display: none !important;}
#contactSepTop {display: none}
#contactSepBot {display: none}
#contactCont {padding: 5px 0px !important;}
}

@media (min-width: 768px) {
	#textCont {width: 250px; position: absolute; height: 280px; margin-top: -140px; top: 50%; z-index: 1000; -webkit-transform: translate3d(0, 0, 0) skew(20deg, 0deg); -moz-transform: translate3d(0, 0, 0) skew(-0deg, 0deg); -ms-transform: translate3d(0, 0, 0) skew(20deg, 0deg); transform: translate3d(0, 0, 0) skew(20deg, 0deg); text-align: center; left: 8%;}
#text {position: absolute; -webkit-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-moz-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	-ms-transform: translate3d(0, 0, 0) skew(-20deg, 0deg);
	transform: translate3d(0, 0, 0) skew(-20deg, 0deg); z-index: 8999; width: 300px; left: 50%; top: 0px; height: 100%; background: #fff; margin-left: -150px;}
	#logo {position: relative; margin-left: 50px;}
p {text-align: left; padding-top: 10px;}
}