@import url('reset.css');
body{
	background:#000;
	color:#000;
	font-family: 'Terminal Dosis Light', Arial, sans-serif;
	font-size:16px;
}
/*  W E B   F O N T S  */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  C O M M O N  */
a{ color:#AD494C; text-decoration:underline;}
a:hover{ text-decoration:none;}
span {color:#AD494C;}

/*  T R A N S I T I O N  */
.bf_content_text2 input, .bf_content_text2 textarea, .bf_content_text ul li a img, h1.title a{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*  B O R D E R   R A D I U S  */
.bf_content_text2 input, .bf_content_text2 textarea	{border-radius: 3px;}


/*  C O N T E N T  */
.bf_background img{
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	cursor:url(../images/cursor_min.cur), pointer;
}
.bf_overlay{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:transparent url(../images/bg_black.png) repeat top left;
	opacity:0.5;
}

.bf_menu{
	background:transparent url(../images/pattern.png) repeat top left;
	width:300px;
	left:0px;
	top:0px;
	height:143px;
	position:fixed;
}

h1.title{
	padding:20px 20px 20px 20px;
	background:#000;
	color:#fff;
	height:103px;
	text-transform:uppercase;
	font: 28px BebasNeueRegular;
}

h1.title a{
	color:#fff;
	text-decoration:none;
	top:0px;
	position:relative;
}

h1.title a:hover {
	color:#AD494C;
    top: 0.2rem;
}

h1.title span{
	color:#cccccc;
	display:block;
	font-size:16px;
	text-transform:lowercase;
	font-family: 'PT Sans Narrow',Arial,sans-serif;
	margin:-4px 0px 0px 0px;
}

h1.title a:hover span {
	opacity:0.5;
}

.bf_menu ul{
	display:block;
	margin-top:45px;
}
.bf_menu ul li{
	display:block;
}
.bf_menu ul li a{
	color:#fff;
	font-size:30px;
	text-decoration:none;
	text-shadow:0px 0px 1px #fff;
	line-height:50px;
	padding:0px 20px 0px 30px;
	display:block;
	position:relative;
	margin:5px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}
.bf_menu ul li a span.bf_hover{
	background:transparent url(../images/bg_black.png) repeat top left;
	opacity:0.1;
	position:absolute;
	width:0px;
	height:0px;
	top:50%;
	left:0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
}
.bf_menu ul li a:hover span.bf_hover{
	height:100%;
	width:100%;
	margin-top:-25px;
	opacity:1.0;
}
.bf_menu ul li a span{
	position:relative;
	color:#ffffff;
}
.bf_page{
	display:none;
}

/*   B L A C K B O X    V E R T I C L E  */
.bf_content_text{
	width:300px;
	position:fixed;
	top:142px;
	left:300px;
	height:100%;
	background:transparent url(../images/bg_black.png) repeat top left;
}

.bf_content_text h2{
	padding:30px 20px 5px 20px;
	color:#fff;
	font-size:30px;
	text-shadow:0px 0px 1px #fff;
}
.bf_content_text p{
	padding:5px 20px;
	font-size:17px;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	color:#fff;
}
.bf_content_text ul{
	margin: 20px 0px 0px 24px;
}
.bf_content_text ul li{
	float:left;
}
.bf_content_text ul li a{
	display:block;
	margin:4px;
}
.bf_content_text ul li a img{
	display:block;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
	opacity:0.7;
}

.bf_content_text ul li a:hover img{
	opacity:1.0;
}

/*   B L A C K B O X    H O R O Z O N T A L  */
.bf_content_text2{
	width:90%;
	position:fixed;
	top:142px;
	left:300px;
	min-height:300px;
	padding:0 0 25px 0;
	background:transparent url(../images/bg_black.png) repeat top left;
}

.bf_content_text2 h2{
	padding:30px 20px 5px 20px;
	color:#fff;
	font-size:30px;
	text-shadow:0px 0px 1px #fff;
}

.bf_content_text2 p{
	padding:5px 20px;
	font-size:17px;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	color:#fff;
}

.bf_content_text2 form {
	float:left;
	width:330px;
}

.bf_content_text2 label{
	padding:15px 0 0px 20px;
	display:block;
	font-size:17px;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	color:#AD494C;
}

.bf_content_text2 input {
	display:block;
	width:260px;
	cursor:pointer;
	font-size:20px;
	padding:4px;
	margin:0 0 0 20px;
	color:#000000;
	border:1px solid #AD494C;
	background-color:#FFFFFF;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	letter-spacing:1px;
	opacity:0.5;
}

.bf_content_text2 input:focus {
	width:298px;
	font-weight:bold;
	color:#fff;
	opacity:1.0;
	background-color:transparent;
}

.bf_content_text2 textarea {
	display:block;
	width:298px;
	cursor:pointer;
	font-size:19px;
	height:50px;
	padding:4px;
	margin:0 0 0 20px;
	color:#000000;
	border:1px solid #AD494C;
	background-color:#FFFFFF;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	letter-spacing:1px;
	opacity:0.5;
}

.bf_content_text2 textarea:focus {
	height:100px;
	color:#fff;
	opacity:1.0;
	border:1px solid #AD494C;
	background-color:transparent;
}

.bf_content_text2 #contactsend {
	float:right;
    background-color: #BE3C14;
	border:1px solid #000000;
    color: #FFFFFF;
    cursor: pointer;
	font: 18px 'Terminal Dosis Light',Arial,sans-serif;
	opacity:1.0;
    margin: 15px 0 0 20px;
    padding: 8px 15px;
    width: 205px;
}
.bf_content_text2 #contactsend:focus, .bf_content_text2 #contactsend:hover {
	opacity:0.7;
}

/*   G A L L E R Y  */
.bf_gallery{
	display:none;
}
.bf_nav a{
	width:72px;
	height:140px;
	position:fixed;
	top:50%;
	margin-top:-70px;
	cursor:pointer;
	opacity:0.3;
	z-index:999;
}
a.bf_close{
	top:10px;
	right:10px;
	background:transparent url(../images/close.png) no-repeat center center;
	position:fixed;
	width:40px;
	height:40px;
	cursor:pointer;
	opacity:0.3;
	z-index:999;
}
.bf_nav a:hover, a.bf_close:hover{
	opacity:0.9;
}
.bf_nav a.bf_next{
	background:transparent url(../images/next.png) no-repeat center center;
	right:-72px;
}
.bf_nav a.bf_prev{
	background:transparent url(../images/prev.png) no-repeat center center;
	left:-72px;
}
.bf_gallery_wrapper{
	top:50%;
	left:50%;
	position: fixed;
	width: 500px;
	height: 250px;
	margin: -125px 0px 0px -260px;
	color:#fff;
}
.bf_gallery_item{
	position:absolute;
	display:none;
	height:440px;
	width:560px;
	top:-95px;
	left:-20px; /*480px to slide from right, -520px to slide from right*/
	display:none;
}
.bf_gallery_item img{
	position:absolute;
	top:95px;
	height:250px;
	width:500px;
	left:20px;
	z-index:9;
	cursor:url(../images/cursor_full.cur),  ne-resize;
}
.bf_heading,
.bf_desc{
	position:absolute;
	height:250px;
	width:500px;
	text-shadow:1px 1px 1px #000;
	background:transparent url(../images/bg_black.png) repeat top left;
	-moz-border-radius:0px 100px 0px 100px;
	border-radius:0px 100px 0px 100px;
}
.bf_heading{
	top:95px;/*top:0px;*/
	left:20px /*left:0px;*/
}
.bf_heading h2{
	position:absolute;
	top:20px;
	left:20px;
	font-size:56px;
	line-height:66px;
}
.bf_desc{
	bottom:95px; /*bottom:0px;*/
	right:40px /*right:0px;*/
}
.bf_desc p{
	position:absolute;
	bottom:20px;
	right:20px;
	font-size:30px;
	line-height:66px;
}
/* Footer Style */
.bf_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	background:#000;
	opacity:0.9;
	height:20px;
	padding-bottom:5px;
	text-transform:uppercase;
	z-index:4;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
}
.bf_footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.bf_footer a:hover{
	color:#fff;
}
.bf_footer a span{
	font-weight:bold;
}
.bf_footer a.bf_left{
	float:left;
}

/*   B A C K G R O U N D   S L I D E S H O W   */
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
/*
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
*/

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 60s linear infinite 0s;
    -moz-animation: imageAnimation 60s linear infinite 0s;
    -o-animation: imageAnimation 60s linear infinite 0s;
    -ms-animation: imageAnimation 60s linear infinite 0s;
    animation: imageAnimation 60s linear infinite 0s; 
}

.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/1.JPG) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}