/* ====================================================
 * Company: Unity Technologies
 * Author:  Rickard Andersson, rickard@unity3d.com
 * Content: Misc
======================================================= */

/**************************************************
  #### HOME
**************************************************/

.home header.master-header {
  position: relative; z-index: 88;
}
.home div.hero {
  height: 438px;
}
.home .z10 {
  z-index: 10 !important;
}
.home .z15 {
  z-index: 15 !important;
}
div#hero-slider {
  width: 100%; height: 550px; position: absolute; top: 0; left: 0; z-index: 77; text-align: left; overflow: hidden; background: #222;
}
div#hero-slider div.loading {
  width: 50px; height: 50px; background-position: 50% 50%; background-color: #fff; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px;
  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.9); box-shadow: 0 1px 10px rgba(0,0,0,0.9);
}
div#hero-slider div.hero-background {
  width: 100%; height: 550px; display: none; position: absolute; top: 0; left: 0; z-index: -1; background-position: 50% 0; background-repeat: no-repeat;
}
div#hero-slider div.slide {
  width: 960px; height: 462px; position: absolute; top: 88px; left: 50%; margin: 0 0 0 -480px; display: none;
}
div#hero-slider div.slide h1 {
  font-size: 2.5em; color: #fff;
}
div#hero-slider div.slide p {
  color: #f8f8f8;
}

div.hero-nav {
  width: 940px; height: 36px; position: absolute; left: 50%; bottom: 15px; z-index: 20; margin: 0 0 0 -470px;
}
div.hero-nav ul {
  float: right;
}
div.hero-nav ul li {
  display: block; float: left; margin: 0 1px 0 0;
}
div.hero-nav ul li a {
  height: 36px; line-height: 36px; display: block; font-size: 0.875em; color: #fff; text-decoration: none; padding: 0 15px; background: rgba(0,0,0,0.75);
  transition: all .25s ease-out; -o-transition: background .25s ease-out; -moz-transition: all .25s ease-out; -webkit-transition: all .25s ease-out;
}
div.hero-nav ul li a:hover {
  color: #fff; background: rgba(255,255,255,0.2); text-decoration: none;
}
div.hero-nav ul li.selected a, div.hero-nav ul li.selected a:hover {
  color: #fff; background: rgba(255,255,255,0.2);
}
div.hero-nav ul li.selected a:before {
  display: none;
}

.home div.news-item a, .home div.post a {
  padding: 5px 0; display: block; color: #444; text-decoration: none; transition: all .25s ease-out; -o-transition: background .25s ease-out; -moz-transition: all .25s ease-out; -webkit-transition: all .25s ease-out;
}
.home div.news-item a:hover, .home div.post a:hover {
  background: #f0f0f0;
}
.home div.news-item div.date, .home div.post div.date {
  width: 70px; float: left; margin: 0 15px 0 0; display: inline; border-right: #ddd 1px solid;
}
.home div.news-item div.date div.month, .home div.post div.date div.month {
  text-transform: uppercase; font-size: 0.6875em; padding: 0 0 3px 0;
}
.home div.news-item div.date div.day, .home div.post div.date div.day {
  font-size: 1.75em; letter-spacing: -1px; padding: 0 0 10px 0;
}
.home div.news-item div.text {
  width: 359px; float: left; display: table-row; vertical-align: middle; padding: 5px 0; line-height: 1.5em;
}
.home div.post div.text {
  width: 359px; float: left; display: table-row; vertical-align: middle; padding: 2px 0; line-height: 1.5em;
}
.home div.post div.text p {
  line-height: 1.4em;
}

.home div.newsletter input.email {
  width: 311px; float: left; margin: 0 0 10px 0;
}
.home div.newsletter input.blue-btn {
  margin: 0 0 10px 8px;
}
.home div.newsletter #agree {
  width: 16px; height: 16px; float: left; display: block; margin: 0 5px 0 0;
}
.home div.newsletter #agreeLabel {
  line-height: 16px; font-weight: normal; color: #666; cursor: pointer;
}
.home .more a {
  width: 106px; height: 79px; line-height: 130px; display: block; float: left; margin: 0 2px 0 10px; text-decoration: none; font-size: 0.75em; color: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #333; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));  background-image: -webkit-linear-gradient(top, #666, #333); background-image: -moz-linear-gradient(top, #666, #333); background-image: -ms-linear-gradient(top, #666, #333); background-image: -o-linear-gradient(top, #666, #333); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
}
.home .more a:hover {
  background-color: #255fa7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#41badd), to(#255fa7)); background-image: -webkit-linear-gradient(top, #41badd, #255fa7);background-image: -moz-linear-gradient(top, #41badd, #255fa7);background-image: -ms-linear-gradient(top, #41badd, #255fa7);background-image: -o-linear-gradient(top, #41badd, #255fa7); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41badd', endColorstr='#255fa7',GradientType=0 );
}
.home .more a span {
  width: 106px; height: 79px; display: block; background: url(images/layout/core-sprites.png) 0 0 no-repeat;
}
.home .more a span.webplayer {
  background-position: 41px -359px;
}
.home .more a span.video {
  background-position: -42px -360px;
}
.home .more a span.blog {
  background-position: -123px -359px;
}
.home .more a span.jobs {
  background-position: -200px -360px;
}


