/* Import Font */
@import url("https://pblx.s3.amazonaws.com/pnl/assets-www/font/campton-web.css");
@import url("https://pblx.s3.amazonaws.com/pnl/assets-www/font/plain/PlainLight-Regular.css");
@import url("https://pblx.s3.amazonaws.com/pnl/assets-www/font/plain/PlainRegular-Regular.css");
@import url("https://pblx.s3.amazonaws.com/pnl/assets-www/font/plain/PlainBold-Regular.css");
@import url("https://pblx.s3.amazonaws.com/pnl/assets-www/font/plain/PlainThin-Regular.css");
@import url("https://www.pearle.nl/is-bin/intershop.static/WFS/org-nl_pearle-Site/-/nl_NL/css/bootstrap.css");

h2, h3 {
  font-family: 'PlainBold'!important;
  margin: 0;
  margin-bottom: 10px;
  color: #000;
}

h2 {
  font-size: 24px!important;
  line-height: 26px!important;
}

h3 {
  font-size: 18px!important;
  line-height: 22px!important;
}

body {
  margin: 0 15px;
  font-family: 'PlainThin';
  color: #000;
  font-size: 14px;
  line-height: 24px;
}

.opties ul {
  padding: 0;
  margin: 0;
  list-style: none;
  min-height: 110px;
  border-bottom: 1px solid #ccc;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.opties p span {
  font-family: 'campton-bold';
}

.col-md-6 {
  width: 25%;
  float: left;
}

@media screen and (min-width: 899px) {

  body {
    margin: 0;
  }

  .col-md-offset-4 {
      margin-left: 16.66666667%;
  }

  .col-md-offset-2 {
      margin-left: 8.33333333%;
  }

  .col-md-offset-1 {
      margin-left: 4.16666667%;
  }
}

@media screen and (max-width: 500px) {
  .col-md-6 {
    width: 100%;
    float: left;
  }

  .opties {
    padding: 15px 30px 0 30px;
    margin-bottom: 15px;
    background: #f2f2f2;
  }
}

#container-stores .eyes {
    position: relative;
}

/* Resets */

.freehtml700 {
    width: 938px;
    float: left;
    margin: 0 0 40px 0;
}

#leftpanel {
    display: none;
}

.freehtml {
    width: 940px;
}

#workingTemplate h1 {
    display: none !important;
}

#workingTemplate .cms-block h1 {
    display: inherit !important;
}

/* Font styles */

#container-stores .filialen h3 {
    margin: 20px 0 0 0;
}

#container-stores p {
    color: #000;
    font-family: 'PlainThin';
    margin-bottom: 20px;
}

#container-stores p:last-of-type {
    margin-bottom: 0;
}

#container-stores p a {
    color: #000;
    font-family: 'PlainThin';
}

#container-stores p strong {
    font-family: 'PlainBold' !important;
    color: #000 !important;
}

#container-stores .intro p {
    color: #000;
}

#container-stores .grey-text p {
    color: #999;
    font-style: italic;
}

#container-stores a,
#breadcrumb,
#breadcrumb a {
    font-family: 'PlainRegular' !important;
}

#container-stores .filialen a {
    display: block;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    margin: 0 0 5px 0;
    font-family: 'PlainThin' !important;
}

#container-stores .filialen a:hover {
    text-decoration: underline !important;
}

.oogmeting-winkels {
    height: 550px;
    background: #88bbd2;
}

#container-stores .labels h3 {
    margin: 0;
}

/* Mobile */

@media screen and (max-width: 767px) {

    #container-stores h1 {
        font-size: 34px !important;
        line-height: 36px !important;
    }

    #container-stores h2 {
        font-size: 30px !important;
        line-height: 32px !important;
    }

    #container-stores h3 {
        font-size: 24px;
        line-height: 26px;
        margin: 0;
    }

    #container-stores .grey-text p {
        text-align: left;
    }

    .oogmeting-winkels {
        height: auto;
    }
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}