@import url(http://fonts.googleapis.com/css?family=Lobster|Oswald:400,300,700|Open+Sans);
/* line 17, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 17, ../../sass/site.scss */
body {
  background-image: url(../img/bg.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  width: 100%;
  overflow-x: hidden;
}

/* line 28, ../../sass/site.scss */
h1, h2, h3, h5, h6, a, p, li {
  color: #3a3e3d;
}

/* line 34, ../../sass/site.scss */
p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.5;
}

/* line 42, ../../sass/site.scss */
p strong {
  font-weight: bold;
}

/* line 49, ../../sass/site.scss */
.top {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 500;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  overflow: hidden;
  text-indent: -999px;
  background: #f7941d;
  display: block;
  background-image: url(../img/top.png);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 69, ../../sass/site.scss */
.sticky {
  position: relative;
  z-index: 50;
  width: 100%;
}

/* line 76, ../../sass/site.scss */
nav {
  background: #f7941d;
  width: 1000px;
  margin: auto;
  *zoom: 1;
}
/* line 18, ../../sass/bourbon/addons/_clearfix.scss */
nav:before, nav:after {
  content: " ";
  display: table;
}
/* line 23, ../../sass/bourbon/addons/_clearfix.scss */
nav:after {
  clear: both;
}

/* line 84, ../../sass/site.scss */
nav li {
  display: inline;
  text-align: center;
}

/* line 90, ../../sass/site.scss */
nav li a {
  display: block;
  float: left;
  width: 25%;
  padding: 9px 0;
  color: white;
  text-decoration: none;
  font-family: 'Oswald';
  font-weight: 400;
  font-size: 1.9em;
  text-align: center;
  text-transform: uppercase;
}

/* line 105, ../../sass/site.scss */
nav li a:hover, a.current {
  background: #3a3e3d;
}

/* line 112, ../../sass/site.scss */
header {
  position: relative;
  width: 1000px;
  height: 700px;
  margin: auto;
}

/* line 122, ../../sass/site.scss */
.social-links {
  position: absolute;
  right: 450px;
  top: 160px;
}

/* line 129, ../../sass/site.scss */
.social {
  display: block;
  float: left;
  width: 45px;
  height: 45px;
  background-color: #f7941d;
  border-radius: 30px;
  margin: 0 5px 0 0;
}

/* line 140, ../../sass/site.scss */
.social:hover {
  background-color: #3a3e3d;
}

/* line 145, ../../sass/site.scss */
.social.twitter {
  background-image: url(../img/social-sprite.png);
  background-repeat: no-repeat;
  background-position: -28px 10px;
}

/* line 152, ../../sass/site.scss */
.social.facebook {
  background-image: url(../img/social-sprite.png);
  background-repeat: no-repeat;
  background-position: 9px 10px;
}

/* line 161, ../../sass/site.scss */
.row {
  position: relative;
  width: 1000px;
  padding: 15px 0 60px 0;
  margin: auto;
  *zoom: 1;
}
/* line 18, ../../sass/bourbon/addons/_clearfix.scss */
.row:before, .row:after {
  content: " ";
  display: table;
}
/* line 23, ../../sass/bourbon/addons/_clearfix.scss */
.row:after {
  clear: both;
}

/* line 172, ../../sass/site.scss */
.block {
  position: relative;
  background: white;
  padding: 0 15px 15px 15px;
  margin: 0 0 0 30px;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.3);
}

/* line 183, ../../sass/site.scss */
hgroup {
  display: block;
  background: #f7941d;
  padding: 12px 25px;
  position: relative;
  left: -30px;
  top: -20px;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3);
}
/* line 194, ../../sass/site.scss */
hgroup h1 {
  font-size: 1.7em;
  font-family: 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
  color: white;
}
/* line 203, ../../sass/site.scss */
hgroup h3 {
  font-size: 2em;
  font-family: 'Lobster';
  font-weight: normal;
  color: white;
}
/* line 211, ../../sass/site.scss */
h3 span {
  font-size: 22px;
  font-family: 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
}
/* line 219, ../../sass/site.scss */
.block ul {
  padding: 10px 0 10px 0;
}
/* line 224, ../../sass/site.scss */
.block ul li {
  padding: 0 0 5px 0;
  font-size: 15px;
  line-height: 1.5;
  list-style-image: url(../img/arrow.png);
  margin: 0 0 0 20px;
}
/* line 233, ../../sass/site.scss */
.block h2 {
  font-size: 1.7em;
  line-height: 1.2;
  font-family: 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
}
/* line 242, ../../sass/site.scss */
.block h2 a {
  color: #3a3e3d;
  text-decoration: none;
}
/* line 248, ../../sass/site.scss */
.block h2 a:hover {
  color: #f7941d;
}
/* line 253, ../../sass/site.scss */
.block .spacer {
  padding-bottom: 40px;
}

/* line 262, ../../sass/site.scss */
header .block {
  position: relative;
  width: 42.76382%;
  top: 350px;
}

