body {
   color:#000000;
   background: url('../images/ui/bg.jpg') no-repeat center top;
   font: 62.5%  Arial, Helvetica;
 }

html{

  background:#d7d7d7 url('../images/ui/bg_footer.jpg') no-repeat bottom center;
}


/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
img { border: none; }


/* Clear Floats
--------------------------------------------------------------------------*/

.clearfix,ul.list-clear li{display:inline-block;}
.clearfix,ul.list-clear li{display: block;}

.clearfix:after,
ul.list-clear li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}


.right{float: right !important;}
.left{float:left !important;}
.clear{clear: both;}


/* General Form Styles
-------------------------------------------------------------------------*/
input, textarea, select { outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}



input[type="text"], input[type="tel"], input[type="email"]{
  height: 35px;

  border:1px solid #cac8c8;
  margin: 0 0 15px 0;
}

label{
  display: block;
  font-size:14px;
  margin-bottom:10px;
  color:#383838;
  clear:both;
}


/* General Link Styles
--------------------------------------------------------------------------*/
a:link, a:visited {
  color:#32353c;
text-decoration: none;}

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


.text-alt{
  font-family: 'Oswald', Arial;
}

.text-center{
  text-align: center;
}

.text-upper{
  text-transform: uppercase;
}

.text-left{
  text-align: left !important;
}

.text-bold{
  font-weight:bold;
}

.text-italic{
  font-style: italic;
}

.text-right{
  text-align: right;
}

.text-highlight{
  color:#e30613;
}

.icon{
  float:left;
  margin-right:10px;
  text-indent: -999px;
  overflow: hidden;
  display: block;
  background-image: url('../images/ui/icons.png');
}

.icon-fb,
.icon-twitter{
  width:32px;
  height: 33px;
  background-position: 0 0;
}

.icon-fb{
  background-position: -50px 0;
}

.icon-below{
  width:50px;
  height: 18px;
  float:none;
  margin: 0 auto -10px auto;
  background-color:#fff;
  background-position: 0 -50px;
}

.icon-star{
  width:11px;
  height:12px;
  background-position: -50px -50px;
}

.icon-play{
  width:11px;
  height:12px;
  background-position: -100px -50px;
}

.icon-prev,
.icon-next{
  width:35px;
  height: 35px;
}

.icon-prev{
  background-position: 0 -100px;
}

.icon-next{
  background-position: -50px -100px;
}
/*-------------------------------------------------------------------------
                        PAGE STYLES
*-------------------------------------------------------------------------*/
.container{
  width:940px;
  margin:0 auto;
  position: relative;
}

/*-------------------------------------------------------------------------
                        HEADER
*-------------------------------------------------------------------------*/
.header{
  height: 130px;
  color:#c5c0bf;
  font-size:13px;
  margin-bottom:-40px;
  background:url('../images/ui/bg_header.png') repeat-x top left;
}

.logo{
  position: absolute;
  display: block;
  z-index: 100;
  left:340px;
  top:0px;
}

.nav{
  width:620px;
}

.nav,
a.link-return{
  margin:40px 0 0 0;
  float:left;
}

.main-nav li{
  float:left;
  padding: 0 10px;
  border-right:1px solid #c5c0bf;
}

.main-nav li:last-child{
  border:none;
}

.main-nav a,
a.link-return{
  color:#c5c0bf;
}

.main-nav a:hover,
a.link-return:hover{
  color:#d9030a !important;
}

.link-social{
  width:140px;
  float:right;
  margin:4px 0 0 0;
  background:#201f1f;
  border-left:1px solid #4d4d4d;
  height: 85px;
  color:#6f6e71;
  font-size:11px;
  padding:14px 0 0 0;
  text-align: center;
}

.link-social  ul{
  margin:10px 0 0 30px;
}

.link-social li{
  float:left;
}



/*-------------------------------------------------------------------------
                        TIMELINE
*-------------------------------------------------------------------------*/

.timeline{
  background:url('../images/ui/timeline.jpg') no-repeat center top;
  height: 188px;
}