@media only screen and (min-width: 767px) and (max-width: 979px){

div#hero-slider div.slide { width: 720px !important; margin: 0 0 0 -360px !important; }
div#hero-slider div.slide .blue-btn { margin: 0 10px 10px 0 !important; }
div.hero-nav { width: 700px !important; margin: 0 0 0 -350px !important; }

}

@media only screen and (min-width: 480px) and (max-width: 766px) {
div#hero-slider { height: 500px; } .home div.hero { height: 414px; }
div#hero-slider div.slide { width: 440px; margin: 0 0 0 -220px; }
div#hero-slider div.slide .blue-btn { margin: 0 10px 10px 0; }
div#hero-slider div.slide h1 { font-size: 2.0em; padding: 0 !important; margin-top: 0 !important; }
div#hero-slider div.slide p { font-size: 0.8125em; line-height: 1.5em; }
div#hero-slider div.prev, div#hero-slider div.next { top: auto !important; bottom: 15px; }
div.hero-nav { width: 420px; margin: 0 0 0 -210px; text-align: center; }
div.hero-nav ul { float: none; }
div.hero-nav ul li { display: inline-block; float: none; margin: 0 2px 0 0; }
div.hero-nav ul li a { width: 36px; height: 36px; float: none; display: inline-block; padding: 0; text-indent: -9999em; }

.home div.news div.news-item div.text, .home div.news div.post div.text { width: 334px !important; }
.home div.newsletter input.email { width: 298px !important; } .home div.newsletter input.blue-btn { padding: 0 10px; } .home div.newsletter #agreeLabel { width: 369px; }
.home .more a, .home .more a span { width: 96px !important; } .home .more a span.webplayer { background-position: 36px -359px !important; } .home .more a span.video { background-position: -45px -360px !important; } .home .more a span.blog { background-position: -127px -359px !important; } .home .more a span.jobs { background-position: -204px -360px !important; }

div#hero-slider div.slide .jumper, div#hero-slider div.slide .badpiggies { display: none; }

}

@media only screen and (max-width: 479px) {

div#hero-slider { height: 500px; } .home div.hero { height: 414px; }
div#hero-slider div.slide { width: 320px; margin: 0 0 0 -160px; }
div#hero-slider div.slide .blue-btn { margin: 0 10px 10px 0; }
div#hero-slider div.slide h1 { font-size: 1.8em; padding: 0 !important; margin-top: 0 !important; }
div#hero-slider div.slide p { font-size: 0.8125em; line-height: 1.5em; }
div#hero-slider div.prev, div#hero-slider div.next { top: auto !important; bottom: 15px; }
div.hero-nav { width: 300px; margin: 0 0 0 -150px; text-align: center; }
div.hero-nav ul { float: none; }
div.hero-nav ul li { display: inline-block; float: none; margin: 0 2px 0 0; }
div.hero-nav ul li a { width: 26px; height: 36px; float: none; display: inline-block; padding: 0; text-indent: -9999em; }
.home div.news div.news-item div.text, .home div.news div.post div.text { width: 214px !important; }
.home div.newsletter input.email { width: 178px !important; } .home div.newsletter input.blue-btn { padding: 0 10px; } .home div.newsletter #agreeLabel { width: 249px; }
.home .more { text-align: center; }
.home .more a{ width: 87px !important; float: none !important; display: inline-block !important; margin: 0 5px 10px 5px !important;  }
.home .more a span { width: 87px !important; float: none !important; display: inline-block !important; margin-bottom: 10px !important;  }
.home .more a span.webplayer { background-position: 31px -359px !important; }
.home .more a span.blog { background-position: -132px -359px !important; }
.home .more a span.video { background-position: -48px -360px !important; }
.home .more a span.jobs { background-position: -208px -360px !important; }
.home div.promo { width: 300px; }

div#hero-slider div.slide .jumper, div#hero-slider div.slide .badpiggies { display: none; }

}