/* line 269, ../../sass/site.scss */
.block.voordelen {
  float: left;
  width: 53.01508%;
}

/* line 277, ../../sass/site.scss */
.fles {
  width: 203px;
  height: 574px;
  position: absolute;
  left: -203px;
  top: 0;
  background-image: url(../img/fles.jpg);
}

/* line 287, ../../sass/site.scss */
.needs-holder {
  width: 35.92965%;
  float: left;
  padding: 0 0 0 30px;
}

/* line 294, ../../sass/site.scss */
.needs {
  width: 82.91457%;
  padding: 0 0 60px 0;
}

/* line 302, ../../sass/site.scss */
.needs h3 {
  font-size: 2.4em;
  font-family: 'Lobster';
  font-weight: normal;
  color: #f7941d;
}
/* line 310, ../../sass/site.scss */
.needs ul {
  padding: 10px 0 10px 0;
}
/* line 315, ../../sass/site.scss */
.needs ul li {
  padding: 0 0 5px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  list-style-image: url(../img/arrow.png);
  margin: 0 0 0 20px;
}

/* line 326, ../../sass/site.scss */
.needs-holder blockquote {
  width: 82.91457%;
  padding-left: 10px;
  background-position: 0 0;
}

/* line 335, ../../sass/site.scss */
blockquote {
  position: relative;
  float: left;
  width: 31.65829%;
  padding: 45px 25px 25px 55px;
  top: 0;
  background-image: url(../img/quote-top.png);
  background-repeat: no-repeat;
  background-position: 40px 0;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  font-style: italic;
  color: #3a3e3d;
}

/* line 352, ../../sass/site.scss */
blockquote .bottom {
  position: relative;
  top: -10px;
  width: 81px;
  height: 78px;
  background-image: url(../img/quote-bottom.png);
  float: right;
}

/* line 364, ../../sass/site.scss */
#exercises {
  position: relative;
  width: 970px;
  padding: 0 0 20px 30px;
  margin: auto;
  *zoom: 1;
}
/* line 18, ../../sass/bourbon/addons/_clearfix.scss */
#exercises:before, #exercises:after {
  content: " ";
  display: table;
}
/* line 23, ../../sass/bourbon/addons/_clearfix.scss */
#exercises:after {
  clear: both;
}

/* line 373, ../../sass/site.scss */
.kettlebells {
  display: none;
  width: 389px;
  height: 471px;
  position: absolute;
  right: -389px;
  top: 0;
  background-image: url(../img/dumbell.jpg);
}

/* line 386, ../../sass/site.scss */
#exercises .exercise {
  width: 21.40704%;
  float: left;
  padding: 0 25px 0 0;
}
/* line 393, ../../sass/site.scss */
#exercises .exercise img {
  max-width: 100%;
  padding: 0 0 15px 0;
}
/* line 399, ../../sass/site.scss */
#exercises .exercise h5 {
  font-size: 1.5em;
  font-family: 'Lobster';
  font-weight: normal;
  margin: 0 0 10px 0;
}

/* line 410, ../../sass/site.scss */
#cta {
  width: 1000px;
  margin: 0 auto 40px auto;
  background: #f7941d;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px rgba(0, 0, 0, 0.3);
}

/* line 420, ../../sass/site.scss */
#cta h6 {
  text-align: center;
  font-size: 1.75em;
  line-height: 1.4;
  font-family: 'Oswald';
  font-weight: 400;
  text-transform: uppercase;
  color: white;
  padding: 15px 25px;
}
/* line 432, ../../sass/site.scss */
#cta h6 a {
  color: white;
  text-decoration: none;
}
/* line 438, ../../sass/site.scss */
#cta h6 a:hover {
  color: #3a3e3d;
}
/* line 443, ../../sass/site.scss */
#cta h6 span {
  display: block;
  font-size: .8755em;
}

/* line 452, ../../sass/site.scss */
footer {
  background: url(../img/footer.jpg);
  padding: 30px 0;
}

/* line 460, ../../sass/site.scss */
footer section {
  position: relative;
  width: 1000px;
  margin: auto;
  *zoom: 1;
}
/* line 18, ../../sass/bourbon/addons/_clearfix.scss */
footer section:before, footer section:after {
  content: " ";
  display: table;
}
/* line 23, ../../sass/bourbon/addons/_clearfix.scss */
footer section:after {
  clear: both;
}
/* line 468, ../../sass/site.scss */
footer #shoes {
  position: absolute;
  right: 0px;
  top: -70px;
}
/* line 475, ../../sass/site.scss */
footer h6 {
  font-size: 1.5em;
  font-family: 'Lobster';
  font-weight: normal;
  margin: 0 0 10px 0;
  color: #fff;
}
/* line 484, ../../sass/site.scss */
footer .about {
  float: left;
  width: 57.28643%;
  padding-right: 6.03015%;
}
/* line 491, ../../sass/site.scss */
footer .side {
  float: left;
  width: 31.65829%;
}
/* line 497, ../../sass/site.scss */
footer p {
  color: white;
  font-size: 13px;
  line-height: 1.8;
}
/* line 504, ../../sass/site.scss */
footer li {
  color: white;
  font-size: 13px;
  padding: 0 0 10px 0;
  line-height: 1.5;
}
/* line 512, ../../sass/site.scss */
footer li span {
  padding: 0 15px 0 0;
  float: left;
}
/* line 518, ../../sass/site.scss */
footer li .extra {
  height: 50px;
  display: block;
}

