@charset "utf-8";
/* CSS Document */


/*
  google fonts   [imported]
  supersized     [imported]
  twitter ticker [imported]
  google maps    [imported]
  fonts
  reset
  supersized
  general
  intro
  countdown
  countdown animation
  layout
  curtains
  left top
  right top
  left bottom
  contact
  right bottom
  social icons
  header
  header background
  footer
  footer background
  newsletter form
  dividers
  extras
  effect 6
*/


/* google fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);
/* supersized */
@import url('../theme/supersized.shutter.css');
/* twitter ticker */
/*@import url('../twitter/jquery.tweet.css');*/
/* google maps */
/*@import url('../gmaps/gmaps.css');*/


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

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

}


/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

html, body {
height: 100%;
}

body {
line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

*:focus {  
outline: none;
}


/* supersized */
img { border: none; }
#supersized-loader { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../images/supersized-progress.gif) no-repeat center center; z-index: -1; }
#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; height: 100%; width: 100%; z-index: -999; }
#supersized img { width: auto; height: auto; position: relative; display: none; outline: none; border: none; }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } /* Speed */
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }         /* Quality */
#supersized li { display: block; list-style: none; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: -30; }
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: url(../images/supersized-progress.gif) no-repeat center center; width: 100%; height: 100%; }
#supersized li.image-loading img { visibility: hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }


/* general */
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
text-align: center;
color: #000;
background: #fff;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
width: 100%;
height: 100%;
}

h1 {
font-family: 'LeagueGothicRegular';
font-size: 100px;
font-weight: 100;
font-style: normal;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
color: #000;
line-height: 1;
margin: 70px 0 0 0;
padding: 0;
}

h2 {
font-family: 'LeagueGothicRegular';
font-size: 40px;
font-weight: 100;
font-style: normal;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
color: #555;
line-height: 1;
margin: 20px 0 20px 0;
padding: 0;
}

a {
color: #555;
text-decoration: none;
outline: none;
}

a:hover {
color: #000;
text-decoration: none;
}

p {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
font-style: normal;
font-weight: normal;
padding: 10px 0 10px 0;
}

p a {
color: #555;
text-decoration: none;
}

p a:hover {
color: #000;
text-decoration: none;
transition: color 0.5s;
}

::-moz-selection { background: #555; color: #fff;      /* Firefox */ }
     ::selection { background: #555; color: #fff;      /* Safari */  }

.caps { text-transform: uppercase; }

/* intro */
.intro-wrapper {
position: relative;
}

.intro {
margin: 60px auto 60px auto;
}

.intro h1 {
font-family: 'LeagueGothicRegular';
font-size: 140px;
font-weight: 100;
font-style: normal;
text-align: center;
-webkit-font-smoothing: antialiased;
color: #fff;
margin: 15px 0 0 0;
/*text-transform: none;*/
text-transform: uppercase;
}

.introduction h3, .introduction div {
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 1.5;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
color: #fff;
text-shadow: 1px 1px 2px #000;
text-transform: uppercase;
}

.introduction h3 span, .introduction div span {
display: inline-block;
}

.introduction h3 {
margin: 0 auto;
width: 300px;
border-bottom: 1px solid #fff;
padding: 0 0 15px 0;
}

.intro-line {
width: 50px;
height: 1px;
background: #fff;
margin: 5px 15px;
}

.intro-pages {
margin-top: 0;
}

.logo {
margin:0px 0 25px 0;
}


/* countdown */
#countdown-wrap {
position: relative;
margin: 4px auto;
text-align: center;
}

#countdown {
position: relative;
width: 340px;
height: auto;
margin: 0;
padding: 0;
display: inline-block;
}

ul#countdown li {
display: inline-block;
background: none;
width: 80px;
text-align: center;
}

ul#countdown li span {
font-family: 'BebasNeueRegular';
font-size: 45px;
font-style: normal;
font-weight: normal;
color: #fff;
height: 50px;
line-height: 50px;
position: relative;
}

ul#countdown li span::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
}

ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
color: #fff;
text-transform: uppercase;
font-size: 14px;
margin: 0;
padding: 5px 0 5px 0;
}


/* countdown animation */
.countdown-animation ul.button li a {
background: url(../images/countdown-trigger.png) no-repeat;
}

.countdown-animation { display: block; width: 100%; height: 90px; position: absolute; left: 0; bottom: 89px; margin: 0; overflow: hidden; z-index: 0; }
.countdown-animation ul.button { display: block; width: 30px; height: 101px; position: absolute; right: -30px; top: 30px; z-index: 2; }
.countdown-animation ul.button li { display: block; width: 30px; height: 30px; margin: 0; position: relative; overflow: hidden; }
.countdown-animation ul.button li a { display: block; width: 30px; height: 30px; text-indent: -5000px; cursor: pointer; }

