/* general ********************************************************************/
body,
html {
  margin:0;
  padding:0;
  font-family:Arial, Geneva, Helvetica, Lucida Sans, Trebuchet, Verdana;
  background:black;
  color:white;
}

body {
  margin-top: 94px;
}

.content {
  clear: both;
  width: 80%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
  overflow:visible;
}

ol,
ul {
  padding:0;
  margin:0;
}

ol {
  font-weight:bold;
}

ul {
  list-style:none;
}

.image,
.logo,
.order,
.calculate,
.open,
.close,
.audience,
.restart_test {
  text-indent:-1000px;
  overflow:hidden;
  display:block;
}


p,
a {
  color:#fff;
  font-size: 14px;
  line-height: 18px;
}

p {
  font-weight:normal;
}

a {
  text-decoration:none;
}

h2 {
  text-transform:uppercase;
}

h2.center,
h3.center,
p.center,
.center p {
  text-align:center;
}

.justify {
  text-align:justify;
}

.overlayer h2,
.overlayer h3 {
  margin-top:0;
}

.overlayer h3 {
  margin-bottom: -5px;
}

.overlayer section:first-child {
  margin:0;
}

.right {
  float:right;
}

img {
  width:100%;
  border-radius:2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

article,
hr,
.clear {
  clear:both;
}


hr {
  border:0;
  height:0;
  margin:0;
  padding:0;
}

h3.alt-color {
  color:#6FD6FF;
}

article {
  width:100%;
  overflow:hidden;
}

/* header *********************************************************************/
header {
  position:fixed;
  width:100%;
  top:0;
  z-index: 2;
}

header .title {
  height:94px;
  background: url(../images/header_background.png);
  position: relative;
}

header h1,
header h2 {
  margin:0;
}

header h1 {
  width:240px;
  height:56px;
  background:url(../images/Libidopil_logo.png);
  position:relative;
  top: 18px;
}

header h2 {
  color: white;
  float: right;
  position: relative;
  top: -5px;
  font-size: 18px;
  text-transform: uppercase;
}

nav li {
  float:left;
  margin-right:2px;
  display:block;
}

nav ul li:last-child {
  margin-right:0;
}

header nav a {
  display:block;
  line-height: 40px;
  height: 40px;
  background:#21acd3;
  padding:0 15px;
  color:#000;
  text-shadow: 2px 2px #fff;
  font-weight:bold;
  text-transform:uppercase;
}

.test li ul {
  padding-left: 56px;
}

.test ul li {
  display: block;
  float:left;
  clear:both;
  margin-bottom:10px;
}

.question_number {
  float:left;
  width:46px;
  height:46px;
  border-radius:100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  color:#000;
  line-height:center;
  text-align:center;
  line-height:46px;
  font-weight:bold;
  font-size:20px;
  margin-right:10px;
}

.test lable {
  display: block;
  margin-top: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

iframe {
  margin-bottom:10px;
}


nav ul {
  display: block;
  width: 752px;
  margin: 0 auto;
  overflow: auto;
  box-shadow: 0 0 17px 5px rgba(0,0,0,0.7);
  background: rgba(0, 0, 0, 0.6);
}

/* containers ******************************************************************/

article:nth-of-type(1) .content {
  margin-top: -16px;
}

.container1,
.container2,
.container3 {
  min-height:310px;
  padding:10px 0 10px 0;
}

.container1 h2,
.container2 h2,
.container1 h3 {
  color:white;
}

.container3 h2,
.container3 h3,
.container1 .overlayer h2,
.container1 .overlayer h3 {
  color:#6fd6ff;
}

.container3 hgroup h3,
.container3 h2 {
  color:#fff;
}

.page_order img {
  width:auto;
}

.overlayer,
.indent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:25px;
  border-radius:3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: auto;
  margin-bottom: 15px;
  background:rgba(0,0,0,0.6);
}

.container1 .overlayer {

  background:rgba(0,0,0,0.75);

}

.container1 {
  background-color:#0986bc;
}

.container2 {
  background-color:#313131;
}

.container2 .overlayer{
  background:#000;
}

.container2 .overlayer + .overlayer,
.container2 .overlayer:last-child {
  background:#000;
}

.container3 {
  background:#000;
}

.container3 p{
  color:#fff;
}

.intro {
  background:url('../images/Libidopil_Intro.jpg');

}

.indent {

}

/* content ********************************************************************/

.succes {
  padding-top: 80px;
}

.carousel-mask {
  width: 100%;
}

.carousel {
  width: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.7);
}

