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


/*
  google fonts   [imported]
  YTPlayer       [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);
/* YTPlayer */
@import url('../YTPlayer/YTPlayer.css');
/* 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: -2; }
#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: 20px 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 */  }


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

.intro {
margin: 300px auto;
}

.intro h1 {
font-family: 'LeagueGothicRegular';
font-size: 140px;
font-weight: 100;
font-style: normal;
text-align: center;
-webkit-font-smoothing: antialiased;
color: #88e550;
margin: 15px 0 0 0;
text-transform: none;
text-shadow: 10px 10px 10px #000;
}

.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 10px 2px #000;
}

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

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

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

.intro-pages {
margin-top: 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: 2; }
.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: 89px;
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);
background-image: url(../images/background/4.jpeg) ;
background-repeat: no-repeat;
background-size: 100% 100%;
}


.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;
}


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


/* 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;
margin: 0;
padding: 0;
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: 3px;
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;
}


/* 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: 34px;
overflow: hidden;
background: #000;
z-index: 15;
}


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


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


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


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

.mail {
display: none;
visibility: 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: 8px 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;
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;
}

.upper-page {
    background-image: url(../images/background/2.jpeg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media screen and (min-width: 480px) {
    .upper-page {
        background-image: url(../images/background/4.jpeg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}