@charset "utf-8";

@font-face {
  font-family: 'Entypo';
  src: url('/~/media/41E5320C0DCF47738F596BFDD21A9D5F.eot?58501479');
  src: url('/~/media/41E5320C0DCF47738F596BFDD21A9D5F.eot?58501479#iefix') format('embedded-opentype'),
       url('/~/media/728FA1F16F654D28ABD491A6905D2542.woff?58501479') format('woff'),
       url('/~/media/E749E995859F44F28BBEA65E4924C68C.ttf?58501479') format('truetype'),
       url('/~/media/6A9D3A5E9E10462C8765B7A959FBD06F.svg?58501479#entypo') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,body { margin:0; padding:0; width:100%; height:100%; background-color: #153276; color:#FFF; font-family:Roboto, sans-serif; font-size:15px;}

* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  /* -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -ms-transition:     all 0.4s ease;
  -o-transition:      all 0.4s ease; */
  background-repeat: no-repeat;
  position: relative;
}



a { text-decoration:none;  -webkit-transition: all 0.2s ease;  -moz-transition:    all 0.2s ease;  -ms-transition:     all 0.2s ease;  -o-transition:      all 0.2s ease;    outline: 0;}
img {border:0; }
	
	
.window{
    width:100%;
    height:100%;
	overflow:hidden;
	/*min-height:800px;*/
}

::selection {
	background: #ff6054 !important; /* Safari */
	color: #fff !important;
	}
::-moz-selection {
	background: #ff6054 !important; /* Firefox */
	color: #fff !important;
}

.shadow {  -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -ms-transition:     all 0.4s ease;
  -o-transition:      all 0.4s ease}

.section-title { font-size:41px; font-weight:300; text-transform:uppercase; color:#7b9cea; text-align:center;}

.content { margin:0 40px; height:100%; }
.inner-content { margin:0 5%; height:100%; }
.right {float:right; right:0; }

.topbar { height:84px; z-index:99; width:100%; position:fixed; overflow:visible; }
.topbar .shadow { background:url('/~/media/CD92D43A26E74024ACB633EB20EB95BB.png') top repeat-x; width:100%; height:136px; position:absolute; top:0; left:0; opacity:1; pointer-events:none;}
.topbar .bg { background-color:#0c1c46; opacity:0; -webkit-transition: all 0.4s ease;
  -moz-transition:    all 0.4s ease;
  -ms-transition:     all 0.4s ease;
  -o-transition:      all 0.4s ease; width:100%; height:100%; position:absolute; top:0; left:0;}
.topbar.solid .bg { opacity:1;}

.topbar .logo { background:url('/~/media/C3B9DE02F3D945288421363C244A6A9D.png'); width:182px; height:26px; top:50%; margin-top:-13px; z-index:100; position:absolute; display:block;}
.topbar a.btnClear { top:50%; margin-top:-15px; position:relative; margin-right:15px; text-transform:uppercase; border-radius:4px; }


.topbar.solid .shadow { /* opacity:0; */ }

.circle { color:#7b9cea; font-size:50px; margin-left:-10px; font-family:Entypo; }
.circle:after { content:'\e8ba'; }
 

.leftbar { position:fixed; top:23%; left:0;  height:372px; padding-left:20px; color:#7b9cea; font-size:11px; text-transform:uppercase; margin-top:-50px;  z-index:50; width:105px; }
/*.leftbar .shadow { z-index:49; background:url(../images/leftbar-shadow.png); width:135px; height:510px; opacity:0; left:0; top:-75px; position:absolute;}*/
.leftbar .shadow.show { opacity:0.5; }
.leftbar a { display:block; margin-bottom:20px; color:#7b9cea; z-index:50}
.leftbar a.stat span { font-family:Roboto Slab, Roboto, sans-serif; font-size:33px; font-weight:300; line-height:121%; }
.leftbar a.stat span.icon { font-family:Entypo; font-size:15px; font-weight:normal; line-height:100%; vertical-align:baseline; top:1px}
.leftbar a:hover { color:#ff6054; }
.leftbar a.share {margin-bottom:15px; font-size:33px; font-family:Entypo; line-height:100%;}

.rightbar { position:fixed; top:23%; right:0; height:372px; padding-right:20px; color:#7b9cea; font-size:11px; text-transform:uppercase; margin-top:-50px; padding-top:10px;  z-index:50; width:105px; line-height:121%; text-align:right; overflow:visible;}
/*.rightbar .shadow { z-index:49; background:url(../images/rightbar-shadow.png); width:135px; height:510px; opacity:0; right:0; top:-35px; position:absolute;}*/
.rightbar .shadow.show { opacity:0.25; }
.rightbar a.jumpto { display:block; padding-right:20px; margin-bottom:15px; color:#7b9cea; z-index:50;}
.rightbar a.jumpto:hover {color:#ff6054; }
.rightbar a.jumpto.inactive { opacity:0.4; }
.rightbar a.jumpto.inactive:hover { color:#7b9cea; }
.rightbar .line { width:3px; height:100%; right:0; top:0; position:absolute; background-color:#7b9cea; margin: 13px 20px 5px 5px;  z-index:50;}

.rightbar .ballContainer {top:10px; right:28px; position:absolute; height:365px; overflow:visible }
.rightbar #locationBall { color:#fff; font-size:50px;  font-family:Entypo; z-index:95; position:absolute; top:0; /* cursor:pointer; cursor:hand; */ line-height:100%; z-index:95; width:13px; height:13px; }
.rightbar #locationBall:after { content:'\e8ba'; position:absolute; top:-18px; left:1px; }

a.btnClear { color:#7b9cea; padding:5px 11px; background-color:rgba(187, 204, 245, 0.1);  }
a.btnClear:after { content:attr(data-icon); font-family:Entypo; float:right; padding-left:6px; font-size:21px; }
a.btnClear:hover { color:#FFF; background-color:rgba(0,0,0,0.2);  }

a.btnNextWindow { position:fixed; bottom:0; left:50%; z-index:100; margin-left:-24px; color:#ff6054; width:60px;}
a.btnNextWindow:after { content:'\E878';  font-size:43px; font-family:Entypo; padding-right:5px}
a.btnNextWindow:hover { color:#FFF; }

a.btnPrevWindow { position:fixed; top:18px; left:50%; z-index:100; margin-left:-24px; color:#ff6054; opacity:0; width:60px;}
a.btnPrevWindow:after { content:'\E87B';  font-size:43px; font-family:Entypo; padding-right:5px }
a.btnPrevWindow:hover { color:#FFF; }
a.btnPrevWindow.active { opacity:100; }

.win-video { }

.icon { font-family:Entypo; }
  
.win-video .video { height:80%; overflow:hidden; width:200% }
.win-video .video .film, .win-video .video .musicvideo { width:50%; height:100%; overflow:hidden; position:absolute; top:0;}
.win-video .video .film { left:0; }
.win-video .video .musicvideo { left:50%; }
.win-video .video .film .bg { background-image:url('/~/media/F3F7F09BD0E241A099074492836744FE.jpg'); }
.win-video .video .musicvideo .bg { background-image:url('/~/media/9E5CF908D1504FFCA803ACA0097932C9.jpg'); }
.win-video .video .bg { 
background:top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; width:100%; height:100%;position:absolute; z-index:0; overflow:hidden; background-color:#000}
  
  .win-video .video .bg .vid { width:100%; height:100%; display:none; }
  .win-video .video .bg .vid video { width:100%; left:50%; margin-left:-600px }
.win-video .video .title {text-align:center;  position:absolute; left:50%; top:50%; width:650px; height:130px; margin-left:-325px; margin-top:-80px; font-weight:300; font-size:65px; z-index:1; line-height:100%;}  
.win-video .video .title.active {  cursor:pointer; cursor:hand; }
.win-video .video .musicvideo .title { margin-top:-110px; }
.win-video .video .title .subtitle { text-transform:uppercase; color:#ff6054; background-color:#102960; font-size:27px; font-weight:500; display:inline-block; padding:6px 8px; line-height:100%; margin-top:-5px}
.win-video .video .title.hover { color:#ff6054;}
.win-video .video .title, .win-video .video .title .subtitle {  -webkit-transition: all 0.4s ease;  -moz-transition:    all 0.4s ease;  -ms-transition:     all 0.4s ease;  -o-transition:      all 0.4s ease}
.win-video .video .title.hover .subtitle { color:#102960; background-color:#ff6054 }
.win-video .interviews .caption { height:45px; background-color:#0c1c46; color:#7b9cea; font-size:17px; position:absolute; top:-45px; width:100%; text-align:center; z-index:2}
.win-video .interviews .caption .interviewee {background-color:#0c1c46; }
.red {color:#ff6054;  }
.yellow {color:#ecdf95; }
.almostwhite { color:#c2cce3; }
.white { color:#c2cce3; }
.blue { color:#7b9cea; }

.win-video .video a.moveright { display:block; width:190px; height:35px; right:8%; margin-right:20px; position:absolute; top:50%; margin-top:-30px; z-index:70;  color:#ff6054;text-transform:uppercase; font-weight:500;}
.win-video .video a.moveright .subtitle { -webkit-transition: all 0.2s ease;  -moz-transition:    all 0.2s ease;  -ms-transition:     all 0.2s ease;  -o-transition:      all 0.2s ease;  line-height:100%; text-transform:uppercase; color:#ff6054; background-color:#102960; display:inline-block; font-size:17px; padding:6px;}
.win-video .video a.moveright:after { -webkit-transition: all 0.2s ease;  -moz-transition:    all 0.2s ease;  -ms-transition:     all 0.2s ease;  -o-transition:      all 0.2s ease;  content:'\e87a'; font-family:Entypo; font-size:43px; top:-9px; right:0; position:absolute; margin-left:-18px; font-weight:normal;}
.win-video .video a.moveright:hover .subtitle { background-color:#ff6054; color:#102960}
.win-video .video a.moveright:hover:after { color:#fff }

.win-video .video a.moveleft { display:block; width:170px; height:35px; left:8%; margin-left:20px; position:absolute; top:50%; margin-top:-30px; z-index:70;  color:#ff6054;text-transform:uppercase; font-weight:500;}
.win-video .video a.moveleft .subtitle { -webkit-transition: all 0.2s ease;  -moz-transition:    all 0.2s ease;  -ms-transition:     all 0.2s ease;  -o-transition:      all 0.2s ease;  line-height:100%; text-transform:uppercase; color:#ff6054; background-color:#102960; display:inline-block; font-size:17px; padding:6px; left:22px;}
.win-video .video a.moveleft:after { -webkit-transition: all 0.2s ease;  -moz-transition:    all 0.2s ease;  -ms-transition:     all 0.2s ease;  -o-transition:      all 0.2s ease;  content:'\e879'; font-family:Entypo; font-size:43px; top:-9px; left:0; position:absolute; margin-left:-18px; font-weight:normal;}
.win-video .video a.moveleft:hover .subtitle { background-color:#ff6054; color:#102960}
.win-video .video a.moveleft:hover:after { color:#fff }

.win-video .player { width:100%; height:100%; position:absolute; top:0; left:0; z-index:89; display:none; padding-top:84px; padding-bottom:46px;}

.win-video .interviews { height:20%; bottom:0; position:absolute; width:100%; min-height:100px; background-color:#081535; z-index:10 }
.win-video .interviews .thumbs {height:100%; white-space:nowrap; position:absolute; -webkit-transition: none;
  -moz-transition:    none;
  -ms-transition:     none;
  -o-transition:      none;}
.win-video .interviews .thumbs a { height:100%;  margin-left:-4px; display:inline-block;}
.win-video .interviews .thumbs a img { height:100%;opacity:0.7; -webkit-transition: all 0.4s ease;  -moz-transition:    all 0.4s ease;  -ms-transition:     all 0.4s ease;
  -o-transition:      all 0.4s ease; }
.win-video .interviews .thumbs a:hover img, .win-video .interviews .thumbs a.loaded img {opacity:1; }
.win-video .interviews .thumbs a .playbtn { width:100%; height:100%; position:absolute; top:0; left:0; z-index:50; color:#FFF; background:url('/~/media/648D95E630074EA79CF41C765EFB45AB.png') no-repeat;   -webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size: cover;  background-size:cover;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; }
.win-video .interviews .thumbs a:hover .playbtn { background-position:0 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); opacity:.35; }
.win-video .interviews .thumbs a.playing.loaded .playbtn { background-position:0 50%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity:.6; }
.win-video .interviews .thumbs a.playing.loaded:hover .playbtn { background-position:0 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity:.6; }
.win-video .interviews .thumbs a.playing.loading .playbtn { background-image:url('/~/media/8E37A9AE9B1841D4A001A2902EF9C760.gif') !important; background-position: center center !important; background-size:auto; }
.win-video .interviews .caption .interviewee, .win-video .interviews .caption .default {left:-100px; position:absolute; text-align:center; width:100%; top:0; padding:11px; -webkit-transition: left 0.4s ease;  -moz-transition:    left 0.4s ease;  -ms-transition:     left 0.4s ease;
  -o-transition:      left 0.4s ease;}
  .win-video .interviews .caption .interviewee { display:none; }
.win-video .interviews .caption .center {left:0;}
.win-video .interviews .caption .right { left:100px !important; }

.win-video .interviews.touch .thumbs { position:relative !important; overflow-x:scroll; overflow-y:hidden; width:100%;}

.win-ascap {  }
.fixedcontent { position:absolute; height:100%; left:50%; width:900px; margin-left:-450px; }
.win-ascap .fixedcontent { margin-bottom:80px; margin-top:80px; z-index:10;height:95%;  width:100% !important; left:0 !important; margin-left:0 !important;}
.win-ascap .fixedcontent .section-title { position:absolute; top:2.5%; width:100%; font-size:55px;  }
.win-ascap .fixedcontent .stat { font-family:Roboto Slab, sans-serif; font-weight:300; font-size:57px; width:30%;  text-align:center; padding-top:55px; position:absolute;}
.win-ascap .fixedcontent .stat:before { content:attr(data-icon); font-size:39px; font-family:Entypo; position:absolute; left:50%; margin-left:-17px; color:#ff6054; margin-top:-40px;}
.win-ascap .fixedcontent .stat:after { content:attr(data-text); color:#ff6054; font-size:17px; text-align:center; font-family:Roboto, sans-serif; display:block; font-weight:normal; width:250px; margin:auto; }
.win-ascap .fixedcontent .stat.stat1 { left:0; top:20%; }
.win-ascap .fixedcontent .stat.stat2 { left:70%; top:20%; }
.win-ascap .fixedcontent .stat.stat3 { left:0; top:49%; }
.win-ascap .fixedcontent .stat.stat4 { left:70%; top:49%; }
.win-ascap .fixedcontent .circle { left:50%; position:absolute; }
.win-ascap .fixedcontent .circle.circle1 { top:22%; }
.win-ascap .fixedcontent .circle.circle2 { top:34%; }
.win-ascap .fixedcontent .circle.circle3 { top:46%; }
.win-ascap .fixedcontent .circle.circle4 { top:58%; }
.win-ascap .fixedcontent .circle.circle5 { top:70%; }
.win-ascap .fixedcontent .circle.circle6 { top:66%; }

.window .fixedcontent a.birthday-video-link { width:350px; left:50%; margin-left:-175px; border-radius:8px; z-index:5; position:absolute; bottom:100px;  display:block; padding:7px 10px; text-transform:uppercase; background-color:rgba(187, 204, 245, 0.1); color:#7b9cea; font-size:17px; text-align:center}
.window .fixedcontent a.birthday-video-link:hover { background-color:rgba(0, 0, 0, 0.5); color:#FFF; }

.win-ascap .fixedcontent .text { text-align:center; position:absolute; left:0; width:100%; line-height:151%; z-index:20}
.win-ascap .fixedcontent .text.text1 { top:14% }
.win-ascap .fixedcontent .text.text2 { top:73% }

.win-ascap .cutout, .win-share .cutout { position:absolute; }
.win-ascap .birthday-video { position:absolute; left:50%; top:50%; width:40%; height:430px; margin-left:-20%; margin-top:-215px; }

.win-ascap .cutout.cutout1 { width:339px; height:363px; background-image:url(/~/media/5DFD41B2BF9B4B9Ab49F55F81FB7E37B.png);right:10%; top:50%; z-index:3;  }
.win-ascap .cutout.cutout5 { width:260px; height:513px; background-image:url(/~/media/0B93B799556A47EC822D0B7D992941BF.png); right:20%; top:12%; z-index:1; }
.win-ascap .cutout.cutout3 { width:300px; height:430px; background-image:url(/~/media/9B30BB0C5F124EE5AB610FB3BB02000F.png);  right:43%; top:30%; z-index:2; }

.win-ascap .cutout.cutout4 { width:295px; height:344px; background-image:url(/~/media/824CB9B4065447AFAC90CACFB20C2737.png); left:5%; top:52%; z-index:3;}
.win-ascap .cutout.cutout2 { width:364px; height:483px; background-image:url(/~/media/B7C47F6B98B44543A78905A74DEEBF29.png);  left:10%; top:15%; z-index:2; }
.win-ascap .cutout.cutout6 { width:342px; height:368px; background-image:url(/~/media/57A4B22F01BD495288DE2D0AA08D9A67.png);  left:38%; top:40%; z-index:1; }

.win-share .cutout.cutout1 { width:280px; height:398px; background-image:url(/~/media/C3966C4AA03540DB834C0513279570D7.png); right:5%; top:44%; z-index:3;  }
.win-share .cutout.cutout5 { width:280px; height:522px; background-image:url(/~/media/DD73AC18FA044B9F9CA83EAF72410E8C.png); right:17%; top:15%; z-index:1; }
.win-share .cutout.cutout3 { width:320px; height:472px; background-image:url(/~/media/C5E96DD5967A41618A362BAF700548A9.png);  right:40%; top:30%; z-index:2; }


.win-share .cutout.cutout4 { width:336px; height:279px; background-image:url(/~/media/80161EA8B0BD4C5DAD0A6A4F5D95BB78.png); left:10%; top:52%; z-index:3;}
.win-share .cutout.cutout2 { width:340px; height:306px; background-image:url(/~/media/A13647DDEB2D43898C1724F1BC6B5A40.png);  left:15%; top:25%; z-index:1; }
.win-share .cutout.cutout6 { width:320px; height:426px; background-image:url(/~/media/5E0BF5BC0A8444DA912B8D4D173C866E.png);   left:35%; top:36%; z-index:2; }
.win-share .cutout.cutout7 { width:382px; height:340px; background-image:url(/~/media/6B763F9C25DC4D57B580B699C113AFF8.png);   left:-10%; top:36%; z-index:2; }

.win-share .cutout.cutout9 { width:600px; height:348px; background-image:url(/~/media/7B2822BD2BA24F3584F23372A4058A99.png);   left:50%; bottom:10%; z-index:2; margin-left:-300px }
.win-share .fixedcontent { }


.area-left { position:absolute; top:0; left:0; width:50%;height:100%;}
.area-right { position:absolute; top:0; right:0; width:50%;  height:100%; }

.window .circle.circle1 { top:13px; left:50%; position:absolute  } 
.window .year { height:100%; width:100%; padding-top:80px;  }
.window .year .bg { background:center center fixed;
   width:100%; height:100%;position:absolute; z-index:0; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; display:none; }
/*window .year .bg.loading {  background: url(/~/media/9615A6777FE149B4B9677F6FE797CB61.gif) no-repeat; display:block; -webkit-background-size: auto;  -moz-background-size: auto;  -o-background-size: auto;  background-size:auto;}  */
 .bg img { width:100%; height:auto; }
 
  .win-ascap .bg { display:block !important; z-index:9; overflow:hidden; }
   .win-ascap .bg img { top:-250px; }
 
  
 .window .year .shadow { position:absolute; bottom:-50px; height:100%; width:100%; background:url('/~/media/C0E16C9F18C8452EA580F5CFB7AD0AF1.png') bottom repeat-x; z-index:1; /* display:none; */ }
.window .year .title { background-color:rgba(21,50,118,0.65); height:80px; padding:22px 0;z-index:51;color:#fff; pointer-events:none; position:absolute; width:100%}
.window .year .title .content {  font-size:21px; top:5px; }
.window .year .title .content .theyear {color:#ff6054; font-family:Roboto Slab, sans-serif; font-size:39px;  float:left; margin:-12px 24px 0 0; font-style:normal !important;}
.window .year .title .header { width:100%; height:100%; text-align:center; position:absolute; color:#ff6054; font-family:Roboto Slab, sans-serif; font-size:39px; top:-14px;}
.window .year .info {z-index:2; bottom:0; height:125px; width:100%; position:absolute; margin-bottom:50px;}
.window .year .info p {margin:0; padding:0;}
.window .year .info .theyear { font-size:41px; color:#FFF; font-family:Roboto Slab, sans-serif; font-weight:300; position:absolute; bottom:100%; width:20%; line-height:110%; }
.window .year .info .menu { width:21%; background-color:#ff6054; height:100%; position:absolute; left:0; top:0;overflow:hidden }
.window .year .info .menu a.item { height:34%; width:95%; text-transform:uppercase; font-size:19px; padding:11px 11px 11px 42px; display:block; color:#bbccf5; line-height:100% }
.window .year .info .menu a.item.last { height:33% }
.window .year .info .menu a.item:before { margin-right:5px; font-family:Entypo; content:attr(data-icon); font-size:23px; position:absolute; left:5px; margin-top:1px; width:30px; text-align:center }
.window .year .info .menu a.item { background-color:#14285e; }
.window .year .info .menu a.item.odd { background-color:#123790; }
.window .year .info .menu a.item:hover { color:#FFF;background-color:#0c1c46;}
.window .year .info .menu a.item.active, .window .year .info .menu a.item.active:hover { background-color:#ff6054;color:#fff; cursor:default}

.window .year.preview { padding-top:0; height:80px; bottom:0; position:absolute;}
.window .year.preview .title { }
.window .year.preview .bg { z-index:5 }


.window .year .info .text-area .text a { color:#FF6054; font-weight:normal !important; text-decoration:none; }
.window .year .info .text-area .text a:visited { color:#FF6054; }
.window .year .info .text-area .text a:hover { color:#FFA6A0; }
.window .year .info .text-area { left:21%; width:79%;  line-height:165%;  }
.window .year .info .spotify-player { right:0; padding:10px; background-color:rgba(21,50,118,0.65); top:0; position:absolute; height:100%; display:none; }
.window .year .spotify-player .header { font-size:13px; text-transform:uppercase; color:#bbccf5; margin-bottom:8px; line-height:100%; padding-left:15px;}
.window .year .spotify-player .header:before { font-family:Entypo; content:'\E804'; position:absolute; left:0; }
.window .year .info .spotify-player .flash { width:100%; height:100%; position:absolute; top:0; left:0; background-color:#FFF; display:none; opacity:0.6}


.window .year.special .spotify-player { right:100px; padding:10px;  background-color:rgba(21,50,118,0.65);  position:absolute; height:70%; display:none; bottom:40px; z-index:52 }
.window .year.special .spotify-player.first { right:440px; }

.window .year.special a.press-release-link { border-radius:8px; z-index:5; position:absolute; bottom:0;  display:block; padding:7px 10px; text-transform:uppercase; background-color:rgba(187, 204, 245, 0.1); color:#FF6054; font-size:17px;}
.window .year.special a.press-release-link:hover { background-color:rgba(0, 0, 0, 0.5); color:#FFF; }


.window .year .info .text { position:absolute; left:0; top:0; width:100%; height:100%; padding-left:20px; max-width:1000px; padding-right:340px; }
.window .year .info .text ul { padding:0; margin:0 0 0 18px; } 
.window .year .info .text li { margin-bottom:12px;  }
.window .year .info .text.ascap-history {  }
.window .year .info .text.world-history { display:none; }
.window .year .info .text.music { display:none; }

.window .year .player { display:none; position:absolute; height:100%; width:100%; z-index:3; padding-bottom:126px; }
.player .bottombar { width:100%; position:absolute; bottom:0; left:0; height:46px; background-color:#0c1c46;}
.window .year .player .bottombar { bottom:80px; }

.win-share .fixedcontent { text-align:center; width:800px; margin-left:-400px;}
.win-share .fixedcontent .circle { left:50%; position:absolute; }
.win-share .fixedcontent .circle.circle1 { top:2%}
.win-share .fixedcontent .circle.circle2 { top:8%}
.win-share .fixedcontent .section-title { top:15%; }

.win-share .fixedcontent a.share { font-family:Entypo; font-size:60px; position:absolute; margin-left:-30px; top:25%; color:#ff6054 }
.win-share .fixedcontent a.share:hover { color:#fff  }
.win-share .fixedcontent a.share.share1 { left:35%; }
.win-share .fixedcontent a.share.share2 { left:49.5%; }
.win-share .fixedcontent a.share.share3 { left:65%; }

.win-share .fixedcontent .thunderclap { width:100%; top:35%; position:absolute; left:0;}

.win-share .footer { height:20%; bottom:0; background-color:#0c1c46; position:absolute; width:100%; text-align:center; z-index:10}


a.btnRed { width:170px; display:block; padding:11px; line-height:100%; background-color:#ff6054; color:#FFF; font-size:15px; text-align:center; margin:0 10px;/* box-shadow:0 5px 0 #a5423b; */ }
a.btnRed:hover { background-color:#fff; color:#ff6054;}
a.btnRed:before { content:attr(data-icon); font-family:Entypo; margin-right:7px; }
.win-share .footer .btnRed { position:absolute; top:45%; margin-top:-25px; }
.win-share .footer .btnRed.btn1 { right:51% }
.win-share .footer .btnRed.btn2 { left:51% }
.win-share .footer .text { position:absolute; bottom:0; width:100%;color:#485c8b; font-size:11px; text-align:left; padding-bottom:25px; }
.win-share .footer .text .item {margin-right:30px; display:inline-block; }
.win-share .footer .text a {color: #485c8b }
.win-share .footer .text a.footer-tooltip { border-bottom:1px dashed #485c8b; }
.win-share .footer .text a:hover {color: #7b9cea; border-bottom-color:#7b9cea }
.win-share .footer .text .item.right {margin-right:0; }

.window .year a.playvideo { width:600px; height:150px; top:54%; left:50%; margin-top:0px; margin-left:-300px; position:absolute; z-index:2; text-align:center; padding-top:30px;}
.window .year a.playvideo .subtitle { text-transform:uppercase; color:#ff6054; background-color:rgba(16,41,96,.6); font-size:27px; font-weight:500; display:inline-block; padding:6px 8px; line-height:100%; margin-top:-5px;-webkit-transition: all 0.4s ease;  -moz-transition:    all 0.4s ease;  -ms-transition:     all 0.4s ease;  -o-transition:      all 0.4s ease;}
.window .year a.playvideo:hover .subtitle { background-color:#ff6054; color:#102960;  text-decoration:none;  } 

.window .year.special a.playvideo { left:25% !important; }

.window .year .info .songinfo { color:#ff6054; border-bottom:dashed 1px #ff6054; display:inline-block;  }

.tooltip { width:200px; background-color:#123790; color:#FFF; font-size:13px; position:fixed; z-index:99; padding:7px; display:none; line-height:132%;}
.tooltip .title { text-transform:uppercase; margin-bottom:4px; }


.player a.close { position:absolute; right:0; bottom:0; z-index:9999; padding:3px 15px 11px 11px; font-size:19px; color:#ff6054; font-weight:300; padding-left:19px}
.player a.close:hover { color:#FFF; }
.player a.close:before { font-family:Entypo; font-size:25px; content:'\E816'; position:absolute; top:3px; left:0; }
.window .year .player a.close { bottom:80px; }

#spotlightyear { display:none; }
#daysleft{display:none; }

.audioplayer { display:none; }

.thunderclap-container { width:386px; height:307px; margin:0 auto }
.thunderclap-text { width:100%; height:100%; font-size:48px; position:absolute; top:50%; left:0; margin-top:-34px; z-index:2; font-weight:300 }
.thunderclap-container img { zoom: 1; filter: alpha(opacity=35);opacity:.35; width:100% }


.clear { clear:both }

@media screen and (max-width: 1450px) 
{
    .win-video .video .title { font-size:59px }
    
}
@media screen and (max-width: 1370px) 
{
    .window .year.special .spotify-player.first { right:100px; bottom:200px; }
	.window .year.special .spotify-player { height:125px; }
	.win-ascap .birthday-video { height:315px; margin-top:-157px;}
}


@media screen and (min-width:1100px) and (max-width: 1279px) {
	.window .year .info .text { font-size:13px; line-height:165% }
	.window .year .info .menu a.item { font-size:16px; line-height:100%; padding-top:12px;}
	.win-video .video a.moveright, .win-video .video a.moveleft { top:75%; }
	.win-ascap .fixedcontent .stat { font-size:49px; }
	.win-ascap .fixedcontent .stat:before { font-size:33px; margin-top:-30px;}
	.win-ascap .fixedcontent .stat:after { margin-top:-3px;}
	.fixedcontent { width:800px; margin-left:-400px; }
	.cutout { background-size:75% 75%; }
	.area-left .cutout { background-position:right center; }
	.area-right .cutout { background-position:left center; }
	
}

@media screen and (max-width: 1100px) {
	.window .year .info .text { font-size:12px; line-height:165%}
	.window .year .info .menu a.item { font-size:14px; line-height:100%; padding-top:13px;}
	.win-video .video a.moveright, .win-video .video a.moveleft { top:75%; }
	.win-ascap .fixedcontent .stat { font-size:49px; }
	.win-ascap .fixedcontent .stat:before { font-size:33px; margin-top:-30px;}
	.win-ascap .fixedcontent .stat:after { margin-top:-3px;}
	.cutout { display:none; }
	.fixedcontent { width:800px; margin-left:-400px; }
	a.btnPrevWindow { left:37% !important; }
	
}
 .win-ascap .fixedcontent a.birthday-video-link { display:none; }
@media screen and (max-width:840px)  
{
    
     .win-ascap .fixedcontent .birthday-video { display:none;}
     .win-ascap .fixedcontent a.birthday-video-link { display:block; }
    .win-ascap .fixedcontent .stat { width:50% !important; }
.win-ascap .fixedcontent .stat.stat2 { left:50%; }
.win-ascap .fixedcontent .stat.stat4 { left:50%; }
    
}

@media screen and (max-width:660px) 
{
    .rightbar { display:none; }
    .leftbar { display:none; }
    }
   
   @media screen and (max-width:500px) , screen and (max-device-width:380px), screen and (max-height:800px) 
   {
       .thunderclap-container { width:280px; height:223px; position:relative; top:10px }
.thunderclap-text { font-size:33px; margin-top:-17px }   
   } 
    
@media screen and (max-width:500px) , screen and (max-device-width:380px)
{
    .win-ascap .fixedcontent a.birthday-video-link { display:none; }
    .win-video .video .title { font-size:39px; margin-left:-150px; width:300px; }   
    .win-video .video .musicvideo .title { margin-top:-80px }
    .win-video .video .title .subtitle { font-size:23px; }
    .win-video .video a.moveright .subtitle, .win-video .video a.moveleft .subtitle { font-size:15px; }
    .win-video .video a.moveright { left:50%; margin-left:-100px; top:80%}
    .win-video .video a.moveright:after { top:-1px; right:auto; margin-left:10px; font-size:27px;}
    .win-video .video .title .text { font-size:13px !important;  margin-bottom:6px; display:none;}
    .content { margin:0 15px;}
    .win-video .video a.moveleft { left:50%; margin-left:-88px; top:89%;}
    .win-video .video a.moveleft:after {top:-1px; left:11px; margin-right:0px; font-size:27px; }
    .topbar .logo { background-size:75%; background-repeat:no-repeat; height:20px; margin-top:-10px; }
    .topbar { height:55px; }
    .topbar .shadow { top:-50px }
    .section-title { font-size:33px; }
    .fixedcontent { width:100%; left:0; margin-left:0; }
    html,body { font-size:15px; }
    a.btnNextWindow { display:none; }
    a.btnPrevWindow { display:none; }
    .circle { display:none; }
    .win-ascap { height:1050px; }
    .win-ascap .section-title { top:0 !important; }
    .win-ascap .fixedcontent { margin-top:75px; }
    .win-ascap .fixedcontent .stat { font-size:37px; width:100% !important; }
    .win-ascap .fixedcontent .text.text1 { top:47px; }
    .win-ascap .fixedcontent .stat.stat1 { top:95px; }
    .win-ascap .fixedcontent .stat:after { font-size:15px; }
    .win-ascap .fixedcontent .stat.stat2 { left:0; top:252px; }
   .win-ascap .fixedcontent .stat.stat3 { top:395px; }
    .win-ascap .fixedcontent .stat.stat4 { left:0; top:563px; }
    .win-ascap .bg img { top:0; }
    .win-ascap-parent { height:auto !important; }
    .window .year.preview { height:83px; }
    .window .year.preview .title { height:83px; }
    .window .year .title { height:auto; padding:6px 0 19px;}
    .yearWindow .year .title { background:#14285e;  position:relative;}
    .window .year .title .content {  font-size:17px; }
    .window .year .title .content .theyear { font-size:27px; margin:0; float:none;}
    .window .year { padding-top:55px; height:auto; }
    .yearWindow .year .bg { position:relative; height:auto !important; line-height:0; }
    .yearWindow { height:auto; }
    .window .year .shadow { display:none !important; }
   .window .year .info { position:relative; height:auto; margin-bottom:0; }
    .window .year .info .content { margin:0;}
     .window .year .info .inner-content {margin:0; padding:0; }
    .window .year .info .theyear { opacity:0; }
    .window .year .info .spotify-player { position:relative; }
    .window .year .info .menu { position:relative; width:100%; height:auto; }
    .window .year .info .menu a.item {width:33%; float:left; height:100%; text-indent:-9999px; padding:15px 0 17px;}
    .window .year .info .menu a.item:before { text-indent:0; position:absolute; left:50%; margin-left:-15px; font-size:29px; }
    .window .year .info .menu a.item.last { width:34%; }
    .window .year .info .text-area { position:relative; left:auto; top:auto; width:auto; height:280px }
    .window .year .info .text-area .text {padding:15px 15px 0 15px; position:absolute; top:0; font-size:13px }
    .window .year .info .spotify-player { height:104px !important; padding:15px 0 0 15px !important;}
    .window .year .info .spotify-player .header { display:none; }
    .win-year-parent { height:auto !important; }
    .win-share { height:auto; padding-top:55px; }
    .win-share .fixedcontent { position:relative; width:100%; margin-left:0;}
    .win-share .fixedcontent .section-title { position:relative; margin-bottom:15px; margin-top:15px;}
    .win-share .fixedcontent a.share { position:relative; margin-left:0; top:0; left:0 !important; font-size:41px; width:25%; text-align:center; display:inline-block; float:none; }
    .win-share .footer {position:relative; height:auto; padding-top:1px; margin-top:30px; padding-bottom:0;  }
    .win-share .fixedcontent .thunderclap { position:relative; top:auto !important; left:auto !important; position:relative; margin:20px 0 0 }
    .win-share .footer .btnRed { right:0 !important; left:0 !important; position:relative; top:0; display:block; width:auto; margin:0 0 1px 0; }
     .win-share .footer .text .item { display:block; font-size:13px; margin-bottom:4px;  }
     .win-share .footer .text { position:relative; margin-top:20px;}
     .win-share .footer .text .item.right { float:none; margin-top:19px; }
     .window .year a.playvideo { position:relative; top:auto; margin:0; display:block; left:0; width:100%; height:auto; padding-top:0; text-align:left; }
     .window .year a.playvideo .subtitle { font-size:17px;  width:100%; padding:12px 15px 12px 15px; background-color:#14285e}
     .window .year .player { position:fixed; top:0; left:0; z-index:110; padding-bottom:0; padding-top:55px; }
     .window .year .player .bottombar, .win-video .player .bottombar { bottom:0; }
     .window .year .player a.close, .win-video .player a.close { bottom:0; }
     .win-video .player {  position:fixed; top:0; left:0; padding-top:55px; padding-bottom:0; }
     
     .window .year.special .spotify-player { width:100%; position:relative; top:auto; right:auto !important; bottom:auto; height:auto; padding-top:15px 0 0 15px;}
     .window .year.special .spotify-player.first { bottom:auto; right:auto; }
     
     .win-video .interviews .caption { top:0; font-size:15px; height:40px }
     .win-video .interviews { height:25%; padding-top:40px; }
     .win-video .interviews.touch .thumbs { }
   .win-video .interviews .caption .interviewee, .win-video .interviews .caption .default { padding:9px; }
   .win-video .interviews .thumbs a .playbtn { opacity:0.5 !important;} 
   .win-ascap .fixedcontent .stat:before { margin-top:-45px; }
   
   .win-ascap .fixedcontent .birthday-video { position:absolute; top:740px; width:100% !important; height:230px; bottom:auto; left:auto; margin-left:0; margin-top:0; display:block; }
   .window .year.special a.press-release-link { position:relative; }


}
@media screen and (max-width:380px) and (max-height:800px) {
 .win-video .bg img { margin-left:-25%; height:100%; width:auto;}
}


.topbar a.mobileNavBtn {  line-height:80%; right:0px; top:10px; position:absolute; z-index:99; display:block; padding:4px 7px; color:#FFF; background-color:rgba(255, 255, 255, 0.2); border-radius:3px; font-family:Entypo; font-size:31px;  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none; pointer-events:none;}
  .topbar #mobileNav { position:absolute; right:0px; top:10px; font-family:Roboto, Sans-Serif; font-size:19px; width:34px; opacity:0; }