/* line 525, ../../sass/site.scss */
.details {
  width: 100%;
  clear: both;
  /* padding: 50px 0 0 0; */
}

/* line 534, ../../sass/site.scss */
.details ul {
  margin: 0 7px 0 0;
    padding:0;
}

.details h6 {
    text-transform: none !important;
}

/* line 539, ../../sass/site.scss */
.details li {
  font-size: 1.75em;
  line-height: 1.4;
  font-family: 'Oswald';
  text-transform: uppercase;
  display: inline-block;
    /*

  background-image: url(../img/footer-dumbells.png);
  background-position: 3px 5px;
  background-repeat: no-repeat;
  padding: 0 0 0 40px;
  */
}
/* line 552, ../../sass/site.scss */
.details li:first-child {
  background: none;
  padding: 0;
}
/* line 558, ../../sass/site.scss */
.details ul.small li {
  font-size: 17px;
  background: none;
  /* padding: 0 0 0 14px; */
    margin:0 0 5px 0;
}
/* line 565, ../../sass/site.scss */
.details ul.small li:first-child {
  padding: 0;
}

/* line 571, ../../sass/site.scss */
.banner {
  width: 94%;
  padding: 7px;
  background: white;
  border-radius: 5px;
  margin: 30px 0 0 0;
  *zoom: 1;
}
/* line 18, ../../sass/bourbon/addons/_clearfix.scss */
.banner:before, .banner:after {
  content: " ";
  display: table;
}
/* line 23, ../../sass/bourbon/addons/_clearfix.scss */
.banner:after {
  clear: both;
}
/* line 580, ../../sass/site.scss */
.banner li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 2px solid #848585;
}

@media only screen and (min-width: 1600px) {
  /* line 591, ../../sass/site.scss */
  .kettlebells {
    display: block;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  /* line 602, ../../sass/site.scss */
  header, nav, .row, #exercises {
    width: 100% !important;
  }

  /* line 607, ../../sass/site.scss */
  .social-links {
    right: 400px;
  }

  /* line 612, ../../sass/site.scss */
  .row {
    padding: 0 0 30px 0;
  }

  /* line 617, ../../sass/site.scss */
  #exercises, footer section {
    padding: 0;
    margin: auto;
    width: 95% !important;
  }

  /* line 624, ../../sass/site.scss */
  #cta {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  /* line 633, ../../sass/site.scss */
  #cta h6 {
    font-size: 1.2em;
  }

  /* line 639, ../../sass/site.scss */
  nav li a {
    font-size: 1.5em;
  }

  /* line 644, ../../sass/site.scss */
  header .block {
    top: 300px;
    width: 61.55779%;
  }

  /* line 650, ../../sass/site.scss */
  blockquote {
    width: 23.11558%;
  }

  /* line 655, ../../sass/site.scss */
  .needs-holder {
    width: 27.38693%;
  }

  /* line 663, ../../sass/site.scss */
  .details li {
    font-size: 1.45em;
  }
  /* line 668, ../../sass/site.scss */
  .details ul.small li {
    font-size: 15px;
  }
}


.button {
    display: block;
    width:310px;
    background: #f7941d;
    padding:10px 15px;
    color:white;
    margin:25px auto;
    text-decoration: none;
    font-family: 'Lobster';
    font-weight:400;
    font-size:30px;
}

.button span {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size:0.7em;
}

.button:hover {
    background: #3a3e3d;
}


form input {
    padding:15px;
    width:85%;
    background: white;
    border:none;
    margin:0 0 20px 0;
    text-transform: uppercase;
}

form input[type=submit] {
    font-family: 'Oswald';
    font-size:1.1em;
    width:200px;
    float:right;
    margin:0 58px 0 0;
cursor: pointer;
}

form p, .special {
    font-size: 1em;
    line-height: 1.4;
    padding:0 0 15px 0;
    font-family: 'Oswald';
    text-transform: uppercase;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .7);
    z-index: 5000;
    cursor: pointer;
}

.popup {
    position: fixed;
    left: calc(50% - 373px);
    top: 100px;
    width: 746px;
    height: 467px;
    z-index:50000;
}

.popup a {
    position: absolute;
    bottom: 0;
    width: 550px;
    left: 85px;
    height: 80px;
}

.popup .close {
    position: absolute;
    right: 30px;
    top: 25px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}