@charset "utf-8";
/* CSS Document */
/* Roads v1.0 || ex nihilo || September 2013 */


/*
  google fonts   [imported]
  supersized     [imported]
  twitter ticker [imported]
  flexslider     [imported]
  fonts
  reset
  supersized
  general
  intro
  countdown
  countdown animation
  layout
  curtains
  left top
  right top
  left bottom
  contacts
  right bottom
  social icons
  header
  header background
  footer
  footer background
  newsletter form
  dividers
  map closer
  map
  contact info
  sti menu
  site loader
*/


/* 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');
/* flexslider */
@import url('flexslider.css');


/* fonts */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue/bebasneue-webfont.eot');
    src: url('fonts/bebasneue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-style: normal;
    font-weight: 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: #000;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
width: 100%;
height: 100%;
}

h1 {
font-family: 'BebasNeueRegular';
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: 'BebasNeueRegular';
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: 120px auto;
}

.intro h1 {
font-family: 'BebasNeueRegular';
font-size: 120px;
font-weight: 100;
font-style: normal;
text-align: center;
-webkit-font-smoothing: antialiased;
color: #fff;
margin: 10px 0 10px 0;
text-transform: none;
}

.intro h3 {
font-family: 'BebasNeueRegular';
font-size: 20px;
line-height: 1.5;
font-style: normal;
font-weight: 100;
letter-spacing: 1px;
color: #fff;
text-shadow: 1px 1px 2px #000;
}

.intro h4 {
font-family: 'BebasNeueRegular';
font-size: 25px;
line-height: 1.5;
font-style: normal;
font-weight: 100;
letter-spacing: 1px;
color: #fff;
text-shadow: 1px 1px 2px #000;
}

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


/* countdown */
#countdown-wrap {
position: relative;
margin: 34px 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: 120px; position: absolute; left: 0; bottom: 66px; margin: 0; overflow: hidden; z-index: 2; }
.countdown-animation ul.button { display: block; width: 30px; height: 101px; position: absolute; right: -30px; top: 60px; 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 -5px; }
.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 -5px; }

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

.countdown-animation .countdown-bg-bg {
position: absolute;
display: block;
width: 95px;
height: 90px;
right: 0;
bottom: 0;
background: url(../images/countdown-bg-bg.png) no-repeat;
}


/* 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: 20px 0 66px 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);
background-position: 0 0;
width: 50px;
height: 25px;
margin: 0;
padding: 0;
-webkit-transition: background-position 0.3s ease;
   -moz-transition: background-position 0.3s ease;
     -o-transition: background-position 0.3s ease;
        transition: background-position 0.3s ease;
text-indent: -10000px;
}

.left-bottom a.menu-trigger:hover {
cursor: pointer;
background-position: 50px 0;
}

.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 11px 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;
-webkit-transition: 0.2s ease-in;
   -moz-transition: 0.2s ease-in;
}

.left-bottom li a:hover {
}

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


/* contacts */
.contacts {
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: 1px;
overflow: hidden;
background: none;
position: absolute;
z-index: 10;
}

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

.address {
padding: 0;
}


/* 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: 145px;
height: 34px;
right: 0;
top: 0;
background: url(../images/header-bg.png) no-repeat;
}


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


/* footer background */
.footer-bg {
position: fixed;
width: 205px;
height: 65px;
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;	
}

.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: #000;
cursor: pointer;
}

input {
border: 1px solid #fff;
background: #fff;
}

.error {
font-size: 10px;
text-transform: uppercase;
text-align: center;
color: #777;
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: 14px 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;
}


/* map closer */
.map-closer {
position: fixed;
width: 38px;
height: 39px;
background: url(../images/map-closer.png) no-repeat;
left: 50%;
margin-left: -19px;
bottom: 0;
display: none;
z-index: 9999;
}

.map-closer:hover {
cursor: pointer;
}


/* map */
#map {
position: fixed;
width: 100%;
height: 0;
overflow: hidden;
bottom: 0;
z-index: 9000;

        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox for Android */
        filter: gray;                                                         /* IE6 - 9 */
-webkit-filter: grayscale(100%);                                              /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.map-google {
width: 100%;
height: 100%;
}


/* contact info */
#contact-info-wrapper {
position: fixed;
background: none;
width: 100%;
height: 1px;
z-index: 9000;
}

#contact-info {
position: relative;
font-size: 12px;
color: #fff;
width: 100%;
height: 215px;
overflow: hidden;
background: #000;
}

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

#contact-info a:hover {
color: #fff;
text-decoration: none;
}

#contact-info strong {
font-weight: bold;
}

.info-address {
width: auto;
float: left;
padding: 5px 0 0 0;
}

.info-phone {
width: auto;
float: right;
padding: 5px 0 0 0;
}


/* sti menu */
.sti-menu {
position: relative;
width: auto;
margin: 0 auto;
}

.sti-menu li {
float: none;
width: 200px;
height: 300px;
margin: 0 auto;
padding-bottom: 40px;
}

.sti-menu li a {
position: relative;
display: block;
color: #555;
background: #fff;
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
}

.sti-menu li a h2 {
position: absolute;
font-family: 'BebasNeueRegular';
font-size: 40px;
font-weight: 100;
font-style: normal;
text-align: center;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
color: #000;
text-shadow: 0 1px 1px #000;
padding: 10px;
width: 180px;
left: 0;
top: 129px;
}

.sti-menu li a h3 {
position: absolute;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
font-style: italic;
font-weight: normal;
text-align: center;
color: #000;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
left: 0;
top: 240px;
width: 180px;
padding: 10px;
}

.sti-icon {
position: absolute;
width: 100px;
height: 100px;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
left: 50px;
top: 30px;
}

.sti-icon-mobile {
background-image: url(../images/mobile.png);
}

.sti-icon-responsive {
background-image: url(../images/responsive.png);
}

.sti-icon-customize {
background-image :url(../images/customize.png);
}


/* site loader */
.loader {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
background: #fff url(../images/site-loader.gif) no-repeat center center;
z-index: 10000;
}