.countdown-animation ul.button li a.open { background-position: -73px -65px; position: absolute; top: 0; left: 30px; }
.countdown-animation ul.button li a.open:hover { background-position: -73px -6px; }
.countdown-animation ul.button li a.close { background-position: -12px -65px; position: absolute; top: 0; left: 0; }
.countdown-animation ul.button li a.close:hover { background-position: -12px -6px; }

.countdown-animation .countdown-bg {
position: absolute;
display: block;
width: 100%;
height: 0;
top: 90px;
left: 0;
overflow: hidden;
background: url(../images/blackx75.png) repeat left top;
z-index: 1;
}


/* layout */
.page {
height: 100%;
margin: 0;
padding: 0;
}

.page-section {
position: relative;
margin: 0 auto;
padding: 0;
z-index: 1;
}

.upper-page {
width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
background: rgba(0, 0, 0, 0.2);
}

.lower-page {
min-height: 100%;
margin: 0;
padding: 0;
background: rgba(255, 255, 255, 0.9);
}

.lower-content {
margin: 0 auto;
padding: 25px 0 89px 0;
color: #000;
}

.lower-content strong {
font-weight: bold;
}

.center {
margin: 0 auto;
}

.textcenter { text-align: center; }


/* curtains */
#curtains {
position: fixed;
height: 100%;
width: 100%;
background: url(../images/curtains.png) repeat top left;
z-index: -1;
}


/* left top */
.left-top {
position: absolute;
width: auto;
top: 4px;
left: 5px;
padding: 0;
color: #000;
z-index: 2;
}

.left-top ul {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
color: #000;
font-size: 12px;
}

.left-top ul li {
display: inline;
padding: 0 0 5px 0;
}


/* right top */
.right-top {
position: absolute;
width: auto;
top: 14px;
right: 10px;
padding: 0;
color: #000;
z-index: 2;
}


/* left bottom */
.left-bottom a.menu-trigger {
background: url(../images/menu-trigger.png) no-repeat;
width: 30px;
height: 30px;
text-indent: -10000px;
}

.left-bottom a.menu-trigger:hover {
background: url(../images/menu-trigger.png) no-repeat;
width: 30px;
height: 30px;
text-indent: -10000px;
}

.left-bottom {
font-family: 'BebasNeueRegular';
font-size: 20px;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
width: auto;
top: 3px;
left: 14px;
padding: 0;
position: absolute;
z-index: 10;
}

.left-bottom a {
color: #555;
font-weight: normal;
text-decoration: none;
}

.left-bottom a:hover {
color: #000;
}

.left-bottom ul, li {
margin: 0;
padding: 0;
}

.left-bottom .lifting {
margin: 0 0 8px 0;
height: 20px;
}

.left-bottom .lifting-first {
margin: 0 0 14px 0;
height: 20px;
}

.left-bottom li a, .left-bottom li {
float: left;
text-transform: uppercase;
height: 20px;
}

.left-bottom li {
position: relative;
margin: 7px 0 0 0;
padding: 0 0 10px 0;
background: none;
}

.left-bottom li a {
padding: 0 5px 10px 5px;
text-decoration: none;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
}

.left-bottom li a:hover {
background: none;
}

.left-bottom li ul {
display: none;
left: 0;
position: absolute;
bottom: 100%;
background: none;
}

.left-bottom li:hover ul {
display: block;
width: auto;
}

.left-bottom li ul a {
white-space: nowrap;
background: #fff;
}

.left-bottom li ul a:hover {
color: #fff;
background: #000;
}


/* contact */
.contact {
font-family: 'Roboto', sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 400;
color: #000;
text-transform: uppercase;
width: auto;
height: 20px;
left: 14px;
bottom: 5px;
overflow: hidden;
background: none;
position: absolute;
z-index: 10;
}

.contact a, a:hover {
color: #000;
text-decoration: none;
outline: none;
}

ul.email-us li {
position: absolute;
left: 0;
bottom: 3px;
display: block;
}

ul.email-us li a span {
display: none;
}

a.envelope:link, a.envelope:visited {
display: block;
width: 25px;
height: 17px;
background: url(../images/email-us.png) no-repeat left top;
}

a.envelope:hover {
background-position: left bottom;
}

.address {
padding: 0 0 0 35px;
}

a.email {
color: #FFF;
text-decoration: none;
/*text-shadow: 1px 1px 2px #000;*/
text-shadow: none;
}

a.email:hover {
color: #0FF;
text-decoration: none;
}


/* right bottom */
.right-bottom {
position: absolute;
width: auto;
top: 10px;
right: 14px;
padding: 0;
z-index: 2;
}


/* social icons */
ul.social-icons {
margin: 0;
padding: 0;
}

