@charset "UTF-8";
/*@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("eot"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#FontAwesome") format("svg");
  font-weight: normal;
  font-style: normal; }
*/
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; }

html {
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  background: #fff;
  color: #000;
  font-family: "Lato", sans-serif;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  overflow: hidden;
  /*-webkit-font-smoothing: antialiased; */}

p, pre {
  margin-bottom: 16px; }

pre {
  padding: 10px;
  background: #fff;
  white-space: pre-wrap; }
  pre code {
    color: #888; }

code {
  font-family: "Ubuntu Mono", monospace; }

h1, h2, h3, h4 {
  /*font-family: "PT Serif", serif;*/
  font-weight: normal; }

a {
  text-decoration: underline;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

/*.icon:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  display: inline-block;
  vertical-align: middle; }
*/
.panel {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: auto; }

.nav {
  width: 620px;
  font-weight: normal;
  height: 48px;
  padding: 3px;
  padding-right: 1px;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 50%;
  margin-left: -320px;
  background: #fff;
  color: #000;
  overflow: hidden;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .intro-visible .nav {
    color: #62726a;
  }
  .intro-visible .nav .nav-intro, .intro-visible .nav a:hover, .intro-visible .nav a:focus {
    background: #62726a;
  }
  .people-visible .nav {
    color: #626a72;
    background: #6BBD44;

  }

  .people-visible .nav .titleText{color: #fff;}
  .people-visible .nav .nav-started, .people-visible .nav a:hover, .people-visible .nav a:focus {
    background: #5B4B9E;
    background: #939fab;
  }
  .business-visible .nav {
    color: #6a6272;
    background: #D5C5E5;
  }
  .business-visible .nav .nav-shortcuts, .business-visible .nav a:hover, .business-visible .nav a:focus {
    background: #6a6272;
  }
  .writing-visible .nav {
    color: #72626a;
    background: #AFCDE9;
  }
  .writing-visible .nav .nav-writing, .writing-visible .nav a:hover, .writing-visible .nav a:focus {
    background: rgba(0,0,0,.2);
  }
  .fun-visible .nav {
    color: #72626a;background: #00C800;
  }
  .fun-visible .text-title {color: #fff;}
  .fun-visible .nav .nav-fun, .fun-visible .nav a:hover, .fun-visible .nav a:focus {
    background: #fff;color: #000;
  }
  .science-visible .nav {
    /*color: #72626a;*/
    background: #251F1F;
    color: #fff;
  }
  .science-visible .titleText{color: #fff;}
  .science-visible .nav .nav-science, .science-visible .nav a:hover, .science-visible .nav a:focus {
    background: #72626a;
  }
  .technology-visible .nav {
    color: #72626a;
    background: #C5E5D5;
  }

  .technology-visible .nav a{background: #5B9898;}
  .technology-visible .nav .nav-technology, .technology-visible .nav a:hover, .technology-visible .nav a:focus {
    background: rgba(0,0,0,.2);
  }

  .nav a.nav-technology{font-size: 11px;line-height: 24px;}
  

  .lessons-visible .nav {
    color: #72626a;
    background: #E5C5D5;
  }

  .lessons-visible .nav a{background: #916CAF;}
  .lessons-visible .nav .nav-lessons, .lessons-visible .nav a:hover, .lessons-visible .nav a:focus {
    background: rgba(0,0,0,.2);
  }
  .goals-visible .nav {
    color: #72626a;
    background: #E58E93;
  }

  .goals-visible .nav a{background: #39B54A;}
  .goals-visible .nav .nav-goals, .goals-visible .nav a:hover, .goals-visible .nav a:focus {
    background: rgba(0,0,0,.2);
  }
  .highlights-visible .nav {
    color: #72626a;
    background: #E5C5D5;
  }

.highlights-visible .nav a{
  color: #fff;
background: #9E5BA4;}

  .highlights-visible .nav .nav-highlights, .highlights-visible .nav a:hover, .highlights-visible .nav a:focus {
   background: rgba(0,0,0,.2);
  }
 
  .nav h1 {
    float: left;
    font-size: 24px; }
  .nav ul {
    float: right;
    list-style: none; 
  width: 345px;
  margin-top: -1px;
}
  .nav li {
    float: left;
    padding: 0 1px;
width: 67px;
text-align: center;margin-bottom: 2px;
}
  .nav a {
    display: block;
    line-height: 2;
    color: #fff;
    background: #000;
    text-decoration: none;
    font-size: 12px;
    padding: 0 5px; }
    
    .intro-visible .nav a {
      background: #93ab9f;
      color: #fff; }

      .intro-visible .titleText{color: #fff;}
    .people-visible .nav a {
      background: #5B4B9E;
      color: #fff; }

    .business-visible .nav a {
      background: #916CAF;
      color: #fff; }
    .writing-visible .nav a {
      background: #5F9BD3;
      color: #fff; }

      .titleText{display: inline-block;line-height: 48px; vertical-align: inherit; height: inherit;float: left;color: rgba(0, 0, 0, 0.48);margin-left: 10px;}

.version {
float: left;
font-size: 12px;
margin: 0 0 0 10px; }

.intro {
  left: 0;
  background: #c5e5d5;
  color: #fff; }

#essayPresentation{background:url(../img/pond.jpg) no-repeat;max-width:1300px;text-align:right;background-size:cover;margin-top:100px}
#greenFloat{float:left;margin-top:4%;text-align:left;background:#77b72e;padding:0;font-family:sans-serif;color:#fdffe2;box-shadow:1px 1px 2px rgba(0,0,0,0.3);height:368px;width:318px}
.floatTitle{display:block;text-align:center;font-style:italic;margin-bottom:0;margin-top:10px;font-weight:lighter;font-size:23px;}
.floatDescription{border-top:4px solid #ccc993;border-bottom:4px solid #ccc993;display:block;margin:5px 15px 5px 5px;font-style:italic;font-weight:100;font-size:18px;line-height:26px;padding:5px 0}
.greenAccent{height:55px;background-color:rgba(53,76,20,0.7);width:40px;float: right;margin-right: -26px;margin-top: -199px;}
.greenAccentLeft{display:inline-block;background-color:rgba(53,76,20,0.7);width:20px;height:100%}
.otherContent{display:inline-block;width:290px;vertical-align:top;text-shadow:1px 1px 2px rgba(0,0,0,0.2)}
#ode{height:inherit;display:inline-block;text-align:left;background:rgba(0,0,0,0.6);padding:40px 20px;max-width:52%;transition:1s;cursor:pointer;}
#ode:hover{background:rgba(0,0,0,0.8);transition:1s}
.essay p {
background: inherit;
padding: 10px;
margin: 5px 0;
/*cursor:pointer;*/
/*font-size: 18px;
line-height: 24px;*/
}


  .intro h3 {
    color: #44504a; }
  .intro a {
    color: #62726a; }
    .intro a:hover, .intro a:focus {
      color: #44504a; }
  
.inner{padding-bottom: 60px;}

  .intro .inner {
    /*width: 620px;
    position: absolute;
    left: 50%;
    top: 60px;
    margin: 0 0 0 -310px; */

width: 100%;
/* position: absolute; */
/* left: 50%; */
position: initial;
top: 60px;
margin: 0 0 0 -310px;
margin-left: auto;
margin-right: auto;

}

.lowerHolder{
  max-width: 900px;
margin: auto;}

    .intro:before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*background: url('img/overlay.png')*/;
    }
    .intro{background: center center #0782ab;
background-size: cover;}

.intro-visible .nav{background: rgba(0, 0, 0, 0.8);box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25);}

.summary {
  padding-right: 160px; }
  .summary ul {
    position: absolute;
    right: 0;
    top: -3px;
    list-style: none; }
    .summary ul a {
      text-decoration: none;
      display: block;
      border: 0;
      padding: 4px 10px 0 0; }
      .summary ul a:hover, .summary ul a:focus {
        background: #e2f2ea; }
      .summary ul a:before {
        width: 48px;
        font-size: 24px;
        text-align: center; }

.intro-download:before {
  content: '\f019'; }

.intro-github:before {
  content: '\f09b'; }

.intro-tests:before {
  content: '\f0c3'; }

.intro-licenses:before {
  content: '\f0e3'; }

  .posterImage{width: 100%;margin-top: 45px;}

/*HOMEPAGE INTRO WRAPPER*/
#intro-wrapper {
padding-bottom: 8em;
}

#intro .smallTitle{font-weight: normal;text-transform: uppercase;
color: #FFA500;}

#intro .details{font-size: 18px;
line-height: 34px;}

#intro  .smallText{color: #FFF;}

.wrapper {
padding: 6em 0 9em 0;
}
.wrapper-style1 {
background: rgb(233, 119, 112) url('img/overlay.png');
color: rgb(238, 238, 238);
color: rgba(255, 255, 255, 0.75);
}
.wrapper {
position: relative;
}

.wrapper .title {
font-size: 0.9em;
width: 25em;
height: 3.25em;
top: -3.25em;
line-height: 3.25em;
margin-bottom: -3.25em;
margin-left: -12.5em;
padding-top: 0.5em;
}
.wrapper-style1 .title {
background: rgb(233, 119, 112) url('img/overlay.png');
color: rgb(255, 255, 255);
}
.wrapper .title {
position: absolute;
top: 0;
left: 50%;
text-align: center;
text-transform: uppercase;
display: block;
font-weight: 700;
letter-spacing: 0.25em;
font-size: 0.9em;
width: 25em;
height: 3.25em;
top: -3.25em;
line-height: 3.25em;
margin-bottom: -3.25em;
margin-left: -12.5em;
padding-top: 0.5em;
}
.wrapper .title:before {
content: '';
position: absolute;
bottom: -31px;
left: -35px;
width: 35px;
height: 38px;
background: url('img/shadow.png');
}

.wrapper .title:after {
content: '';
position: absolute;
bottom: -31px;
right: -35px;
width: 35px;
height: 38px;
background: url('img/shadow.png');
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
/*END HOMEPAGE INTRO WRAPPER*/


.boxHolder { 
  margin-top: 32px; color: #FFF;}

  .boxHolder > h2 {
border-top: 1px solid rgba(0, 0, 0, 0.2);
font-size: 28px;
/*line-height: 26px;*/
margin: 0 auto;
text-align: center;
text-transform: uppercase;
font-family: inherit;
color: rgba(0, 0, 0, 0.5);
margin-top: 70px;
     }
  
  .boxText{
    background: rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: block;
  }

  .boxText.plain{background: none;}

  .boxHolder ul {
    list-style: none;
    width: 618px;
    overflow: hidden; }
  .boxHolder li {
    float: left;
    width: 134px;
    font-size: 12px;
    }
  .boxHolder p {
    margin: 0; }
  .boxHolder h3 {
    margin: 0;
    font-size: 16px; }
    .boxHolder h3:before {
      padding-right: 8px; }

.new-horizontals:before {
  content: '\f07e'; }

.new-multiples:before {
  content: '\f00a'; }

.new-shortcuts:before {
  content: '\f0d0'; }

.new-api:before {
  content: '\f040'; }

.peopleBox {
  left: 100%;
  background: #6bbd44;
  color: #fff; }
  .peopleBox a {
    color: #626a72;
    border-bottom-color: #939fab; }
    .peopleBox a:hover {
      color: #444a50;
      border-bottom-color: #626a72; }
  .peopleBox p > code {
    padding: 0 2px;
    background: #e2eaf2; }
  .peopleBox .inner {
    margin: 60px auto;
  width: 100%;
margin-top: 0;}

.peopleHead{
background: url(../img/people/people.png) no-repeat center 0 #5B4B9E;
min-height: 407px;
margin: auto;
background-size: contain;
width: 100%;
padding-top: 155px;}


.thankDescription{margin-top: -20px;
color: #6BBD44;
font-size: 18px;}

.details.thanksJason{background: url(../img/people/thanksjason.jpg) 50% 19% no-repeat;
background-size: cover;
height: 226px;
}

.details.thanksTorch{background: url(../img/people/thanksTorch.jpg) 0% 19% no-repeat;
background-size: 138%;
height: 226px;
}

.details.thanksEmanuel{background: url(../img/people/thanksEmanuel.jpg) 0% 22% no-repeat;
background-size: cover;
height: 226px;
}

.details.thanksTekel{background: url(../img/people/thanksTekel.jpg) 50% 9% no-repeat;
background-size: cover;
height: 226px;
}
.details.thanksErin{background: url(../img/people/thanksErin.jpg) 50% 9% no-repeat;
background-size: cover;
height: 226px;}

.details.thanksJudd{background: url(../img/people/thanksJudd.jpg) 100% 34% no-repeat;
background-size: cover;
height: 226px;
}


.details.thanksPerson ul{background: rgba(0,0,0,0.6);
height: 100%;
margin: -20px;
padding-bottom: 40px;
padding: 20px;}

.details.thanksPerson.thanksJudd ul{background: rgba(0, 0, 0, 0.7);}


    /* End People */

.started-section {
  position: relative;
  margin-bottom: 64px; }
  .started-section:after {
    font-family: 'Helvetica Neue', sans-serif;
    content: '༜';
    position: absolute;
    left: 0;
    bottom: -44px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #939fab; }

.business {
  left: 200%;
  /*background: #d5c5e5;*/
  background: #D5C5E5;
  color: #6a6272; }
  .business .inner {
    top: 60px;
width: 100%;
margin: auto;}
  .business h2 {
    color: #444a50; }
  .business a {
    display: inline-block;
    color: #6a6272;
    text-decoration: none;
    margin-right: 10px;
    width: 240px;
    text-align: center;
    padding: 10px 0; }
    .business a:hover, .business a:focus {
      background: #eae2f2;
      color: #4a4450; }
    .business a:before {
      display: block;
      font-size: 48px; }

.blinkBusiness{float: right;
width: 23%;
right: 21%;
position: absolute;}

.businessLower {
  width: 900px;
margin: auto;}

.shortcut-sticky:before {
  content: '\f08d'; }

.shortcut-infinite:before {
  font-family: 'Helvetica Neue', sans-serif;
  content: '∞'; }

.example-dials:before {
  content: '\f0e4'; }

.example-analytics:before {
  content: '\f0c0'; }

  .businessHead{
background: url(../img/business/businessSuit.png) no-repeat center 0 #68A2D7;
min-height: 407px;
margin: auto;
background-size: contain;
width: 100%;
padding-top: 155px;}

.partnerHead{height: 100px;
width: 100px;
background: #000;
float: left;
display: inline-block;
margin-right: 10px;
margin-top: 10px;}

.partnerNameInner{vertical-align: 16px;
font-size: 20px;}

.partnerHolder{margin-bottom: 20px;padding-bottom: 40px;}
/* end business */


/* start writing */
.writingHead{
background: url(../img/writing/bg.png) #68A2D7;
min-height: 407px;
margin: auto;
width: 100%;
padding-top: 155px;
}

.writingTitle{margin: auto;
width: 500px;
text-align: center;}

.writingDescription{color: rgb(0, 56, 74);padding: 20px;
background: rgba(255, 255, 255, 0.7);
margin-top: 70px;}

.writing {
  left: 300%;
  background: #AFCDE9;
  color: #72626a; }
  .writing .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  /*.writing h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    background: #50444a;
    color: #f2e2ea;
    padding: 10px; }*/
  .writing a {
    color: #72626a;
    border-bottom-color: #ab939f; }
    .writing a:hover {
      color: #50444a;
      border-bottom-color: #72626a; }
  .writing p > code {
    padding: 0 2px;
    background: #f2e2ea; }

.writing-nav-wrapper {
  -webkit-transition: right 200ms ease-in-out;
  -moz-transition: right 200ms ease-in-out;
  -o-transition: right 200ms ease-in-out;
  -ms-transition: right 200ms ease-in-out;
  transition: right 200ms ease-in-out;
  position: fixed;
  z-index: 6;
  top: 54px;
  right: -120px;
  bottom: 24px;
  overflow: auto;
  font-size: 12px;
  line-height: 2;
  padding: 6px 0 0 6px; }
  .writing-visible .writing-nav-wrapper {
    right: 0; }
  .writing-nav-wrapper ul {
    list-style: none; }
  .writing-nav-wrapper li {
    background: #fff; }
  .writing-nav-wrapper ul a {
    text-decoration: none;
    display: block;
    padding: 2px 8px; }
  .writing-nav-wrapper ul ul a {
    padding-left: 16px; }
  .writing-nav-wrapper .active, .writing-nav-wrapper a:hover, .writing-nav-wrapper a:focus {
    background: #f2e2ea; }

.writing-nav {
  width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
  .writing-nav > li > a {
    font-size: 14px;
    color: #50444a; }

.ratingBoxHolder{background: green;
margin: auto;
margin: -20px -20px 20px;
font-weight: normal;
line-height: normal;
text-align: center;
padding: 20px;}
.ratingBoxIntro{text-shadow: 1px 1px 1px #000;
color: white;
text-transform: uppercase;
padding-bottom: 10px;}
.ratingBox{border: 4px solid #fff;text-shadow: 1px 1px 1px #000;margin: auto;
width: 493px;background: green;color: white; text-transform: uppercase;}
.ratingLetter{font-size: 30px; float: left;display: inline-block;
float: left;
display: inline-block;
width: 33px;
text-align: center;
border-right: 4px solid #fff;
font-size: 69px;
padding: 0 11px;line-height: 77px;}

.ratingDescription{display: inline-block;border-top: 4px solid #fff;
width: 434px;
padding: 10px 0;
text-indent: 10px;font-size: 12px;line-height: 24px;
padding: 0;}

.ratingDescription.topDescription{border-top:none;padding: 14px 0px;font-size: 33px;line-height: inherit;
font-weight: bold;
padding: 0px 0;}
.ratingDescription.longRating{padding: 2px;border-top: 4px solid #fff;text-indent: 0;font-size: 16px;line-height: inherit;
width: 489px;}

#irrational{background: url(../img/writing/pattern.jpg) #fff;
width: 500px;
border: 5px solid #000;
margin: 100px auto;
padding-top: 40px;}
#irrationalDetails{background: black;
color: #fff;
width: 250px;
margin: -178px auto 40px;
padding: 90px 10px 10px;}

.roachImg{margin: auto;
display: inherit;}

.circle4{height: 70px;     width: 70px;     border: 1px solid;     border-radius: 50px;     display: inline-block;     margin-bottom: 12px;     margin-right: -57px;}
.circle3{height: 80px;      width: 80px; border: 1px solid; border-radius: 50px;     display: inline-block;     margin-right: -64px;     margin-bottom: 10px;}
.circle2{height: 90px;      width: 90px; border: 1px solid; border-radius: 50px; display: inline-block;     margin-right: -20px;     margin-bottom: 5px;}
.circle1{height: 100px; width: 100px; border: 1px solid; border-radius: 50px; display: inline-block;     margin-left: -50px;}

.echoTitle{display: inline-block;
margin-bottom: 10px;
line-height: 100px;
margin-left: -30px;
vertical-align: bottom;
font-size: 40px;}

.boxHolder > h2.echoh2{border-top: none;margin-bottom: -138px;color: #fff;}

.details.echoBody{/*background: linear-gradient(45deg, #DCDEE2 0%, rgba(1, 81, 228, 0) 70%), linear-gradient(135deg, #BFF0F4 10%, rgba(8, 231, 86, 0) 80%), linear-gradient(225deg, #CDD6DA 10%, rgba(6, 155, 224, 0) 80%), linear-gradient(315deg, #97C6DD 100%, rgba(58, 228, 1, 0) 70%);*/
border-radius: 40px;
padding: 165px 80px 80px;
max-width: 660px;
line-height: 34px;
margin: auto;
border: 1px solid rgba(96, 114, 117, 0.3);
background: url(../img/writing/echoBG.jpg);
text-shadow: 1px 1px 9px #000;
color: #FFF;
font-size: 18px;
}
.freeWillHolder{
border: 4px solid #C3C3C3;}
.freeWill{background: url(../img/writing/maze.png) #ECF0F1 no-repeat 50%;font-weight: bolder;
line-height: 30px;background-size: initial;
color: #2C3E50;}

h2.freeWillHeader{padding: 10px 0;
background: #ECF0F1;
color: #2C3E50;
margin-top: 0;}
.details.depthWriting{background: none;
color: #222;
border-left: solid 10px rgba(0, 0, 0, 0.1);
border-right: solid 10px rgba(0, 0, 0, 0.1);
padding-top: 0;
font-size: large;}
.depthTriangle{width: 0; 
  height: 0; 
  border-left: 100px solid rgba(0, 0, 0, 0);
border-right: 100px solid rgba(0, 0, 0, 0);
border-bottom: 100px solid rgba(0, 0, 0, 0.1);
margin: auto;
position: initial;
margin-top: -101px;}

h2.depthHeader{background: none;
border-top: none;}

.boxHolder.depthHolder{margin-top: 124px}

.timelyBG{background: url(../img/writing/timely.png) no-repeat 50% 22px;
width: 900px;
height: 142px;
position: absolute;}
.details.timelyBody{background: #222;
color: #EEE;
font-size: large;
line-height: 41px;}

h2.timleyHeader{background: -webkit-linear-gradient(45deg, #FF1A66 0%, rgba(255, 26, 102, 0) 70%), -webkit-linear-gradient(315deg, #0643F9 10%, rgba(6, 67, 249, 0) 80%), -webkit-linear-gradient(225deg, #0DF259 10%, rgba(13, 242, 89, 0) 80%), -webkit-linear-gradient(135deg, #F99E1F 100%, rgba(249, 158, 31, 0) 70%);
background: linear-gradient(45deg, #FF1A66 0%, rgba(255, 26, 102, 0) 70%), linear-gradient(135deg, #0643F9 10%, rgba(6, 67, 249, 0) 80%), linear-gradient(225deg, #0DF259 10%, rgba(13, 242, 89, 0) 80%), linear-gradient(315deg, #F99E1F 100%, rgba(249, 158, 31, 0) 70%);
padding: 50px 0;
/*color: #D5D5D5;*/color: #fff;border-top: 0;}

.timleyFooter{background: linear-gradient(45deg, #FF1A66 0%, rgba(255, 26, 102, 0) 70%), linear-gradient(135deg, #0643F9 10%, rgba(6, 67, 249, 0) 80%), linear-gradient(225deg, #0DF259 10%, rgba(13, 242, 89, 0) 80%), linear-gradient(315deg, #F99E1F 100%, rgba(249, 158, 31, 0) 70%); height: 4px;}

    /* END WRITING */


    /* START FUN */

    .fun {
  left: 400%;
  /*background: #e5c5d5;*/
  background: rgb(0, 200, 0);
  color: #72626a; }
  .fun .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  /*.fun h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    background: #50444a;
    color: #f2e2ea;
    padding: 10px; }*/
  .fun a {
    color: #72626a;
    border-bottom-color: #ab939f; }
    .fun a:hover {
      color: #EAEAEA;
background: #717171;}
  .fun p > code {
    padding: 0 2px;
    background: #f2e2ea; }

.fun-nav-wrapper {
  -webkit-transition: right 200ms ease-in-out;
  -moz-transition: right 200ms ease-in-out;
  -o-transition: right 200ms ease-in-out;
  -ms-transition: right 200ms ease-in-out;
  transition: right 200ms ease-in-out;
  position: fixed;
  z-index: 6;
  top: 54px;
  right: -120px;
  bottom: 24px;
  overflow: auto;
  font-size: 12px;
  line-height: 2;
  padding: 6px 0 0 6px; }
  .fun-visible .fun-nav-wrapper {
    right: 0; }
  .fun-nav-wrapper ul {
    list-style: none; }
  .fun-nav-wrapper li {
    background: #fff; }
  .fun-nav-wrapper ul a {
    text-decoration: none;
    display: block;
    padding: 2px 8px; }
  .fun-nav-wrapper ul ul a {
    padding-left: 16px; }
  .fun-nav-wrapper .active, .fun-nav-wrapper a:hover, .fun-nav-wrapper a:focus {
    background: #f2e2ea; }

.fun-nav {
  width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

  .fun-nav > li > a {
    font-size: 14px;
    color: #50444a; }

.fun-section {
  margin-bottom: 64px;
  position: relative;
  padding-top: 60px; }
  .fun-section:after {
    font-family: 'Helvetica Neue', sans-serif;
    content: '༜';
    position: absolute;
    left: 0;
    bottom: -76px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #ab939f; }

        .funHead{
      background: url(../img/fun/fun.png) no-repeat center #FFA02D;
min-height: 407px;
margin: auto;
background-size: cover;
width: 100%;
padding-top: 155px;}

#musicTop{height: 0;}

.funLower{width: 900px;
margin: auto;}

#business g.y.axis
{  fill: rgba(255,255,255,0.2);
  shape-rendering: crispEdges;}

#musicTop .axis path,
#musicTop .axis line {
  fill: none;
  stroke: rgba(255,255,255,0.2);
  shape-rendering: crispEdges;
}

.bar {
  fill: orange;
}

.bar:hover {
  fill: orangered ;
}

.x.axis path {
  display: none;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #000;
  border-radius: 2px;
}

.d3-tip.music-tip{width: 200px;text-align: center;background: rgba(255, 255, 255, 0.8);color: #fff;}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

.music-tip.d3-tip:after {color: rgba(255, 255, 255, 0.8);}

/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

.topInfo {
height: 202px;
}

.tick
{
  color: black;
  fill:black;
  fill-opacity: .6;
}

#musicTop .tick{ color: white;
  fill:white;}

.chartButtons{text-align: center;}

.chartButtons.topTrackButtonHolder{margin-top: 100px;}
.chartButtons:hover{cursor: pointer;}
.chartButtons a.streamImgHolder{padding: 0;}
.chartButtons a, .chartButtons button{padding: 20px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
text-decoration: none;
border: none;
color: #F0F8FF;
font-size: 20px;
font-family: "Lato", sans-serif;}

.funExplination{text-align: center;
font-size: 20px;margin-top: -91px;
margin-bottom: 150px;color: #fff;}
.peanutButter{display: none;}
.funExplination:hover .peanutButter{display: inline-block;
position: absolute;
top: 249px;
right: 9px;}

.streamgraph2014{margin-left: -20px;
margin-bottom: -24px;
width: 896px;}

.streamgraph2013{margin-top: 80px;
margin-left: -20px;
width: 896px;
margin-bottom: -20px;}

.musicTitle{background: none;
color: rgba(0,0,0,.5);
margin-left: -3px;
margin-bottom: -15px;
font-size: 40px;display: block;}
.musicHead{background: url(../img/fun/music.jpg) no-repeat;height: 246px;
width: 398px;
margin: auto;}

h2.musicTitleh2{font-weight: bolder;margin-top: 0;
color: #eee;
text-shadow: 1px 1px 1px #000;
background: rgb(245, 83, 107);
border-top: none;
padding: 40px 0;
font-size: 42px;

background: #FFA02D; /* Old browsers */
background: -moz-linear-gradient(top,  #FFA02D 0%, #FA6F37 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA02D), color-stop(100%,#FA6F37)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFA02D 0%,#FA6F37 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFA02D 0%,#FA6F37 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFA02D 0%,#FA6F37 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFA02D 0%,#FA6F37 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA02D', endColorstr='#FA6F37',GradientType=0 ); /* IE6-9 */
}



#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

.musicianOfYear.boxHolder > h2{border-top: none;
padding-top: 10px;}

.musicianOfYear{width: 80%; background: white;
margin: 30px auto;color: #415C8C;}
.musicianOfYear h3{text-align: center;color: #415C8C;}
.musicianOfYear img{float: left;
padding: 10px 20px 10px 0px;}

.musicianOfYear div {padding: 20px;}


.musicTitleBoxText{border-left: 2px solid #F5536B;
border-right: 2px solid #F5536B;background: #000;}

.musicDescription{background-color: rgba(0,0,0,.5);padding: 20px;
font-size: 20px;margin: 0 -20px 0px;}

.statBox {
display: inline-block;
width: 33%;
vertical-align: top;
}

.topLine {
display: block;
border-bottom: 1px solid #fff;
margin-bottom: 3px;
line-height: initial;
}
.bottomLine {
font-size: 35px;
}

#secondRow {
margin-top: 40px;
}

.lastYearStat {
color: #888;
display: block;
}


ul.musicFacts{width: inherit;
list-style: inherit;
overflow: inherit;margin: 40px 0;}

.musicFacts li.factsTitle{font-size: 30px;margin-left: 0;list-style: none;}

.musicFacts li{float: none;
width: inherit;
font-size: 20px;
margin-left: 20px;
}

.loveBox {
height: 230px;
/*width: 230px;*/
display: inline-block;
background-color: #a9a9a9;
margin-right: -4px;
width: 33.4%;
}

.loveTitle {
background: #000;
display: block;
margin-right: 1px;
padding-left: 20px;
font-size: 30px;
text-align: center;
}

.topSpan {
padding: 10px 5px;
display: inline-block;
text-shadow: 2px 2px 1px #000;
font-size: 16px;
}

#songsofYear .title{font-size: 30px;
text-align: center;
display: block;}

.songoftheyear img {
float: left;
width: 110px;
margin-right: 10px;
}

.songoftheyear {
min-height: 150px;
display: block;
}

.songTitle, .songTitle a, .albumHeading a {
color: #FFE699;
}
.songDescription {
display: block;
margin-bottom: 20px;
}
#boxOne.loveBox {
background: url(../img/fun/wah2.jpg);
background-size: cover;
}

#boxTwo.loveBox {
background: url(../img/fun/dan.jpg);
background-size: cover;
}

#boxThree.loveBox {
background: url(../img/fun/veruca.jpg);
background-size: cover;
}

#boxFour.loveBox {
background: url(../img/fun/frank.jpg);
background-size: cover;
}

#boxFive.loveBox {
background: url(../img/fun/abba.jpg);
background-size: cover;
}

#boxSix.loveBox {
background: url(../img/fun/enya.jpg);
background-size: cover;
}

#boxSeven.loveBox {
background: url(../img/fun/jason.jpg);
background-size: cover;
}

#boxEight.loveBox {
background: url(../img/fun/muse.jpg);
background-size: cover;
}

#boxNine.loveBox {
background: url(../img/fun/bill.jpg);
background-size: cover;
}

#boxTen.loveBox {
background: url(../img/fun/lizz.jpg);
background-size: cover;
}

#box11.loveBox {
background: url(../img/fun/sixpence.jpg);
background-size: cover;
}

#box12.loveBox {
background: url(../img/fun/nneka.jpg);
background-size: cover;
}

#box13.loveBox {
background: url(../img/fun/regina.jpg);
background-size: cover;
}

#box14.loveBox {
background: url(../img/fun/kate.jpg);
background-size: cover;
}

#box15.loveBox {
background: url(../img/fun/garbage.jpg);
background-size: cover;
}

#box16.loveBox {
background: url(../img/fun/royal.jpg);
background-size: cover;
}

#box17.loveBox {
background: url(../img/fun/immediate.jpg);
background-size: cover;
}

#box18.loveBox {
background: url(../img/fun/taylor.jpg);
background-size: cover;
}

#box19.loveBox {
background: url(../img/fun/bond.jpg);
background-size: cover;
}

#box20.loveBox {
background: url(../img/fun/daryl.jpg);
background-size: cover;
}

#box21.loveBox {
background: url(../img/fun/girltalk.jpg);
background-size: cover;
}

.infoBar {
background: rgba(9,9,9,0.7);
padding: 4px 10px;
height: 20px;
}

.infoTitle {
display: inline-block;
text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
margin-right: 10px;
}

.infoMiddle {
display: inline-block;
font-size: 13px;
color: #bbb;
}
.infoEnd {
display: inline-block;
float: right;
font-size: 13px;
line-height: 20px;
}


.bookHolder strong{text-transform: uppercase;}
.bookCover{float: left;
margin-right: 10px;}

ul.plainUl{display: inline-block;
width: 425px;
list-style: initial;
overflow: inherit;
margin-left: 20px;
}

ul.plainUl li{float: none;
width: inherit;
font-size: inherit;}


.bethBox{width: 633px;}

#fun hr{margin: 20px 0px;border-color: rgba(0, 0, 0, 0.06);}
    /* END FUN */



    /* START SCIENCE */
    .science {
  left: 500%;
  background: #251F1F;
  color: #72626a; }
  .science .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  /*.science h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    background: #50444a;
    color: #f2e2ea;
    padding: 10px; }*/
  .science a {
    color: #72626a;
    border-bottom-color: #ab939f; }
    .science a:hover {
      color: #50444a;
      border-bottom-color: #72626a; }
  .science p > code {
    padding: 0 2px;
    background: #f2e2ea; }

.science-nav-wrapper {
  -webkit-transition: right 200ms ease-in-out;
  -moz-transition: right 200ms ease-in-out;
  -o-transition: right 200ms ease-in-out;
  -ms-transition: right 200ms ease-in-out;
  transition: right 200ms ease-in-out;
  position: fixed;
  z-index: 6;
  top: 54px;
  right: -120px;
  bottom: 24px;
  overflow: auto;
  font-size: 12px;
  line-height: 2;
  padding: 6px 0 0 6px; }
  .science-visible .science-nav-wrapper {
    right: 0; }
  .science-nav-wrapper ul {
    list-style: none; }
  .science-nav-wrapper li {
    background: #fff; }
  .science-nav-wrapper ul a {
    text-decoration: none;
    display: block;
    padding: 2px 8px; }
  .science-nav-wrapper ul ul a {
    padding-left: 16px; }
  .science-nav-wrapper .active, .science-nav-wrapper a:hover, .science-nav-wrapper a:focus {
    background: #f2e2ea; }

.science-nav {
  width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
  .science-nav > li > a {
    font-size: 14px;
    color: #50444a; }

.science-section {
  margin-bottom: 64px;
  position: relative;
  padding-top: 60px; }
  .science-section:after {
    font-family: 'Helvetica Neue', sans-serif;
    content: '༜';
    position: absolute;
    left: 0;
    bottom: -76px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #ab939f; }

    .scienceHead{
      background: url(../img/science/science.jpg) no-repeat center 0 #000;
min-height: 407px;
margin: auto;
background-size: contain;
width: 100%;
padding-top: 155px;}

.scienceLower{width: 900px;
margin: auto;}

.scienceIntro{padding-top: 40px;}
#science .boxHolder > h2{color: rgba(255,255,255, 0.5); border-top-color: rgba(255,255,255, 0.5);}
#science .boxText{color: rgba(255,255,255, 0.7);background: rgba(255,255,255, 0.1);}
    

.videoBox{margin: 20px auto 0;
display: block;}

.explinationDiv{color: #72626A;
padding: 20px 0;}



li.plainList{float: none;width: inherit;font-size: inherit;}

.scienceToolHolder{margin-bottom: 20px;}

.sciencePoetry .details{color: rgba(255, 255, 255, 0.5);
padding: 0 0 15px 0;
margin-bottom: 20px;}

    /* END SCIENCE */


/* START technology */
.technology {
  left: 600%;
  background: #c5e5d5;
  color: #72626a; }
  .technology .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  /*.technology h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    background: #50444a;
    color: #f2e2ea;
    padding: 10px; }*/
  .technology a {
    color: #72626a;
    border-bottom-color: #ab939f; }
    .technology a:hover {
      color: #50444a;
      border-bottom-color: #72626a; }
  .technology p > code {
    padding: 0 2px;
    background: #f2e2ea; }

.technology-nav-wrapper {
  -webkit-transition: right 200ms ease-in-out;
  -moz-transition: right 200ms ease-in-out;
  -o-transition: right 200ms ease-in-out;
  -ms-transition: right 200ms ease-in-out;
  transition: right 200ms ease-in-out;
  position: fixed;
  z-index: 6;
  top: 54px;
  right: -120px;
  bottom: 24px;
  overflow: auto;
  font-size: 12px;
  line-height: 2;
  padding: 6px 0 0 6px; }
  .technology-visible .technology-nav-wrapper {
    right: 0; }
  .technology-nav-wrapper ul {
    list-style: none; }
  .technology-nav-wrapper li {
    background: #fff; }
  .technology-nav-wrapper ul a {
    text-decoration: none;
    display: block;
    padding: 2px 8px; }
  .technology-nav-wrapper ul ul a {
    padding-left: 16px; }
  .technology-nav-wrapper .active, .technology-nav-wrapper a:hover, .technology-nav-wrapper a:focus {
    background: #f2e2ea; }

.technology-nav {
  width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
  .technology-nav > li > a {
    font-size: 14px;
    color: #50444a; }

.technology-section {
  margin-bottom: 64px;
  position: relative;
  padding-top: 60px; }
  .technology-section:after {
    font-family: 'Helvetica Neue', sans-serif;
    content: '༜';
    position: absolute;
    left: 0;
    bottom: -76px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #ab939f; }

.technologyHead{
background: url(../img/technology/technology.png) no-repeat center 100% #8ceaea;
min-height: 407px;
margin: auto;
background-size: contain;
width: 100%;
padding-top: 155px;}

.technologyIntro{padding-top: 40px;
color: rgba(0, 0, 0, 0.7);
font-size: 18px;}

.FAQ { 
    vertical-align: top; 
    height:auto !important; 
}
.list {
    display:none; 
    height:auto;
    margin:0;
}

.techContent{display:none; 
    height:auto;
    margin:0;}

    .techContent h3{text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);}

.list p{
    height:auto;
    margin:0;
}

.macProImg{float: right;}


#showAAPL{width: 210px;display: inline-block;}
#showTSLA{display: inline-block;
padding-left: 50px;}

.show:hover{cursor: pointer;}
.reviewTitle{color: #00384A;
margin-bottom: 40px;}

ul.timeline li span.techItemSpan{position: inherit;margin-right: 0!important;
margin-left: 0!important;width: 177px;
display: inline-block;
text-align: left;}

ul.timeline li span span.techNameSpan{position: initial;
margin-left: 5px!important;
color: #fff;
line-height: initial;vertical-align: 20px;}


.tooltip{
    display: inline;
    position: relative;
    text-decoration: none;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    /*bottom: 26px;*/
    color: #fff;
    content: attr(title);
    /*left: 20%;*/
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
    white-space: normal;
    line-height: normal;
    cursor: pointer;
}

/*.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}*/

/* END technology */

/* START LESSONS */
.lessons {
  left: 700%;
  background: #e5c5d5;
  color: #72626a; }
  .lessons .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  /*.lessons h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    background: #50444a;
    color: #f2e2ea;
    padding: 10px; }*/
  .lessons a {
    color: #72626a;
    border-bottom-color: #ab939f; }
    .lessons a:hover {
      color: #50444a;
      border-bottom-color: #72626a; }
  .lessons p > code {
    padding: 0 2px;
    background: #f2e2ea; }

.lessons-nav-wrapper {
  -webkit-transition: right 200ms ease-in-out;
  -moz-transition: right 200ms ease-in-out;
  -o-transition: right 200ms ease-in-out;
  -ms-transition: right 200ms ease-in-out;
  transition: right 200ms ease-in-out;
  position: fixed;
  z-index: 6;
  top: 54px;
  right: -120px;
  bottom: 24px;
  overflow: auto;
  font-size: 12px;
  line-height: 2;
  padding: 6px 0 0 6px; }
  .lessons-visible .lessons-nav-wrapper {
    right: 0; }
  .lessons-nav-wrapper ul {
    list-style: none; }
  .lessons-nav-wrapper li {
    background: #fff; }
  .lessons-nav-wrapper ul a {
    text-decoration: none;
    display: block;
    padding: 2px 8px; }
  .lessons-nav-wrapper ul ul a {
    padding-left: 16px; }
  .lessons-nav-wrapper .active, .lessons-nav-wrapper a:hover, .lessons-nav-wrapper a:focus {
    background: #f2e2ea; }

.lessons-nav {
  width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
  .lessons-nav > li > a {
    font-size: 14px;
    color: #50444a; }

.lessons-section {
  margin-bottom: 64px;
  position: relative;
  padding-top: 60px; }
  .lessons-section:after {
    font-family: 'Helvetica Neue', sans-serif;
    content: '༜';
    position: absolute;
    left: 0;
    bottom: -76px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #ab939f; }

    .lessonsHead{
background: url(../img/lessons/lessons.png) no-repeat center 100% #F6BC16;
min-height: 407px;
margin: auto;
background-size: contain;
width: 100%;
padding-top: 155px;}

#lessons .boxHolder .smallText{font-size: 20px;
margin-bottom: 45px;
color: #000;  }

.lessonHolder{display: inline-block;
padding-left: 10px;
width: 423px;
vertical-align: top;padding-bottom: 20px;max-height: 403px;}

.lessonHolder.wide{width: inherit;max-height: inherit;}
#lessons .boxHolder .lessonHolder.guiLessons .smallText{margin-bottom: 37px;}
.jasonLesson{margin-left: -20px;
margin-top: -20px;
height: 443px;
margin-bottom: -6px;}

.guiHolder:hover .rar{display: block;}
.rar{display: none;position: absolute;
left: 1177px;
/*margin-top: 342px;*/}

#lessons .boxText {padding-bottom: 0;}
/* END LESSONS */

/*START GOALS*/
.goals {
  left: 800%;
  background: #E58E93;
  color: #72626a; }
  .goals .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  /*.goals h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    background: #50444a;
    color: #f2e2ea;
    padding: 10px; }*/
  .goals a {
    color: #72626a;
    border-bottom-color: #ab939f; }
    .goals a:hover {
      color: #50444a;
      border-bottom-color: #72626a; }
  .goals p > code {
    padding: 0 2px;
    background: #f2e2ea; }

.goals-nav-wrapper {
  -webkit-transition: right 200ms ease-in-out;
  -moz-transition: right 200ms ease-in-out;
  -o-transition: right 200ms ease-in-out;
  -ms-transition: right 200ms ease-in-out;
  transition: right 200ms ease-in-out;
  position: fixed;
  z-index: 6;
  top: 54px;
  right: -120px;
  bottom: 24px;
  overflow: auto;
  font-size: 12px;
  line-height: 2;
  padding: 6px 0 0 6px; }
  .goals-visible .goals-nav-wrapper {
    right: 0; }
  .goals-nav-wrapper ul {
    list-style: none; }
  .goals-nav-wrapper li {
    background: #fff; }
  .goals-nav-wrapper ul a {
    text-decoration: none;
    display: block;
    padding: 2px 8px; }
  .goals-nav-wrapper ul ul a {
    padding-left: 16px; }
  .goals-nav-wrapper .active, .goals-nav-wrapper a:hover, .goals-nav-wrapper a:focus {
    background: #f2e2ea; }

.goals-nav {
  width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
  .goals-nav > li > a {
    font-size: 14px;
    color: #50444a; }

.goals-section {
  margin-bottom: 64px;
  position: relative;
  padding-top: 60px; }
  .goals-section:after {
    font-family: 'Helvetica Neue', sans-serif;
    content: '༜';
    position: absolute;
    left: 0;
    bottom: -76px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #ab939f; }

    .goalsHead{
background: url(../img/goals/goals.png) no-repeat center 0 #39B54A;
min-height: 407px;
margin: auto;
background-size: contain;
width: 100%;
padding-top: 155px;}

.taskLabel{font-size: 15px;}
.goalTitle{font-size: 20px;margin-bottom: 30px;}
.goalResult{font-size: 20px;margin-bottom: 30px;}
.goalDescription{margin-bottom: 20px;}
.no{height: 204px;
width: 256px;
background: url(../img/goals/failed.png);
background-size: cover;
float: right;}

.yes{height: 217px;
width: 256px;
background: url(../img/goals/passed.png);
background-size: cover;
float: right;}
#newYearGoals{width: 100%;}
#newYearGoals li{float: none;
width: inherit;
background: #78ad3c;
border: 1px solid #a8e464;
border-bottom: none;
color: #fff;}
/*#newYearGoals li:nth-child(even){background: #E2E2E2;width: 97%;margin: auto;}*/

.goalHolder{transition: .5s all ease;padding-left: 100px;}

.goalHolder:hover .floatyNum{font-size: 180px;transition: .5s all ease; opacity: .5;}
.goalHolder:hover .newyearGoalTitle{color: rgba(0, 0, 0, 0.5);transition: .5s all ease;}

.newyearGoalTitle{font-size: 25px;color: #000;padding: 0;transition: .5s all ease;}
.newyearGoalDescription{font-size: 15px;padding: 10px 0px;max-width: 600px;display: inline-block;}

.goalStrategy{font-size: 15px;
margin-top: 20px;}

.floatyNum{float: left;
font-size: 133px;line-height: initial;
color: rgba(0,0,0,.2);padding: 0 20px;position: absolute;
margin-left: -109px;transition: .5s all ease;}

.floatyNum:hover{cursor: default;}

#newYearGoals li:nth-child(even) .floatyNum{float: right;position: inherit;margin-left: 0;}
#newYearGoals li:nth-child(even) .newyearGoalTitle{width: 600px;text-align: left;display: inline-block;padding: 0 20px;}
#newYearGoals li:nth-child(even) .newyearGoalDescription{display: inline-block;width: 600px;text-align: left;padding: 10px 20px;}
#newYearGoals li:nth-child(even) .goalHolder{padding-left: 0;}
#newYearGoals li:nth-child(even) .goalStrategy{width: 600px;text-align: left;display: inline-block;}

.goalDetails{margin: 40px 0;}

.goalHeaderDescription{padding-bottom: 0px;
margin-top: 40px;color: rgba(0, 0, 0, 0.46);
font-size: 17px;}
/*END GOALS*/


/*START HIGHLIGHTS*/
.highlights {
  left: 900%;
  background: #e5c5d5;
  color: #72626a; }
  .highlights .inner {
    width: 100%;
    margin: 0 auto;
    position: relative; }
  /*.highlights h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px;
    background: #50444a;
    color: #f2e2ea;
    padding: 10px; }*/
  .highlights a {
    color: #72626a;
    border-bottom-color: #ab939f; }
    .highlights a:hover {
      color: #50444a;
      border-bottom-color: #72626a; }
  .highlights p > code {
    padding: 0 2px;
    background: #f2e2ea; }

.highlights-nav-wrapper {
  -webkit-transition: right 200ms ease-in-out;
  -moz-transition: right 200ms ease-in-out;
  -o-transition: right 200ms ease-in-out;
  -ms-transition: right 200ms ease-in-out;
  transition: right 200ms ease-in-out;
  position: fixed;
  z-index: 6;
  top: 54px;
  right: -120px;
  bottom: 24px;
  overflow: auto;
  font-size: 12px;
  line-height: 2;
  padding: 6px 0 0 6px; }
  .highlights-visible .highlights-nav-wrapper {
    right: 0; }
  .highlights-nav-wrapper ul {
    list-style: none; }
  .highlights-nav-wrapper li {
    background: #fff; }
  .highlights-nav-wrapper ul a {
    text-decoration: none;
    display: block;
    padding: 2px 8px; }
  .highlights-nav-wrapper ul ul a {
    padding-left: 16px; }
  .highlights-nav-wrapper .active, .highlights-nav-wrapper a:hover, .highlights-nav-wrapper a:focus {
    background: #f2e2ea; }

.highlights-nav {
  width: 120px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
  .highlights-nav > li > a {
    font-size: 14px;
    color: #50444a; }

.highlights-section {
  margin-bottom: 64px;
  position: relative;
  padding-top: 60px; }
  .highlights-section:after {
    font-family: 'Helvetica Neue', sans-serif;
    content: '༜';
    position: absolute;
    left: 0;
    bottom: -76px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #ab939f; }

    .highlightsHead{
background: url(../img/highlights/highlights.png) no-repeat center 15px #c5d932;
min-height: 407px;
margin: auto;
background-size: contain;
width: 100%;
padding-top: 155px;}

.ThankYouSpan{background: black;
color: white;
text-align: center;
font-size: 60px;
position: absolute;
width: 100%;
padding: 30px 0;
left: 0;}

.thankYouDescription{padding-top: 180px;}

#smallMoments{}
#smallMomentsBox{margin-bottom: 80px;}

.agora{margin: auto;
display: block;
text-align: center;}

.agoraTitle{font-family: cursive;
font-size: 30px;
padding-bottom: 10px;}

.bigMoments{background: url(../img/highlights/big.jpg) rgba(0, 0, 0, 0.1) no-repeat 100% 100%;
height: 400px;}

.fadeQuote{opacity: .0;transition: .8s all;position: absolute;
left: 830px;
margin-top: 342px;
width: 324px;
color: #FFF;}
.bigMoments:hover .fadeQuote, .smallMoments:hover .fadeQuote{opacity: 1;transition: .8s all;}

.fadeQuote.smallFade{}

.smallMoments{background: url(../img/highlights/small.jpg) rgba(0, 0, 0, 0.1) no-repeat 100% 100%;
height: 400px;}

.whoKnew{background: url(../img/highlights/whoknew.jpg) rgba(0, 0, 0, 0.1) no-repeat 0% 100%;
height: 400px;}

.boxHolder ul.whoKnewMoments{float: right;
width: 484px;}

.momentList li{float: none;
width: inherit;
font-size: 15px;
margin-bottom: 20px;}

.highlightTitle{font-size: 50px;
color: #FFA500;}


.farewell{margin-left: -28px;}
/*END HIGHLIGHTS*/



.params {
  margin: -12px 0 16px 0;
  list-style: none; }
  .params > li {
    display: block;
    background: #f2e2ea;
    color: #72626a;
    padding: 5px 10px;
    margin-bottom: 4px; }
  .params h3 {
    font-size: 16px;
    float: left;
    min-width: 80px;
    padding-right: 20px; }
  .params dl {
    display: block;
    overflow: hidden; }
  .params dt {
    float: left; }
    .params dt:after {
      content: ':';
      padding-right: 5px; }
  .params dd {
    display: block;
    overflow: hidden; }

.options-list dt {
  color: #50444a; }
.options-list dd {
  padding-left: 10px; }

.option-type, .option-default {
  font-size: 12px; }

.notifications-wrapper {
  position: fixed;
  z-index: 2;
  height: 0;
  overflow: visible;
  left: 0;
  right: 0;
  top: 45px; }

.notifications {
  width: 320px;
  margin: 0 auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .notifications > p {
    height: 32px;
    line-height: 32px;
    background: #e2eaf2;
    color: #626a72;
    text-align: center;
    margin: 0;
    border-top: 1px solid #c5d5e5; }

.example-scroll-div {
  padding: 25px 0 100px 0;
  background: #626a72;
  overflow: scroll;
  height: 0; }

.footer {
  position: fixed;
  z-index: 7;
  left: 0;
  bottom: 0;
  height: 24px;
  font-size: 12px;
  line-height: 2;
  margin: 0;
  padding: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; 
  background: rgba(255,255,255,.5);
}

  .footer a {color: rgba(0,0,0,.9); text-decoration:none;padding: 10px;}
.footer a:hover {color:#ccc; text-decoration:none}



  /* START LiteTooltip CSS */

.litetooltip-wrapper {
    position: absolute;
    font: normal 90% Verdana;
    z-index: 10000;
    display: block;
    visibility: visible;
    min-width: 100px
}

.litetooltip-wrapper.incontainer {
    position: relative
}

.litetooltip-wrapper.incontainer .tooltip-content {
    position: relative
}

.litetooltip-wrapper.top,.litetooltip-wrapper.top-left,.litetooltip-wrapper.top-right {
    margin-top: -3px;
    padding: 5px 0 10px 0
}

.litetooltip-wrapper.right,.litetooltip-wrapper.right-top,.litetooltip-wrapper.right-bottom {
    margin-left: 3px;
    padding: 0 5px 0 10px
}

.litetooltip-wrapper.bottom,.litetooltip-wrapper.bottom-left,.litetooltip-wrapper.bottom-right {
    margin-top: 3px;
    padding: 10px 0 5px 0
}

.litetooltip-wrapper.left,.litetooltip-wrapper.left-top,.litetooltip-wrapper.left-bottom {
    margin-left: -3px;
    padding: 0 10px 0 5px
}

.litetooltip-wrapper .tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    width: 0;
    height: 0;
    padding: 0
}

.litetooltip-wrapper .tooltip-arrow.top {
    margin-left: -8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-width: 10px 8px 0 8px
}

.litetooltip-wrapper .tooltip-arrow.top-left {
    margin-left: 8px;
    left: 0;
    bottom: 0;
    position: absolute;
    border-width: 10px 8px 0 8px
}

.litetooltip-wrapper .tooltip-arrow.top-right {
    margin-right: 8px;
    right: 0;
    bottom: 0;
    position: absolute;
    border-width: 10px 8px 0 8px
}

.litetooltip-wrapper .tooltip-arrow.right {
    margin-top: -8px;
    position: absolute;
    top: 50%;
    left: 0;
    border-width: 8px 10px 8px 0
}

.litetooltip-wrapper .tooltip-arrow.right-top {
    margin-bottom: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-width: 8px 10px 8px 0
}

.litetooltip-wrapper .tooltip-arrow.right-bottom {
    margin-top: 8px;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 8px 10px 8px 0
}

.litetooltip-wrapper .tooltip-arrow.bottom {
    margin-left: -8px;
    position: absolute;
    left: 50%;
    top: 0;
    border-width: 0 8px 10px 8px
}

.litetooltip-wrapper .tooltip-arrow.bottom-left {
    margin-left: 8px;
    position: absolute;
    left: 0;
    top: 0;
    border-width: 0 8px 10px 8px
}

.litetooltip-wrapper .tooltip-arrow.bottom-right {
    margin-right: 8px;
    position: absolute;
    right: 0;
    top: 0;
    border-width: 0 8px 10px 8px
}

.litetooltip-wrapper .tooltip-arrow.left {
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 0;
    border-width: 8px 0 8px 10px
}

.litetooltip-wrapper .tooltip-arrow.left-top {
    margin-bottom: 8px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-width: 8px 0 8px 10px
}

.litetooltip-wrapper .tooltip-arrow.left-bottom {
    margin-top: 8px;
    position: absolute;
    top: 0;
    right: 0;
    border-width: 8px 0 8px 10px
}

.litetooltip-wrapper .tooltip-content {
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width: 90px
}

.litetooltip-wrapper .tooltip-content .clear {
    clear: both
}

.litetooltip-wrapper .tooltip-content>p {
    padding-left: 3px
}

.litetooltip-wrapper .tooltip-menu {
    padding: 0;
    margin: 0;
    float: left
}

.litetooltip-wrapper .tooltip-menu ul,.litetooltip-wrapper .tooltip-menu ol {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    clear: both
}

.litetooltip-wrapper .tooltip-menu li {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    border: solid 1px;
    clear: both;
    width: 100%;
    overflow: hidden
}

.litetooltip-wrapper .tooltip-menu a {
    display: block;
    text-decoration: none;
    padding: 5px;
    margin: 0;
    clear: both;
    min-width: 100%;
    width: 100%;
    float: left
}



.litetooltip-wrapper .tooltip-menu li.last-child {
    border-bottom: 0
}

.litetooltip-wrapper .image-right {
    float: right;
    margin: 0 0 0 5px;
    padding: 2px
}

.litetooltip-wrapper .image-left {
    float: left;
    margin: 0 5px 0 0;
    padding: 2px
}



.litetooltip-hotspot-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.litetooltip-hotspot-container {
    position: relative;
    height: 0
}

.litetooltip-hotspot-container img {
    position: relative;
    max-width: 100%;
    z-index: 2;
    margin-top: 32px;
}

.litetooltip-hotspot-container .hotspot {
    position: absolute;
    z-index: 3;
    cursor: pointer;
    width: 3%; 
    height: 4.5%;
}

.litetooltip-hotspot-container .hotspot .data-container {
    display: none
}

.litetooltip-hotspot-container .blink {
}

.hotspotImage{
position: relative;
max-width: 100%;
}
  /* END LiteTooltip CSS */
  
  
.minorTitle{font-size: 25px;}

.row {
margin-bottom: 40px;
}

.smallTitle {
font-weight: bolder;
display: block;
}

.smallText {
font-size: 24px;
color: #000;
font-family: sans-serif;
font-weight: lighter;
-webkit-font-smoothing: antialiased;
}

.details {
display: block;
color: #44B8DF;
color: #00384A;
text-shadow: none;
}

.centerText{text-align: center;}
.knowThySelf{margin: auto;display: inherit;height: 200px;margin-top: -10px;}


#goodBox {
background: url(../img/good.png) no-repeat -106px;
height: 332px;
background-color: rgba(0, 0, 0, 0.1);
padding-left: 530px;
max-width: 750px;
min-width: 265px;
}

#goodBox .minorTitle,#badBox .minorTitle,#uglyBox .minorTitle{padding-top: 72px;display: inline-block;}


#goodBox .details,#badBox .details,#uglyBox .details{}
#badBox .details{margin-right: 450px;max-width: 320px;}



#badBox {
background: url(../img/bad.png) no-repeat 100% -17px;
height: 316px;
background-color: rgba(0, 0, 0, 0.1);
padding-left: 20px;
max-width: 1280px;
}

#uglyBox {
background: url(../img/ugly.png) no-repeat;
height: 318px;
background-color: rgba(0, 0, 0, 0.1);
padding-left: 550px;
padding-right: 20px;
max-width: 730px;
}

.goodBadUgly{margin-top: 20px;}

.personName{display: none;}

.sectionTitle{font-size: 110px;
padding: 10px 0 20px 0;
margin-top: 52px;
color: rgba(255, 255, 255, 0.9);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}

#peopleTitle{background: url(../img/people.png) no-repeat 360px -9px}

#peopleIntro {
width: 350px;
margin-left: -5px;
margin-top: 0;
display: inline-block;
height: 334px;
padding: 20px;
}

#peopleIntro .details{color: #fff;font-size: 19px;}




/* Start Lean Slider */

.slider-wrapper {
position: relative;
background: #FFF url(../img/loading.gif) no-repeat 50% 50%;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
height: inherit;
max-width: 500px;
margin-left: 10px;
vertical-align: top;
display: inline-block;
}

.lean-slider{overflow: hidden;position: relative;}

.slider-wrapper { 
    position: relative; 
    background: #fff url(../img/loading.gif) no-repeat 50% 50%;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
     height: inherit; max-width: 500px;margin-left: 10px;
     vertical-align: top;
     display: inline-block;
}
.lean-slider { overflow: hidden;}

.lean-slider-slide.current { opacity: 1; display: block;}
.lean-slider-slide img { 
    display: block;
    width: 100%; 
}

#slider-direction-nav {
    position: absolute;
    left: 0;
    top: 47%;
    width: 100%;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.2;
}
.slider-wrapper:hover #slider-direction-nav { opacity: 1; }
#slider-direction-nav a {
    float: left;
    display: block;
    width: 26px;
    height: 37px;
    background: url(images/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
}
#slider-direction-nav .lean-slider-next {
    float: right;
    background-position: 100% 0;
}

#slider-control-nav {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.2;
}
.slider-wrapper:hover #slider-control-nav { opacity: 1; }
#slider-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(images/bullets.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 3px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#slider-control-nav a.active { background-position: 100% 0; }

.lean-slider{position:relative;*zoom:1}
.lean-slider:before,.lean-slider:after{content:" ";display:table}
.lean-slider:after{clear:both}
.lean-slider-slide{float:left;width:100%;margin-right:-100%;display:none}
.lean-slider-slide {
    display: block;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.6s linear;
    -moz-transition: opacity 0.6s linear;
    -ms-transition: opacity 0.6s linear;
    -o-transition: opacity 0.6s linear;
    transition: opacity 0.6s linear;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-width : 480px) {

    #slider-direction-nav,
  #slider-control-nav { opacity: 1; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  
  #slider-direction-nav,
  #slider-control-nav { opacity: 1; }

}


/* End Lean Slider */

/*People page & Thank you boxes*/
#thankyouHolder{min-height: 500px;
padding: 20px 0;
margin-bottom: 40px;
margin-top: 100px;
max-width: 1300px;}


.thankyouTitle
{display: block;
font-size: 64px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
margin-bottom: -24px;}

.lowerThank{background-color: rgba(0, 0, 0, 0.4);padding-bottom: 20px;}

.thankPerson{background-color: rgba(0, 0, 0, 0.4);
padding: 20px;
border-radius: 0px;
color: #FFF;}

.title.center{text-align: center;
display: block;margin: auto;}

.title.pic{width: 100%;}

.meandlea {
margin-bottom: -26px;
width: 37%;
}

.meanddad {
/*margin-left: -20px;*/
margin-bottom: -26px;
width: 30%;
}

.middleDescription {
display: inline-block;
vertical-align: bottom;
width: 30%;
height: 400px;
color: #FFF;
font-size: 20px;
line-height: 31px;
}

.middleDescription ul li:nth-child(even) {
color: #FFF;
}

.secondThankYouHolder .details {
background-color: rgba(0, 0, 0, 0.4);
padding: 20px;
/*border-radius: 10px;*/
margin-top: -9px;
}

.secondThankYouHolder .holder{margin-bottom: 40px;}


.secondThankYouHolder .minorTitle{text-transform: uppercase;color: rgba(0, 0, 0, 0.4)}

.thankTitle {
text-align: center;
font-size: 40px;
margin-top: 60px;
display: block;
margin-bottom: 20px;
color: #6BBD44;
}

.middleDescription ul {
text-align: center;
}


.middleDescription ul li {
list-style: none;
line-height: initial;
margin-bottom: 11px;
color: rgba(0, 0, 0, 0.56);
}

.details .thankList li:nth-child(odd) {
color: #6bbd44;
/*text-shadow: none;*/
}

.details .thankList li {
color: #FFF;
}
.middleDescription ul li {
list-style: none;
line-height: initial;
margin-bottom: 11px;
color: #000;
}

.thankList{list-style: none;font-size: 20px;
text-shadow: 1px 1px 0px rgba(0,0,0,.3);}

.close{float: right;
color: #FFF;
background: #808080;
width: 25px;
height: 25px;
text-align: center;
cursor: pointer;
transition: .5s all;}

.close:hover{
color: #FFF;
background: #4C4C4C;}

/*begin modal*/
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  transition: .5s all;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:550px; 
  height:560px;
  padding:10px;
  background-color:#ffffff;
  overflow: auto;
}


.statCountList li{float: left;
list-style-type: none;
margin-right: 24px; color: #999;}
/*end modal*/

#lessHolder {
background: url(../img/business/less.png) no-repeat center rgb(99, 197, 240);
height: 90px;display: block;
background-size: 30%;
}

#lessDescription {
font-family: sans-serif;
font-weight: lighter;
line-height: 30px;
background-color: rgb(73, 155, 206);
display: block;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
padding-bottom: 0;
}

.businessGallery {
text-align: center;
background: rgba(0, 0, 0, 0.2);
margin: 20px -20px;
padding: 20px;
color: rgb(18, 62, 111);
text-shadow: none;
}

.businessBox {
display: inline-block;
}

.noteboosterBody {
margin-top: 100px;
display: block;
}

#noteboosterDescription .smallTitle {
margin-top: 20px;
}

#noteboosterDescription {
font-family: sans-serif;
font-weight: lighter;
line-height: 30px;
background: url(../img/business/noteboosterbg.png) no-repeat center rgb(73, 155, 206);
color: rgb(0, 0, 0);
border-radius: 15px;
border: 2px solid rgba(255, 255, 255, 0.3);
text-shadow: none;
display: block;
padding: 20px;
font-size: 20px;
}


.boostergirl {
float: right;
margin-right: -22px;
margin-top: -54px;
}

#noteboosterStats {
margin-top: 50px;
text-align: center;
}

#statsBar {
height: 67px;
background: rgba(51,51,51,0.4);
text-align: center;
margin-bottom: 50px;
}
.statsImage{margin-top: -6px;}

a.basicLink{width: inherit;
display: inline;
margin-right: inherit;}

.statTitle {
display: block;
font-size: 30px;
}

.statTotal {
font-size: 70px;
line-height: normal;
display: block;
color: rgb(255, 255, 255);
text-shadow: 1px 1px 3px rgb(0, 0, 0);
}

.statBlock {
width: 206px;
display: inline-block;
text-align: left;
}

.statYear {
display: block;
color: rgb(0, 149, 255);
}

#btpDescription {
background: rgb(238, 238, 238);
padding: 0;
color: rgb(0, 0, 0);
text-shadow: none;
}

#btpLogoHolder {
background: rgb(29, 57, 107);
padding: 10px 20px;
text-align: center;
display: block;
}

.btpBody {
padding: 20px;
background: rgb(248, 249, 251);
color: rgb(29, 29, 29);
line-height: 30px;
min-height: 386px;
}

.btpGallery {
padding: 10px;
float: right;
background-color: rgb(220, 221, 223);
margin-left: 15px;
}

#incomeDescription {
display: inline-block;
width: 200px;
vertical-align: top;
margin: 10px 0 0 20px;
}

#incomeDescription .marginBottom {display: block;}
#incomeChart,#debtChart,#totalsChart{display: inline-block;}

.block {
display: block;
}

.marginBottom{margin-bottom: 20px;}
.musicTooltip{height: 48px;}
.axis text {
    font-family: sans-serif;
    font-size: 11px;
}



/* Timeline */
.content {
  width: 980px;
  margin: 80px auto;
}
ul.timeline {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-right: 6px solid #74c53a;
  width: 50%;
}
ul.timeline li {
  margin: 40px 0;
  display: block;
  position: relative;
}
ul.timeline li span {
  position: absolute;
  top: calc(50% - 10px);
  font-weight: bold;
}
ul.timeline li p {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 1em 28px;
  padding: 3em;
  text-align: center;
  line-height: 2.1;
  background: white;
}
ul.timeline li:nth-child(odd) p {
  color: #fff;
  background: #d74327;
  text-align: left;
}
ul.timeline li:nth-child(odd) p:after {
  width: 12px;
  content: '';
  position: absolute;
  display: block;
  border-width: 22px 0 22px 16px;
  border-style: solid;
  border-color: transparent #d74327
        ;
  right: 0;
  top: 50%;
  top: calc(50% - 22px);
}
ul.timeline li:nth-child(odd) span {
  left: 100%;
  margin-left: 20px;
  white-space: nowrap;
  color: #d74327;
}
ul.timeline li:nth-child(odd):after {
  content: "";
  background: #74c53a;
  width: 10px;
  height: 10px;
  border: 3px solid #fff;
  position: absolute;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50 spx;
  float: left;
  top: 50%;
  top: calc(50% - 8px);
  right: -11px;
  background-color: #d74327;
}
ul.timeline li:nth-child(even) {
  left: 100%;
  margin-left: 6px;

}
ul.timeline li:nth-child(even) p {
  border: 1px solid #ddd;
}
ul.timeline li:nth-child(even) p:after {
  width: 0;
  content: '';
  position: absolute;
  display: block;
  border-width: 22px 16px 22px 0;
  border-style: solid;
  border-color: transparent #fff
        ;
  left: 13px;
  top: 50%;
  top: calc(50% - 22px);
}
ul.timeline li:nth-child(even) p:before {
  width: 0;
  content: '';
  position: absolute;
  display: block;
  border-width: 22px 16px 22px 0;
  border-style: solid;
  border-color: transparent #ddd
        ;
  left: 12px;
  top: 50%;
  top: calc(50% - 22px);
}
ul.timeline li:nth-child(even) span {
  right: 100%;
  margin-right: 20px;
  white-space: nowrap;
  color: #74c53a!important;
}
ul.timeline li:nth-child(even):before {
  content: "";
  background: #74c53a;
  width: 10px;
  height: 10px;
  border: 3px solid #fff;
  position: absolute;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50 spx;
  float: right;
  top: calc(50% - 8px);
  left: -11px;
}

.fb-comments{background: rgba(255, 255, 255, 0.79);}