/*-------------------------------------------------------------------------
                        CONTENT
*-------------------------------------------------------------------------*/
.content .ad{
  position: absolute;
  right: -170px;
  box-shadow: 0 10px 10px #000;
}

/*-------------------------------------------------------------------------
                        VIDEOS
*-------------------------------------------------------------------------*/
.videos{
  height: 860px;
  overflow:hidden;
  margin:10px 0 0 0;
  background:#959595 url('../images/ui/bg_videos.png') no-repeat bottom left;
}

.videos h1{
  text-indent: -999px;
  overflow: hidden;
  height: 57px;
  width:100%;
  background:url('../images/ui/title_anniversary.png') no-repeat bottom left;
}

.videos .vid-container{
  height: 600px;
}


.videos .vid{
  height:540px;
  border-bottom:10px solid #d9030a;
}

.vid-container .date,
.vid-container h2{
  margin: 0 50px;
}

.videos  .date{
  color:#d9030a;
  font-size:9px;
  text-transform: uppercase;
  display: block;
  font-weight:bold;
  margin-top:10px;
}

.vid-container h2{
  color:#fff;
  font-size:24px;
  padding-bottom:5px;
  border-bottom:1px solid #626262;
}

.vid-thumbnails{
  height: 175px;
  position: relative;
  margin: 20px 50px 0 50px;
}

.videos .next,
.videos .prev{
  position: absolute;
  top:710px;
  left:5px;
  z-index: 100;
  display: block;
}

.videos .next{
  left:auto;
  right:0px;
}

.list-videos li{
  float:left;
  margin: 0 33px 0 0;
}

.list-videos a{
  display: block;
  float:left;
  width:185px;
  position: relative;
}

.list-videos img{
  width:185px;
  height:auto;
}

.list-videos a:hover .over{
  display: block;
}

.list-videos .over{
  display: none;
  height: 105px;
  width:185px;
  position: absolute;
  top:0;
  left:0;
  color:#FFF;
  background:rgba(255, 0, 0, 0.7);
}

.list-videos .over .play{
  display: block;
  border:2px solid #fff;
  width:97px;
  text-transform: uppercase;
  padding:7px 10px;
  height: 34px;
  margin: 40px auto 0 auto;
}



.list-videos a .title{
  font-size:13px;
  color:#d1d1d1;
}

.gallery{
  background:#0b0b0b url('../images/ui/bg_gallery.png') no-repeat top left;
  border-top:5px solid #c5c5c5;
  padding:25px 0 10px 0;
}

.gallery h1{
  font-size:20px;
  color:#FFF;
  border-bottom:1px solid #d9030a;
  width:307px;
  text-align:center;
  margin: 0 auto 20px auto;

}

.gallery h1 span{
  text-align: center;
  width:200px;
  margin: 0 auto;
  background:#191919;
  display: block;
  position: relative;
  margin-bottom:-10px;
}

.list-gallery li{
  float:left;
  height: 302px;
}

.list-gallery li a{
  display: block;
  float:left;
  position: relative;
}

