.arrow-r {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #444;
  margin-bottom: 1%;
  margin-right: 7px;
  margin-left: 3px;
  display: inline-block; }

.arrow-d {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #444;
  margin-bottom: 6px;
  margin-right: 5px;
  display: inline-block; }

.collapse-container {
  margin-top: 1rem;
  width: 100%; }
  .collapse-container h3 {
    width: 100%; }
  .collapse-container .accordion-active {
    padding-left: 12px;
    margin-top: -15px; }

.collapse-container > :nth-child(odd) {
  padding: 5px 0;
  margin: auto; }

.collapse-container > :nth-child(even) {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.collapse-container > :nth-child(even) p {
  padding: 0 5px; }

.collapse-container > :nth-child(odd):hover {
  cursor: pointer;
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit browsers */ }

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%; }

.icon-scroll {
  width: 40px;
  margin-left: -20px;
  bottom: 3rem;
  position: absolute;
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px #284089;
  border-radius: 25px;
  height: 70px; }

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #284089;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll; }

@-webkit-keyframes scroll {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
    transform: translateY(46px); } }
@keyframes scroll {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
    transform: translateY(46px); } }
* {
  margin: 0;
  padding: 0; }

body {
  overflow-x: hidden;
  font: 15px/17px 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #ffffff;
  color: #303030; }

section,
footer,
header,
nav {
  display: block;
  clear: both;
  position: relative; }

.inner {
  max-width: 1550px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  position: relative;
  height: 100%; }

h1 {
  letter-spacing: -0.01em; }

h2 {
  font: 19px Georgia, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #303030;
  margin: 10px 0 0 0;
  padding: 0;
  letter-spacing: -0.01em; }

h3 {
  font: 26px "Open Sans", sans-serif;
  font-weight: 400;
  color: #303030;
  margin: 10px 0 0 0;
  padding: 0;
  letter-spacing: -0.01em; }

p {
  margin: 5px 0; }
  p.smaller {
    font-size: 12px !important; }

a {
  color: #303030;
  text-decoration: none;
  outline: none; }

ul, ol {
  padding: 1rem 0 0.5rem 2rem; }
  ul li, ol li {
    line-height: 1.4;
    list-style-type: square; }

ol li {
  list-style-type: decimal;
  padding-bottom: 0.2rem; }

:-moz-any-link:focus {
  outline: none; }

a:hover {
  color: #235da6; }

a img {
  border: 0; }

td {
  line-height: 1.7;
  font-size: 15px; }

/*--------------------------------------*/
.header-container {
  position: relative;
  z-index: 100000; }

nav {
  margin-top: 1px;
  float: left;
  width: 100%;
  height: 45px;
  background-color: #235da6;
  padding: 0 3rem; }
  nav#main {
    position: fixed;
    top: -1px;
    z-index: 1; }
  nav ul {
    padding: 0; }
    nav ul li {
      float: left;
      list-style: none;
      padding-top: 15px;
      padding-left: 20px;
      padding-right: 20px;
      display: block;
      background: url(../images/nav-divider-line.png) bottom right no-repeat; }
      nav ul li.first {
        padding-left: 0;
        border-left: none; }
      nav ul li.last {
        background: none;
        border-right: none; }
      nav ul li a {
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        text-shadow: 1px 1px #000000; }
        nav ul li a.active, nav ul li a:hover {
          color: #e8d77e; }

.wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  clear: both;
  margin-bottom: -3px; }

.wrapper:after {
  padding-top: 50%;
  /* ratio of image */
  display: block;
  content: ''; }

.hero {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: contain; }
  .hero .logo {
    width: 345px;
    height: 131px;
    float: left;
    text-align: left;
    margin-top: 53px;
    padding-left: 3rem; }
    .hero .logo a {
      background: url("../images/logo.png") no-repeat top left;
      display: block;
      height: 131px;
      text-indent: -10000px;
      width: 345px; }
    .hero .logo .part-of-solvimedi a {
      background: url("../images/part-of-solvimedi.png") no-repeat top left;
      width: 201px;
      height: 14px;
      display: block;
      text-indent: -10000px;
      margin-left: 122px;
      margin-top: -48px;
      z-index: 2; }
  .hero .payoff {
    position: absolute;
    bottom: 3rem;
    right: 3rem; }

.two-cols {
  clear: both;
  position: relative;
  float: left;
  width: 100%; }
  .two-cols .col {
    width: 50%;
    text-align: left;
    float: left; }
    .two-cols .col .text {
      float: left;
      position: relative; }
      .two-cols .col .text .inner {
        width: 80%;
        text-align: left;
        max-width: 680px;
        padding: 2rem 3rem; }
    .two-cols .col.left .text {
      float: right; }
    .two-cols .col img {
      float: left; }
    .two-cols .col h2 {
      font-size: 42px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      line-height: 1.1;
      padding-top: 0.5rem; }
    .two-cols .col p {
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      font-size: 15px;
      line-height: 1.4;
      padding-top: 0.5rem; }
      .two-cols .col p a {
        text-decoration: underline; }
  .two-cols.even .col {
    float: left; }
  .two-cols.even .text {
    float: right; }
  .two-cols.odd .col {
    float: right; }

#tips {
  background-color: #235da6;
  color: #ffffff; }
  #tips ul li {
    padding-bottom: 1rem; }
  #tips h2 {
    font-family: "Open Sans",sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.1;
    padding-top: 3rem;
    color: #ffffff; }

#informatie {
  background-color: #f5f5f5;
  color: #303030; }
  #informatie ul li {
    padding-bottom: 1rem; }
  #informatie h2 {
    font-family: "Open Sans",sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.1;
    padding-top: 3rem;
    color: #303030; }

