/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* end reset */
/* mixins */
/* end mixins */
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: Helvetica, Arial, sans-serif; }

html, body {
  height: 100%; }

body {
  background: #d8d7d0;
  color: #8c8a7c;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4em; }

a,
a:hover,
a:visited
a:link {
  color: #676559;
  text-decoration: none; }

a:hover {
  color: #454336; }

.page-home .page {
  min-height: 600px; }

.page, .dialog-outer {
  position: relative;
  min-height: 100%; }

#home-bg {
  width: 100%;
  height: 407px;
  position: absolute;
  top: 0;
  background: #6e0902 url(../images/home-bg.gif) repeat-x left top; }

.wrap {
  width: 830px;
  margin: 0 auto; }

.iphone {
  padding-top: 97px;
  width: 288px;
  float: left;
  margin-left: 5px;
  position: relative; }

.content {
  float: left;
  margin-left: 10px;
  position: relative;
  width: 380px;
  margin-top: 117px;
  color: #f0f0ee; }

.content p {
  margin-bottom: 1.8em;
  margin-left: 4px; }

.content img {
  margin-bottom: 1em; }

.platform-badge-container {
  padding: 18px;
  background-color: #e4e4db;
  display: inline-block;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.5);
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ }
  .platform-badge-container .inner {
    background-color: #e0e0d5;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: inset 0px 1px #bfbfb5;
    -webkit-box-shadow: inset 0px 1px #bfbfb5;
    box-shadow: inset 0px 1px #bfbfb5;
    /*Inner elements should not cover inner shadows*/
    /*Chrome renders inset shadows incorrectly with border-radius*/
    /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ }

a.platform-badge {
  display: inline-block;
  line-height: 0px;
  margin: 0px; }

.platform-badge img {
  margin: 0px;
  line-height: 51px; }

.page-footer {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 92.857142857143%;
  position: relative;
  margin-top: 75px;
  margin-bottom: 75px;
  z-index: 20;
  clear: both;
  overflow: hidden;
  padding: 14px 0 10px;
  border-top: 1px solid #b9b8ae;
  border-bottom: 1px solid #b9b8ae; }

.page-footer .wrapper {
  width: 830px;
  margin: 0 auto;
  position: relative; }

.page-footer li {
  display: inline; }

.page-footer nav,
p.copyright {
  display: block;
  float: left; }

p.copyright {
  font-weight: normal;
  text-transform: none;
  margin-right: 10px; }

span.nav-divider {
  font-weight: normal; }

/* slides */
#iphone-overlay {
  left: 21px;
  top: 195px;
  position: absolute; }

.slides_container {
  height: 295px;
  width: 205px; }

ul.pagination {
  display: none; }

/* reusable classes */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
.page-permalink {
  background: #efefe9;
  color: #74736b;
  text-shadow: #fff 0px 1px 0px;
  background: #efefe9 url(../images/bg-sidebar.gif) 50% top repeat-y; }
  .page-permalink p {
    line-height: 1.5em; }
  .page-permalink a {
    color: #0a5fad; }
  .page-permalink .btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: 36px;
    line-height: 36px;
    border: 1px solid #999;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 0 20px 0;
    -webkit-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
    box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
    background: #ccc;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); }
    .page-permalink .btn:hover {
      -webkit-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
      /* Remove this line if you dont want a dropshadow on your buttons*/
      box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
      /* Remove this line if you dont want a dropshadow on your buttons*/
      background: #ccc;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #dddddd 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, white 0%, #dddddd 100%);
      /* IE10+ */
      background: linear-gradient(top, white 0%, #dddddd 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
      /* IE6-9 */ }
    .page-permalink .btn a, .page-permalink .btn:hover a {
      display: block;
      font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
      font-weight: bold;
      font-size: 16px;
      padding: 0 20px;
      text-align: center;
      text-decoration: none;
      color: #444;
      text-shadow: 0 1px 1px #fff; }
    .page-permalink .btn:active {
      background: #ccc;
      /* Old browsers */
      background: -moz-linear-gradient(top, #dddddd 0%, white 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, white));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #dddddd 0%, white 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #dddddd 0%, white 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #dddddd 0%, white 100%);
      /* IE10+ */
      background: linear-gradient(top, #dddddd 0%, white 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
  .page-permalink section h4 {
    margin-bottom: 5px; }
  .page-permalink section strong, .page-permalink section h4 {
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    font-size: 128.571%; }
  .page-permalink .tag {
    color: #9a9a8b;
    font-size: 128.571%;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    padding-right: 30px;
    background: url(../images/tag.png) no-repeat right top;
    text-shadow: none;
    margin-right: 5px; }
    .page-permalink .tag span {
      display: inline-block;
      height: 36px;
      line-height: 36px;
      padding-left: 10px;
      background: url(../images/tag.png) no-repeat left top; }
  .page-permalink .tag.green {
    color: #ecf8ea;
    text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 0px;
    height: 28px;
    line-height: 28px;
    padding-right: 0px;
    margin-bottom: 20px;
    background-color: #296aff;
    background-color: rgba(37, 161, 29, 0.8);
    border: 1px solid #0e5409;
    border-radius: 6px;
    box-shadow: inset 0px 0px 10px #0d3e09;
    background-image: -moz-linear-gradient(top, rgba(37, 161, 29, 0.8), rgba(92, 193, 84, 0.8));
    background-image: -ms-linear-gradient(top, rgba(37, 161, 29, 0.8), rgba(92, 193, 84, 0.8));
    background-image: -webkit-linear-gradient(top, rgba(37, 161, 29, 0.8), rgba(92, 193, 84, 0.8));
    background-image: linear-gradient(top, rgba(37, 161, 29, 0.8), rgba(92, 193, 84, 0.8));
    background-clip: padding-box; }
    .page-permalink .tag.green span {
      padding-right: 10px;
      padding-left: 10px;
      display: inline-block;
      height: 28px;
      line-height: 28px;
      background: none; }
  .page-permalink header.top {
    background: #5d0601 url(../images/bg-permalink-banner.gif) repeat-x left top;
    height: 96px; }
    .page-permalink header.top .wrap {
      width: 83.045%;
      height: 96px;
      background: none; }
      .page-permalink header.top .wrap #perm-logo {
        background: url(../images/logo-permalink.png) no-repeat left top;
        height: 96px;
        width: 373px;
        float: left;
        margin-left: 6.771%; }
      .page-permalink header.top .wrap #tagline {
        width: 32.396%;
        float: right;
        color: #bd958f;
        text-shadow: none;
        text-align: right;
        margin-right: 6.771%;
        padding-top: 27px; }
        .page-permalink header.top .wrap #tagline span {
          font-size: 128.571%;
          font-family: 'Exo', sans-serif;
          font-weight: 400; }
        .page-permalink header.top .wrap #tagline a {
          color: #fff; }
        .page-permalink header.top .wrap #tagline strong {
          font-weight: bold; }
  .page-permalink h1 {
    font-family: 'Exo', sans-serif;
    font-size: 342.857%;
    color: #525242;
    font-weight: 700;
    line-height: 1.1em;
    margin-bottom: 38px; }
  .page-permalink .map {
    background-color: #fff;
    padding: 10px;
    width: 237px;
    border-bottom: #ababa5 1px solid;
    margin-bottom: 20px; }
    .page-permalink .map #map_canvas {
      width: 237px;
      height: 237px; }
  .page-permalink .wrap {
    width: 83.045%;
    min-width: 980px; }
    .page-permalink .wrap .show-details {
      margin-top: 54px;
      float: left;
      width: 64.375%; }
      .page-permalink .wrap .show-details header {
        margin-bottom: 35px; }
      .page-permalink .wrap .show-details section {
        border-bottom: #d7d7cf 1px solid;
        margin-bottom: 16px;
        padding-bottom: 16px; }
      .page-permalink .wrap .show-details div.inner {
        padding-left: 10.518%;
        padding-right: 3.074%; }
      .page-permalink .wrap .show-details #date h2 {
        font-family: 'Exo', sans-serif;
        font-weight: 400;
        font-size: 171.429%;
        margin-bottom: 5px; }
      .page-permalink .wrap .show-details #date #admission {
        margin-top: 10px; }
    .page-permalink .wrap .show-meta {
      margin-top: 54px;
      float: left;
      width: 35.625%; }
      .page-permalink .wrap .show-meta div.inner {
        padding-left: 8.772%; }
      .page-permalink .wrap .show-meta section {
        margin-bottom: 20px; }
  .page-permalink .page-footer {
    border-bottom: #d7d7cf 1px solid;
    border-top: #d7d7cf 1px solid; }
    .page-permalink .page-footer a {
      color: #676559; }
    .page-permalink .page-footer .wrapper {
      margin: 0; }

.page-permalink.terms section#terms {
  padding-right: 8% !important; }
  .page-permalink.terms section#terms p {
    margin-bottom: 20px; }
  .page-permalink.terms section#terms ul {
    list-style: disc;
    list-style-position: inside; }

@media screen and (max-width: 980px) {
  #perm-logo {
    margin-left: 0px !important;
    background: url(../images/logo-permalink.png) no-repeat center top !important; }

  .page-permalink {
    background-image: none; }
    .page-permalink .wrap {
      min-width: 0px; }

  .show-details, .show-meta {
    float: none !important;
    width: 100% !important; }
    .show-details div.inner, .show-meta div.inner {
      padding-left: 0 !important;
      padding-right: 0 !important; }

  .show-meta {
    margin-bottom: 60px !important; }

  #tagline {
    float: left !important;
    color: #525242 !important;
    text-align: left !important;
    width: 100% !important;
    margin-bottom: 50px; }
    #tagline a {
      color: #525242 !important; }

  .page-permalink .page-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    margin-bottom: 0px !important;
    background-color: #dcdcd4; }
    .page-permalink .page-footer .page-footer nav, .page-permalink .page-footer p.copyright {
      float: left !important;
      padding-left: 20px !important; } }
@media screen and (max-width: 480px) {
  html {
    -webkit-text-size-adjust: none; }

  .page-permalink {
    background-image: none; }
    .page-permalink .wrap {
      width: 100% !important; }
      .page-permalink .wrap header, .page-permalink .wrap section {
        padding: 0px 20px 0px 20px; }
    .page-permalink #sharing p > span {
      margin-bottom: 10px; }
    .page-permalink p.btn {
      margin-left: 5% !important;
      margin-right: 5% !important;
      width: 90% !important; }

  .page-permalink header.top .wrap #perm-logo {
    background: url(../images/logo-permalink-small.png) no-repeat center 4px !important;
    height: 60px !important;
    width: 100% !important;
    margin-left: 0px !important; }

  .page-permalink header.top {
    height: 60px !important;
    width: 100% !important; }
    .page-permalink header.top .wrap #tagline {
      margin-right: 0 !important;
      text-align: center !important;
      padding-top: 10px !important;
      font-size: 85% !important; }

  .page-footer p.copyright {
    width: 100%; }
  .page-footer nav {
    margin-left: 20px!important; } }