.list-gallery img{
  display: block;
  -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

.list-gallery  .name{
  position: absolute;
  background:#38393f;
  color:#FFF;
  display: block;
  padding:5px 10px;
  margin: 0 0 0 80px;
  z-index: 100;
}

.list-gallery .caption{
  background:#FFF;
  padding:10px;
  color:#0b0b0b;
  display: none;
}

.list-gallery a:hover .name,
.list-gallery .active .name{
  display: none;
}

.list-gallery a:hover  .caption,
.list-gallery .active .caption{
  display: block;
}

.list-gallery a:hover img,
.list-gallery .active img{
-webkit-filter: grayscale(0%);
   filter: grayscale(0%);
}

.gallery .btn-view{
  background:#d9030a;
  color:#FFF;
  display: block;
  padding:10px 20px;
  text-align: center;
  margin: 0 auto 15px auto;
  text-transform: uppercase;
  width:150px;
}

.gallery .note{
  font-size:12px;
  color:#ccc;
  text-align: center;
  clear: both;
  font-style: normal;
}

.social-hub{
  height: 50px;
  margin:20px 0 0 0;
  color:#FFF;
  padding: 10px;
  background:url('../images/ui/bg_socialhub.png') no-repeat top left;
}

.social-hub h3{
  float:left;
  font-size:22px;
  width:160px;
  text-transform: uppercase;
}

.social-hub  p{
  width:620px;
  float:left;
  font-size:17px;
  color:#000;
  margin:3px 0 0 0;
}

.social-hub a{
  display: block;
  float:right;
  font-size:15px;
  color:#FFF;
  padding: 5px 50px 0 0;
}

/*-------------------------------------------------------------------------
                        SOCIAL
*-------------------------------------------------------------------------*/

.social{
  height: 303px;
  overflow: hidden;
  background:#ffffff;
}

.social .feed-item{

}
/*-------------------------------------------------------------------------
                        REGISTER
*-------------------------------------------------------------------------*/
.register{
  background:url('../images/ui/bg_promo.jpg') no-repeat top left;
  height: 775px;
  border-bottom: 2px solid #d9030a;
  padding:463px 0 0 31px;
}

.register h2,
.register h3{
  font-size:35px;
  font-style: italic;
  letter-spacing: -1px;
  color:#f1f1f1;
}

.register h3{
  color:#d7030a;
  font-size:20px;
  margin: 0 0 22px 0;
}

.register .button{
  border:2px solid #fff;
  display: block;
  font-size:16px;
  color:#d7030a;
  padding:10px 30px;
  float:left;
}

.register-form{
  height: 1000px;
  position: relative;
  padding:10px 0 0 0;
  background:#FFF url('../images/ui/bg_share.jpg') no-repeat bottom left;
}

.register-form .hashtag{
  background:#d9030a;
  border-radius: 5px;
  padding:5px 0px;
  margin: 0 200px 10px 200px;
  color:#FFF;
  font-size:13px;
  text-align: center;
}

.register-form .form{
  width:293px;
  margin:0 auto;
}

.register-form h1{
  background:url('../images/ui/border.png') repeat-x top left;
  padding:25px 0 12px 0;
  color:#000;
  font-style: italic;
  text-align: center;
  font-size:28px;
  font-weight:bold;
  letter-spacing: -1px;
}

.register-form .instructions{
  width:663px;
  margin: 0 auto;
}


.register-form p{
  font-size:14px;
  text-align: center;
  color:#383838;
  margin: 0 0 20px 0;
  border-bottom:1px solid #cacbcc;
}

.register-form p span{
  color:#d9030a;
  display: block;
  font-size:12px;
  font-weight:bold;
  margin:15px 0;
}

.register-form fieldset span.check{
  color:#383838;
  font:'Open Sans',Arial;
  padding-left:5px;
}

.register-form a.link-rules{
  color:#3593fe;
  text-align: center;
  text-decoration: underline;
  font-size:11px;
  display: block;
  margin:10px 0 10px 0;
}

.register-form  .button{
  display: block;
  margin:0 auto;
  background:#d9030a;
  color:#FFF;
  padding:15px 30px;
  font-size:13px;
  border:1px solid #d9030a;
}

.register-form .top{
  position: absolute;
  bottom:-3px;
  right:0;
}
/*-------------------------------------------------------------------------
                        FOOTER
*-------------------------------------------------------------------------*/
.footer{
  border-top:5px solid #d9030a;
  height: 90px;
  background: rgba(0,0,0,0.5);
  position: relative;
  padding:35px 20px;
}

.footer p{
  float:left;
  color:#fff;
  font:10px Arial;
}

.footer p a{
  color:#FFF;
  font-weight: bold;
  text-transform: uppercase;
  font-style: italic;
}

.logo-rs{
  width:55px;
  height:56px;
  display: block;
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  left:453px;
  top:10px;
  background:url('../images/ui/logo_rs.png') no-repeat top left;
}


@media only screen and (max-width:1100px) {
  .content .ad{display: none;}
}


.error {color:#FF0000}