.carousel li {
  float:left;
  width:100%;
}

.carousel h2 {
  margin:5px 0 5px 0;
}

article hgroup {
  overflow: auto;
}

article hgroup h2,
article hgroup h3 {
  float:left;
}

article hgroup h3 {
  margin-left: 20px;
  position: relative;
  top: 7px;
  font-style: italic;
  text-transform: uppercase;
}


.usp span {
  display: block;
  border-radius: 200px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  font-size: 54px;
  text-align: center;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border: 1px solid #CCC;
  font-weight: bold;
  line-height: 80px;
  color: black;
  margin-bottom: 15px;
}

.usp li {
  min-height: 337px;
}

.order,
.calculate,
.open,
.close,
.score_chart li span:last-child,
.restart_test,
.order-menu,
.score_good,
.score_average,
.score_bad {
  background:url(../images/sprites.png);
  background-size: 295px 538px !important;
}

.order-hover {
  position:fixed;
  bottom:10px;
  margin-left:-120px;
}

.order-menu {
  display: block;
  width: 140px;
  height: 153px;
  background-position: -156px -385px;
}

#orderbutton {
  margin-top:20px;
}

.order {
  float:right;
  width:206px;
  height:51px;
}

.container1 .order {
  background-position-y: -51px;
}

.calculate {
  background-position: 0 -154px;
  width: 243px;
  height:51px;
  float:left;
  margin-bottom: 10px;
  cursor: hand;
  cursor: pointer;
}

.restart_test {
  width: 206px;
  height: 51px;
  background-position: 0 -204px;
  margin-top: 20px;
}

ol li,
ol h3 {
  color:#67daf9;
}

ol li {
  list-style-position: inside;
}

ol h3 {
  margin-bottom: -15px;
  display:inline;
}

.open,
.close {
  width:42px;
  height:42px;
  border-radius:42px;
  -moz-border-radius: 42px;
  -webkit-border-radius: 42px;
  float:left;
  margin-bottom:10px;
}

.open {
  background-position: -206px -39px;
  background-position: -206px -39px, 0 0;
}

.close {
  background-position: -206px 0;
}

.question,
.awnser {
  margin-left: 60px;

}

.question {
  font-weight: bold;
  line-height: 18px;
  position: relative;
  top: 13px;
  margin-bottom: 20px;
}

.awnser {
  display:none;
}

.user_experiance p{
  margin-top:0;
}

.contactbox {
  min-height: 300px;
}

.contact_icon {
  cursor: hand;
  cursor: pointer;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
  width: 122px;
  height: 122px;
  overflow: hidden;
  border-radius: 61px;
  -moz-border-radius: 61px;
  -webkit-border-radius: 61px;
  margin-bottom: 25px;
  line-height: 114px;
}

.contact_icon img {
  vertical-align:middle;
  max-height: 85px;
}

.faq li {
  cursor:hand;
  cursor:pointer;
  clear: both;
  min-height: 60px;
}

.quality_mark {
  margin-top: -173px;
  margin-bottom: 15px;
}

.pills {
  width: 25%;
  margin-top: -300px;
  margin-left: 87px;
}

.higher {
  position: relative;
  top: -70px;
  margin-bottom: -100px;
}

#boxthree img {
  width:auto;
}

.hidden {
  display:none;
}

.arrow:first-child {
  margin-top: -15px;
  width:148px;
  height:69px;
  background:url(../images/pijl_zwart.png);
}

.col h2:first-child {
  margin-top:0;
}

.contactbox h3 {
  text-align:center;
}

/* index */
.libidopil_index.container3 h2 {
  color:#fff;
}

.libidopil_index {
  min-height: 0;
}

.audience {
  width: 352px;
  height: 100px;
  background: url(../images/Voor_echte_mannen.png);
  position: absolute;
  top: 116px;
}

/* test */

.score_chart li {
  line-height:58px;
}

.score_chart li span:first-child,
p.test_result span:first-child {
  width:150px;
  text-align:right;
  display:inline-block;
}

.score_good,
.score_average,
.score_bad,
.score_chart li span:last-child {
  margin-left:10px;
  display:inline-block;
  width:29px;
  height:28px;
  vertical-align:middle;
}