ul.social-icons a img {
width: 16px;
height: 16px;
padding: 5px 5px 0 5px;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
}

ul.social-icons a img:hover {
padding: 5px 5px 0 5px;
        opacity: 0.5;
   -moz-opacity: 0.5;
-webkit-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


/* header */
#header {
position: relative;
top: 0;
left: 0;
width: 100%;
/*height: 35px;*/
overflow: hidden;
background: #000;
/*border-bottom: 4px solid #fff;*/
z-index: 15;
}


/* header background */
.header-bg {
position: absolute;
width: 200px;
/*height: 35px;*/
right: 0;
top: 0;
/*background: url(../images/header-bg.png) no-repeat;*/
}


/* footer */
#footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
/*height: 35px;*/
background: #000;
/*border-top: 4px solid #fff;*/
z-index: 15;
}


/* footer background */
.footer-bg {
position: fixed;
width: 300px;
/*height: 35px;*/
left: 0;
bottom: 0;
/*background: url(../images/footer-bg.png) no-repeat;*/
}


/* newsletter form */
.newsletter-wrapper {
position: relative;
clear: both;
width: auto;
border: none;
background: none;
margin: 0;
padding: 0;
overflow: hidden;	
}

input#email {
width: 140px;
height: 28px;
padding: 0 5px 0 5px;
border: 1px solid #000;
font-size: 12px;
float: left;
margin-bottom: 5px;
}

input#submit {
position: relative;
width: 80px;
height: 30px;
line-height: 26px;
font-size: 10px;
text-transform: uppercase;
float: right;
margin-left: 5px;
margin-bottom: 5px;
padding: 0 10px;
color: #fff;
background: #555;
cursor: pointer;
}

input {
border: none;
background: #fff;
}

.error {
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #555;
display: block;
}

.success {
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #555;
text-align: center;
text-transform: uppercase;
width: auto;
height: auto;
margin: 10px auto;
padding: 0;
background: none;
}


/* dividers */
.divider {
background: url(../images/divider.png) no-repeat center bottom;
width: 100%;
height: 16px;
margin: 20px auto;
}

.divider-rev {
background: url(../images/divider-rev.png) no-repeat center bottom;
width: 100%;
height: 16px;
margin: 20px auto;
}

.divider-blank {
background: none;
width: 100%;
height: 1px;
margin: 20px auto;
}


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


.hi-icon-wrap {
text-align: center;
margin: 0 auto;
padding: 0;
}

.hi-icon {
display: inline-block;
font-size: 0px;
/*cursor: pointer;*/
/*margin: 15px 30px;*/
margin: 5px 30px 0px 30px;
width: 90px;
height: 90px;
border-radius: 50%;
text-align: center;
position: relative;
color: #555;
z-index: 1;
}

.hi-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
   -moz-box-sizing: content-box; 
        box-sizing: content-box;
}

.hi-icon:before {
font-family: 'ecoicon';
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {
	content: "\e009";
}

.hi-icon-screen:before {
	content: "\e00a";
}

.hi-icon-earth:before {
	content: "\e002";
}

.hi-icon-support:before {
	content: "\e000";
}

.hi-icon-locked:before {
	content: "\e001";
}

.hi-icon-cog:before {
	content: "\e003";
}

.hi-icon-clock:before {
	content: "\e004";
}

.hi-icon-videos:before {
	content: "\e005";
}

.hi-icon-list:before {
	content: "\e006";
}

.hi-icon-refresh:before {
	content: "\e007";
}

.hi-icon-images:before {
	content: "\e008";
}

.hi-icon-pencil:before {
	content: "\e00b";
}

.hi-icon-link:before {
	content: "\e00c";
}

.hi-icon-mail:before {
	content: "\e00d";
}

.hi-icon-location:before {
	content: "\e00e";
}

.hi-icon-archive:before {
	content: "\e00f";
}

.hi-icon-chat:before {
	content: "\e010";
}

.hi-icon-bookmark:before {
	content: "\e011";
}

.hi-icon-user:before {
	content: "\e012";
}

.hi-icon-contract:before {
	content: "\e013";
}

.hi-icon-star:before {
	content: "\e014";
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

/* effect 6 */
.set-6 {
background: none;
margin: 20px 0 20px 0;
}

.hi-icon-effect-6 .hi-icon {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
-webkit-transition: background 0.2s, color 0.2s;
   -moz-transition: background 0.2s, color 0.2s;
        transition: background 0.2s, color 0.2s;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover {
background: rgba(255, 255, 255, 1);
color: #000;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover:before {
-webkit-animation: spinAround 2s linear infinite;
   -moz-animation: spinAround 2s linear infinite;
        animation: spinAround 2s linear infinite;
}