.hor-line {
  position: relative;
  width: 960px;
  margin: 0 auto;
  height: 1px;
  clear: both;
  display: block;
  background: url("../images/hor-line.png") top center no-repeat; }

.quotes {
  padding-top: 41px;
  padding-bottom: 91px;
  clear: both; }
  .quotes .quote {
    font: 48px Georgia, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: italic; }
  .quotes .name {
    font: 30px Georgia, Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-left: -180px; }

footer .contact-data {
  background-color: #366cb6;
  height: 128px; }
  footer .contact-data h3, footer .contact-data p {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    margin: 10px 0 0 72px; }
  footer .contact-data p {
    font-size: 14px;
    font-weight: 400;
    margin: 4px 0 0 72px; }
footer .phone-us {
  height: 60px;
  background: url("../images/icon-phone-footer.png") center left no-repeat;
  margin-top: 34px;
  position: absolute;
  left: 3rem;
  width: 33%; }
footer .email-us {
  height: 60px;
  background: url("../images/icon-mail-footer.png") center left no-repeat;
  text-align: left;
  margin-top: 34px;
  overflow: auto;
  float: left;
  right: -44%;
  position: relative; }
  footer .email-us p a {
    color: #ffffff; }
    footer .email-us p a:hover {
      color: #e8d77e; }
footer .our-address {
  height: 60px;
  background: url("../images/icon-compass-footer.png") center left no-repeat;
  float: right;
  text-align: right;
  margin-top: 34px;
  position: absolute;
  right: 3rem;
  top: 0; }
footer .payoff {
  background-color: #235da6;
  height: 181px; }
footer .member-of {
  font: 20px "Open Sans", sans-serif;
  color: #ffffff;
  text-align: left;
  height: 75px;
  padding-top: 53px;
  position: relative;
  float: left;
  margin-left: 3rem; }
footer .specialist {
  font: 30px Georgia, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-align: right;
  height: 75px;
  padding-top: 69px;
  position: relative;
  float: right;
  margin-right: 3rem; }
footer nav {
  float: left;
  height: 45px;
  margin: 14px auto 0;
  padding: 0;
  width: 100%;
  background: #ffffff; }
  footer nav a {
    font-weight: normal;
    color: #303030; }
    footer nav a:hover {
      text-decoration: underline; }

form input {
  height: 36px;
  border: 1px solid #a9a9a9;
  margin-top: 15px;
  width: 90%;
  padding: 0 5px; }
form #submit-form {
  width: 30%;
  height: 36px;
  padding: 0 5px;
  margin-top: 15px;
  background-color: #235da6;
  border: 0;
  color: #ffffff; }
form #result {
  margin-top: 25px;
  font-weight: 600; }

#editpage {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 6px;
  background: #db1174;
  color: #ffffff;
  display: block;
  font-weight: bold; }
  #editpage:hover {
    background: #ffffcc;
    color: #000; }

.error {
  color: #ff0000;
  font-weight: bold; }

.hp-model {
  display: none;
  visibility: hidden; }

@media screen and (max-width: 1550px) {
  .two-cols .col h2 {
    font-size: 52px; } }
@media screen and (max-width: 1280px) {
  .two-cols .col h2 {
    font-size: 42px; } }
@media screen and (max-width: 980px) {
  .hero .scrolldown {
    display: none;
    visibility: hidden; }

  #bekkenpijn .hero {
    background-image: none !important;
    background-color: #235da6 !important; }
    #bekkenpijn .hero h3 {
      color: #ffffff; }
    #bekkenpijn .hero p {
      color: #ffffff; }
    #bekkenpijn .hero ul li {
      color: #ffffff; }

  #bekkenpijn {
    height: 680px; }
    #bekkenpijn .two-cols .col {
      width: 100%; }

  #afspraak-maken {
    height: 680px; }
    #afspraak-maken .hero {
      background-size: cover !important; }

  .arrow-r {
    border-left: 5px solid #ffffff; }

  .arrow-d {
    border-top: 5px solid #ffffff; }

  .hide-medium-or-smaller {
    display: none; } }
@media screen and (max-width: 960px) {
  nav .inner {
    display: none; }

  .hero .logo {
    padding-left: 1rem; }
  .hero .payoff {
    display: none; }

  .two-cols .col {
    width: 100%; }
    .two-cols .col h2 {
      font-size: 30px; }
    .two-cols .col .text .inner {
      max-width: none;
      width: auto;
      padding: 2rem; }
    .two-cols .col.right .text .inner {
      padding-top: 0; }
  .two-cols.even .text {
    float: left !important; }

  #bekkenpijn {
    height: 720px; }
    #bekkenpijn .hero h3 {
      font-weight: 600;
      font-size: 16px; }

  footer .contact-data {
    height: auto;
    clear: both;
    width: 100%;
    float: left; }
  footer .phone-us, footer .email-us, footer .our-address {
    float: left;
    position: relative;
    width: 100%;
    left: 3rem;
    right: 0;
    margin-top: 34px;
    clear: both;
    height: 60px; }
  footer .our-address {
    margin-bottom: 40px; }
  footer .payoff {
    float: left;
    width: 100%; }
  footer .member-of {
    text-align: center;
    margin: 0 auto !important;
    float: none; }
  footer .specialist {
    display: none; } }

/*# sourceMappingURL=styles.css.map */