.score_good,
.score_average,
.score_bad {
  float:right;
}

.score_chart li:nth-child(1) span:last-child,
.score_good {
  background-position: -249px -1px;
}

.score_chart li:nth-child(2) span:last-child,
.score_average {
  background-position: -249px -30px;
}

.score_chart li:nth-child(3) span:last-child,
.score_bad {
  background-position: -249px -59px;
}

.test_score {
  width: 50px !important;
  padding: 10px;
  background: white;
  color: black;
  font-weight:bold;
  font-size:16px;
  margin-left: 10px !important;
}

/* order */
#boxone,
#boxtwo,
#boxthree,
#boxfour {
  font-weight:bold;
}

#boxone,
#boxtwo,
#boxthree,
#boxfour,
#boxfive,
.indent {
  padding: 25px 60px 0px 25px;
}

.indent {
  padding-top:0;
  padding-left: 50px;
}

#boxone tr {
  margin-bottom:30px;
}

#boxone .header {
  margin-bottom:20px;
}

#boxtwo .header {
  margin-bottom:40px;
}

#boxthree label,
#boxfour label {
  margin-left: 40px;
}
.productrow_one td{
  background-color:#303030;
  padding: 4px 2px;
}
.productrow_two td{
  padding: 2px 2px;
}
.product_descriptions {
  width:600px !important;
}

.product_header,
.product_description {
    margin-left: 5px;
}
.product_header {
    display: block;
}
.product_description {
    font-size: .8em;
    font-weight: 400;
}

.euro_prices {
  width:200px;
}

.product_images {
  display:none;
}

#boxfive {
  padding-bottom:0;
}

select {
  margin-bottom:25px;
}

input[type=text],
.test_score
 {
  width: 200px;
  border: 2px solid #CCC;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height: 20px;
  margin: 0 0 10px 0;
  padding:0 5px;
}

table {
  width: 100%;
}

table td {
  vertical-align:middle;
}

form input[type=submit] {
  width : 228px;
  height :68px;
  border : none;
  color : transparent;
  background-position:0 -100px;
}

.page_order h3 {
  margin-bottom: 0px;
  color: white;
}

/* footer *********************************************************************/

footer {
  padding:15px 0 10px 0;
  text-align:center;
  font-weight:bold;
}

footer p {
  margin:10px;
}

/* complex backgrounds ********************************************************/

/* grey*/
.usp span,
.question_number,
.contact_icon {
  background:#fff;
  background-image: linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  border:1px solid #ccc;
}

/* blue radial + lines*/
.container1 {
  background-color:#0986bc;
  background-image: url(../images/stripe.png), -moz-radial-gradient(center center, circle cover, #c6dde5, #0986bc 100%);
  background-image: url(../images/stripe.png), -webkit-radial-gradient(center center, circle cover, #c6dde5, #0986bc 100%);
  background-image: url(../images/stripe.png), -o-radial-gradient(center center, circle cover, #c6dde5, #0986bc 100%);
  background-image: url(../images/stripe.png), -ms-radial-gradient(center center, circle cover, #c6dde5, #0986bc 100%);
  background-image: url(../images/stripe.png), radial-gradient(center center, circle cover, #c6dde5, #0986bc 100%)
}

/* blue + lines*/
/*.page_order .overlayer {
  background-color:#0986bc;
  background-image: url(../images/stripe.png);
  background-image: url(../images/stripe.png);
  background-image: url(../images/stripe.png);
  background-image: url(../images/stripe.png);
  background-image: url(../images/stripe.png);
}*/

/* grey radial + lines*/
.container2 {
  background-color:#313131;
  background-image: url(../images/stripe.png), -moz-radial-gradient(center center, circle cover, #eee, #313131 100%);
  background-image: url(../images/stripe.png), -webkit-radial-gradient(center center, circle cover, #eee, #313131 100%);
  background-image: url(../images/stripe.png), -o-radial-gradient(center center, circle cover, #eee, #313131 100%);
  background-image: url(../images/stripe.png), -ms-radial-gradient(center center, circle cover, #eee, #313131 100%);
  background-image: url(../images/stripe.png), radial-gradient(center center, circle cover, #eee, #313131 100%)
}

/* grey + spritemap */
.open,
.close {
  background:url(../images/sprites.png)
  background-image: url(../images/sprites.png), linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: url(../images/sprites.png), -o-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: url(../images/sprites.png), -moz-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: url(../images/sprites.png), -webkit-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-image: url(../images/sprites.png), -ms-linear-gradient(bottom, rgb(199,199,199) 0%, rgb(255,255,255) 100%);
  background-size: 278px 536px;
  border:1px solid #ccc;
}

/* menu button off */
header nav a {
  background-image: linear-gradient(bottom, rgb(5,96,135) 0%, rgb(2,160,199) 14%, rgb(100,206,244) 29%, rgb(2,160,199) 87%, rgb(5,96,135) 100%, rgb(100,206,244) 71%);
  background-image: -o-linear-gradient(bottom, rgb(5,96,135) 0%, rgb(2,160,199) 14%, rgb(100,206,244) 29%, rgb(2,160,199) 87%, rgb(5,96,135) 100%, rgb(100,206,244) 71%);
  background-image: -moz-linear-gradient(bottom, rgb(5,96,135) 0%, rgb(2,160,199) 14%, rgb(100,206,244) 29%, rgb(2,160,199) 87%, rgb(5,96,135) 100%, rgb(100,206,244) 71%);
  background-image: -webkit-linear-gradient(bottom, rgb(5,96,135) 0%, rgb(2,160,199) 14%, rgb(100,206,244) 29%, rgb(2,160,199) 87%, rgb(5,96,135) 100%, rgb(100,206,244) 71%);
  background-image: -ms-linear-gradient(bottom, rgb(5,96,135) 0%, rgb(2,160,199) 14%, rgb(100,206,244) 29%, rgb(2,160,199) 87%, rgb(5,96,135) 100%, rgb(100,206,244) 71%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(5,96,135)), color-stop(0.14, rgb(2,160,199)), color-stop(0.29, rgb(100,206,244)), color-stop(0.87, rgb(2,160,199)), color-stop(1, rgb(5,96,135)), color-stop(0.71, rgb(100,206,244)));
}

/* menu button on */
header nav .active a,
.menu_button,
nav a > span {
  background-image: linear-gradient(bottom, rgb(149,149,148) 0%, rgb(255,255,255) 29%, rgb(255,255,255) 68%, rgb(149,149,148) 100%);
  background-image: -o-linear-gradient(bottom, rgb(149,149,148) 0%, rgb(255,255,255) 29%, rgb(255,255,255) 68%, rgb(149,149,148) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(149,149,148) 0%, rgb(255,255,255) 29%, rgb(255,255,255) 68%, rgb(149,149,148) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(149,149,148) 0%, rgb(255,255,255) 29%, rgb(255,255,255) 68%, rgb(149,149,148) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(149,149,148) 0%, rgb(255,255,255) 29%, rgb(255,255,255) 68%, rgb(149,149,148) 100%);
  background-image: -webkit-gradient(linear,  left bottom,  left top,  color-stop(0, rgb(149,149,148)),  color-stop(0.29, rgb(255,255,255)),  color-stop(0.68, rgb(255,255,255)),  color-stop(1, rgb(149,149,148)));
}

/* mobile *********************************************************************/
.mobile {
  display:none;
}

.button_container {
  min-width:72px;
  min-height:72px;
}

.menu_button {
  float: right;
  line-height: 35px;
  width: 124px;
  display: none;
  color: black;
  text-align: center;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 8px 5px;
}

nav img {

}

.nav_succes,
.order_succes {
    display:none;
}

.logo-img,
nav a span {
  display:none;
}

@media only screen and (max-width : 770px) {
  .content {
    width:95%;
  }

  nav.content {
    width:100%;
  }

  .carousel h2 {
    font-size:110%;
  }

  .test-legend {
    width: 100%;
    padding-left: 0px;
    margin-left: 0;
  }

  .restart_test {
    float: right;
    position: relative;
    top: -72px;
    margin-bottom: -72px;
  }

  .score_chart li {
    line-height: 34px;
  }
}

@media only screen and (max-width: 615px) {
  .audience {
    display:none;
  }

  .score_chart {
    overflow: auto;
    margin: 0 auto;
    width: 210px;
  }

  .score_chart li {
    float:right;
  }

  .restart_test {
    float: none;
    top: 0;
    margin: 10px auto;
  }

  .test_result {
    text-align: center;
  }

  .test_result p {
    width:auto;
  }

  .non-mobile,
  nav,
  .logo {
    display:none;
  }

  .logo-img {
    float:left;
    display:block;
    width:60%;
    max-width:220px;
    margin-top:10px;
  }

  .menu_button {
    display:block;
    width: 30%;
  }

  header .title {
    height:52px;
    background-size: 1px 49px;
  }

  article > section > h2 {
    text-align:center;
  }

  .logo-img {
    width: 120px;
    margin-top: 10px;
    height: 28px;
  }

  body {
    margin-top: 58px;
  }



  .col {
    margin: 1% 0 1% 0%;
  }

  nav {
    background:#000;
    background:rgba(0,0,0,0.8);
    height: 2000px;
  }

  .content {
    width:100%;
  }



  header hgroup {
    height:auto;
    background-size:auto 100%;
  }



  nav img {
    display:block;
  }



  header nav a {
    padding-right:0px;
    margin-top:1px;
    width:100%;
    text-shadow: 1px 1px white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height:40px;
    height:40px;
  }

  nav ul,
  nav li {
    width:100%;
    overflow:hidden;
  }

  nav a > span {
    float:right;
    width:60px;
    display:block;
    height:100%;
  }

  nav a > span span {
    display: block;
    width: 30px;
    height: 24px;
    background: url(../images/Pijl.png);
    background-size: 30px 24px;
    margin: 9px 16px;
  }

  .calculate,
  .order {
    float:none;
    margin: 0 auto;
  }

  .quality_mark {
    margin: 0 auto;
    width:50%;
    float: right;
    margin: 0 10px 10px 0;
  }

  .higher {
    top:0;
    margin-bottom: 0;
  }

  #boxone,
  #boxtwo,
  #boxthree,
  #boxfour {
    padding: 20px;
    font-weight:bold;
  }

  input[type=text] {
    margin:0;
    width:99%;
  }

  #boxtwo label {
    width:100%;
    text-align:left;
  }

  #boxfour .header {
    margin-bottom:10px;
  }

  #boxfour label,
  #boxthree label {
    margin-left: 30px;
  }

  select {
    height: 40px;
    width: 100%;
    margin:0;
  }

  .order-hover {
    display:none;
  }

  .center p,
  p {
    text-align:justify;
  }

   {
    padding:10px;
  }

  .usp li {
    min-height: 50px;
  }

  .content > p,
  .col > p,
  .col > h2,
  .overlayer,
  hgroup {
    padding:5px;
  }

  .test lable {
    margin-top: 0;
    padding-left: 59px;
  }

  .test li ul {
    padding-left: 10px;
  }

  .question_number {
    margin-top: 5px;
  }

  h2 {
    font-size: 130%;
    text-align:center;
    float:none !important;
  }

  article hgroup h3 {
    margin:0;
    top:-10px;
    text-align:center;
    float:none !important;
  }

  .indent {
    padding:5px;
  }

  #boxone, #boxtwo, #boxthree, #boxfour {
    padding: 0px;
  }

  #boxone tr {
    height: 72px;
  }

  .productrow_one td {

  }

  .product_descriptions {
    width:60% !important;
    padding:4px 10px !important;
    text-align:left !important;
  }

  input[type="text"] {
    line-height:40px;
    padding:0;
  }

  .contactbox {
    min-height: 10px;
  }

  .overlayer .col p {
    padding:0;
  }

  .pills {
    width: 45%;
    margin-top: -300px;
    margin-left:0;
  }

  .libidopil_index {

  }

  .head-image {
    opacity:0;
  }

  .header-section {
    position:relative;
    top:-6px;
    background:url(../images/Libidopil_Intro.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom:-6px;
  }

  .carousel h2 {
    font-size:100%;
  }

  .overlayer,
  .indent {
    border-radius:0;
  }
}

form.rushcommerce article:hover { background-color:#363636!important;}
form.rushcommerce article {
  width:inherit;
}
form.rushcommerce .product_description {margin-left:4em!important;}
form.rushcommerce article h3 {
    padding-top: 0.5em!important;
}
form.rushcommerce article .product_price {
    right: 1em;
	top: -2em!important;
}
form.rushcommerce .paymentselection label {
    width: 94%!important;
}