@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,700,600,500');

.apt-light-green {
  color: #35B39A;
}

body {
  font-family: 'Montserrat',Helvetica,Arial,serif;
  background: rgba(246, 246, 246, 1.0);
  height: 100%;
  min-height: 100%;
}

div.top-header {
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: rgba(196, 189, 189, 1.0);
  min-height:460px;
  height: 460px;
  /*height:calc(100vw * 460.0 / 1493.0);*/
  width: 100%;
  margin: 0;
  overflow: hidden;
  transform: rotate(0deg);
  opacity: 1.0;
}

.mobile-container div.top-header {
  min-height: 300px;
  height: 300px;
}

.container-fluid {
  font-family: 'Montserrat',Helvetica,Arial,serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14.0px;
  line-height: 24px;
  color: #3D3D3D;
}

.wrapper h4 {
  padding-top: 30px;
  margin-bottom: 0px;
}

.mobile-container .container-fluid .wrapper .block.block-full .heading .content, .heading,
.mobile-container .container-fluid .wrapper .block.block-full .heading .content, .heading-no-content  {
  background-color: transparent;
}


.container-fluid .wrapper {
  margin: auto!important;
  text-align: left;

  padding-top: 0px;
  padding-bottom: 84px;
}

.desktop-container .container-fluid .wrapper {
    width: 953px;
    padding-top: 18px;
}

.mobile-container .container-fluid .wrapper {
    /*width: 320px;*/
    background-color: #F9F9F9;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 48px;
}

.mobile-container h4 {
  font-size: 14px;
  color: #24B698;
}

.block.block-full {
  padding-top: 32px;
}

.mobile-container .block.block-full {
  padding-top: 16px;
}

.mobile-container .block.block-full .heading {
  border-bottom: solid 1px #B4B4B4;
  padding-top: 0px;
  padding-bottom: 18px;
  margin-top: 0px;
  margin-bottom: 22px;
}

.mobile-container .block.block-full .heading-no-content {
  border-bottom: solid 1px #B4B4B4;
  padding-top: 0px;
  padding-bottom: 18px;
  margin-top: -18px;
  margin-bottom: 22px;
}

.mobile-container .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.headingdefault01 {

}

.desktop-container .block.block-full .heading,
div[class^='headingdefault'] div[class^='heading']  {
  height: 22px;
  background-image: url(https://aptraders.nl/img/line-17-10@2x.png);
  background-repeat: repeat-x;
  background-size: 100% 1px;
  background-position: center;
  margin-bottom: 26px;;
}

.block.block-full .heading .content,
.heading div[class^='inleiding'],
div[class^='headingdefault'] div[class^='heading'] div[class^='inleiding'] {
  font-weight: 700;
  font-style: normal;
  font-size: 18.0px;
  color: rgba(35,181,152,1.0);
  letter-spacing: 0.00em;
  text-align: left;
  background: rgba(246, 246, 246, 1.0);
  padding-right: 24px;
  display: inline-block;
}

[class^="col-"] .block .heading .content {
  font-weight: 700;
  font-style: normal;
  font-size: 18.0px;
  color: rgba(35,181,152,1.0);
  letter-spacing: 0.00em;
  text-align: left;
  line-height: 22px;
}

.mobile-container .col-md-4,
.mobile-container .col-md-6 {
  -ms-flex: 0 0 100%!important;
  flex: 0 0 100%!important;
  max-width: 100%!important;
}

div.read-more {
  text-align: right;
  line-height: 18px;
  position: absolute;
  bottom: 48px;
  right: 48px;
}

.mobile-container div.read-more {
  position: absolute;
  bottom: 38px;
  right: 38px;
}

div.read-more a {
  font-weight: 700;
  font-style: normal;
  font-size: 18.0px;
  line-height: 22px;
  color: rgba(35,181,152,1.0);
  letter-spacing: 0.00em;
  text-decoration: none;
}

div.read-more a img {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 3px;
}

div.read-more a.bla::after {
  display: inline-block;
  content: '';
  background-image: url(../img/arrow-read-more.svg);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

[class^="col-"] .block .heading {
  margin-bottom: 15px;
}

.block .block {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;

  border: solid 1px #93E4D4;/*rgba(53, 196, 167, 1.0);*/
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1.0);
}

.mobile-container .block .block {
  padding-top: 20px;
  padding-bottom: 20px;
}

.desktop-container .block .block.block-same-size-primary {
  padding-bottom: 40px;
}

.mobile-container .block .block.block-same-size-primary,
.mobile-container .block .block.block-same-size {
  padding-bottom: 40px;
}

.block-full .block {
  padding-left: 84px;
  padding-right: 84px;
}

.desktop-container .container-fluid .wrapper .block p {
  text-align: justify;
}

.desktop-container .container-fluid .wrapper .block .block p {
  text-align: left;
}

.mobile-container .block .block {
    padding-left: 20px;
    padding-right: 20px;
}

.desktop-container .block-full .block.quote {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 80px;
  margin-right: 80px;
}


.wrapper ul li,
.wrapper ul.opsomming li {
  line-height: 24px;
  padding-left: 8px;
  white-space: break-spaces;
}

.wrapper ul li:not(:last-child),
.wrapper ul.opsomming li:not(:last-child) {
    padding-bottom: 14px;
}

.wrapper .block .block ul.opsomming {
  list-style-image: url(../img/bullet-green.svg);
}

.mobile-container .wrapper .block .block ul.opsomming {
  list-style-position: outside;
  padding-left: 14px;
  list-style-image: url(../img/bullet-green-m.svg);
}

.wrapper .block .block ul.opsomming li,
.wrapper .block .block ul.list li {
  padding-left: 0px;
  font-weight: bold;
}

.mobile-container .wrapper .block .block ul.opsomming li::before {
  content: "\00a0"
}

.wrapper .block .block ul li:not(:last-child),
 .wrapper .block .block ul.opsomming li:not(:last-child) {
    padding-bottom: 0px;
}

.desktop-container .wrapper .block .block [class^="col-"]:first-child ul.opsomming {
  margin-left: -30px;
}

.mobile-container .wrapper ul.opsomming li:last-child {
    padding-bottom: 20px;
}

.mobile-container .wrapper .block .block ul.opsomming li:last-child {
    padding-bottom: 0px;
}

.wrapper .block .block ul.list {
  list-style-image: none;
  list-style-type: none;
  margin-left: -30px;
}

:not(.block-full) .col .block {

}

.block .block+p {
  margin-top: 30px;
}

.destop-container .block .block
{
  position: relative;
}
.desktop-container .block-img {
    padding: 40px;
    width: 100%;
    height: auto;

    border: solid 1px #93E4D4;/*rgba(53, 196, 167, 1.0);*/
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1.0);
}

.mobile-container .block-img {
  padding: 20px;
  width: 100%;
  height: auto;

  border: solid 1px #93E4D4;/*rgba(53, 196, 167, 1.0);*/
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1.0);
}

.desktop-container [class^="col-"] .description {
  position:absolute;
  bottom: 20px;
}

.desktop-container .container-fluid .wrapper .block p.description {
  text-align: left;
}

.mobile-container [class^="col-"] .description {
  padding-top: 22px;
  text-align: left;
}

.row {
  margin-bottom: 22px;
}

.block .block .row {
  margin-bottom: 0px;
}

.mobile-container .row {
  margin-bottom: 0px;
}

.mobile-container .block .block.img {
  padding-top: 4px;
  padding-bottom: 4px;
}

.desktop-container .block-full .block [class^='col-']:not(:last-child) {
  border-right: solid 1px #93E4D4;/*rgba(53, 196, 167, 1.0);*/
}

.desktop-container .block-full .block [class^='col-']:not(:first-child) {
  padding-left: 30px;
}

.desktop-container .block-full .block [class^='col-']:not(:last-child) {
  padding-right: 30px;
}

.block a {
  text-decoration: underline;
  color: #24B698;
  font-weight: 700;
}

img[class^='line'] {
  display: none;
}

.mobile-container .hidden-mobile {
  display: none;
}

.wrapper p {
  margin-bottom: 20px;
}

.wrapper ul,
.wrapper ul.opsomming {
  list-style-image: url(../img/bullet-orange.svg);
  list-style-position: outside;

  padding-left: 16px;
  padding-top: 0px;
  margin-bottom: 0px;
}


ul.temp {
  list-style: none; /* Remove default bullets */
}
ul.temp li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: rgb(253, 109, 33, 1.0); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  font-size: 48px;
  height:  14px;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.wrapper ul li {
  font-size: 14px;
  line-height: 22px;
}

div[class^='ellipse'] {
  position: absolute;
}

div[class^='ellipse'] img {
  width: 10px;
  height: 10px;
}

.company {
  font-weight: 700;
}

.person {
  font-weight: 700;
  color: rgba(35, 181, 152, 1.0);
}

.block.quote {
  position: relative;
}

.block.quote {
  margin-bottom: 48px;
}

.img-quote {
  position: absolute;
  bottom: -25px;
}

.img-quote.arrow-left {
  left: 92px;
}

.img-quote.arrow-right {
  right: 92px;
}

.img-quote.arrow-center,
.img-quote.arrow-left-center,
.img-quote.arrow-right-center {
  right: 92px;
}

.mobile-container .img-quote.arrow-left-center {
  left: 92px;
}

 .mobile-container .img-quote.arrow-right-center {
  right: 92px;
}

.desktop-container .hidden-desktop {
  display: none!important;
}

.mobile-container .hidden-mobile {
  display: none!important;
}

/*        LOGO end          */
.mobile div {
  max-width: 320px!important;
}

.desktop-container .description.text-small {
  font-size: inherit;
}

.mobile-container .description.text-small {
  font-size: 12.0px;
  line-height: 20px;
}

.mobile-container .description.text-small.inset {
  padding-left: 12px;
  padding-right: 12px;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.1); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}


/*        PAGE SPECIFIC         */
.desktop-container.home-nl .row .block,
.desktop-container.home-en .row .block {
  min-height: 360px;
}

.mobile-conatiner .home-nl .col-12 .block,
.mobile-conatiner .home-en .col-12 .block {
  min-height: auto;
}

.desktop-container.standpunten-nl .wrapper ul.opsomming:last-child,
.desktop-container.positions-en .wrapper ul.opsomming:last-child {
  margin-bottom: 20px!important
}

.feiten-cijfers-nl .row-1,
.feiten-cijfers-nl .row-3
.facts-figures-en .row-1,
.facts-figures-en .row-3 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.feiten-cijfers-nl .row-2,
.facts-figures-en .row-2 {
  margin-top: -20px;
}

.facts-header {
  height: 90px;
  line-height: 90px;
  vertical-align: top;
}

.mobile-container .facts-header {
  height: 51px;
  line-height: 51px;
  vertical-align: top;
}

/* Feiten en Cijfers  */
.img-facts-figures {

  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.feiten-cijfers-nl .row-1 .facts-orange-img-header {

}

.img-green {
  color: #35B39A;
}

.img-orange {
  color: #FF6D00;
}

.facts-orange-img-header {
  margin-bottom: 20px;
  color: #FF6D00;
  text-align: center;

  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 90px;
}

.row-1 .img-green {
  margin-bottom: -30px;
}

.row-2 .img-green {
  margin-bottom: -30px;
}

.mobile-container .facts-orange-img-header {
  margin-bottom: 20px;
}

.mobile-container .facts-orange-img-header {
  font-size: 65px;
}

.mobile-container .facts-orange-img-header {
  margin-top: 20px;
}

.col-12:first-child .facts-orange-img-header {
  text-align: left;
}

.facts-orange-img-header img {
  margin-top: -48px;
  margin-bottom: -48px;
  height: 88px;
}

.mobile-container .facts-orange-img-header img {
  height: 73px;
}

.facts-orange-img-header.img-larger img {
  height: 90px;
  margin-bottom: -32px;
}

.mobile-container .facts-orange-img-header.img-larger img {
  height: 73px;
}

.facts-orange-img-header.img-smaller img {
  height: 70px;
}

.mobile-container .facts-orange-img-header.img-smaller img {
  height: 58px;
  margin-top: -60px;
}

.facts-orange-img-header.text-smaller {
  font-size: 70px;
}

.facts-orange-img-header.text-smaller-2 {
  font-size:78px;
  padding-top: 12px;
}

.mobile-container .facts-orange-img-header.text-smaller-2 {
  padding-top: 0px;
}

.facts-orange-img-header.text-smaller-3 {
  font-size:81px;
  padding-top: 9px;
}

.mobile-container .facts-orange-img-header.text-smaller-3 {
  padding-top: 6px;
}

.mobile-container .facts-orange-img-header.text-smaller,
.mobile-container .facts-orange-img-header.text-smaller-2,
.mobile-container .facts-orange-img-header.text-smaller-3 {
  font-size: 65px;
}

.facts-orange-img-header .text-small {
  font-size: 27px;
}

.facts-orange-header {
  color: #FF6D00;
  font-size: 18px;
  line-height: 24px;
}

.facts-green-header {
  margin-right: 0px;
  color: #35B39A;
  font-family: Montserrat;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.feiten-cijfers-nl .row-1 .facts-green-header {
  margin-right: -10px;
}

.facts-green-header+div {
  margin-top: 20px;
  color: #35B39A;
  font-family: Montserrat;
  font-weight: 700;
}


.facts-green-header+div a {
  text-decoration: underline;
  color: #24B698;
  font-weight: 700;
}

.mobile-container.facts-figures-en .facts-green-header+div a {
  display: block;
}

.img-facts-figures .img-green {

}

.img-facts-figures.img-green.png-fix {
  margin-bottom: 16px;
  margin-top: 8px;
}

.mobile-container .img-facts-figures.img-green.png-fix {
  margin-top: -12px;
}


.facts-quote {
  position: relative;
  border: solid 1px #93E4D4;/*rgba(53, 196, 167, 1.0);*/
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1.0);
  padding: 16px;
}

.facts-quote.facts-quote-2 {
  border-width: 2px!important;
}

.facts-quote .img-quote.arrow-right {

}

.row.spacer {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 48px;
  margin-bottom: 48px;
}

.mobile-container .row.spacer {
  margin-bottom: 10px;
}


.row.spacer .col-12 {
  height: 1px;
  background-image: url(https://aptraders.nl/img/line-17-10@2x.png);
  background-repeat: repeat-x;
  background-size: 100% 1px;
  background-position: center;
}

.mobile-container.feiten-cijfers-nl .block.block-full .heading {
  margin-bottom: 0px;
}

.mobile-container .row {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mobile-container .row .col-12 {
  margin-top: 10px;
}

.mobile-container .block .row .col-12 {
  margin-top: 0px;
}


.mobile-container .facts-orange-img-header.text-smaller,
.mobile-container .facts-orange-img-header.text-smaller-2,
.mobile-container .facts-orange-img-header.text-smaller-3 {
  text-align: left!important;
}

.mobile-container .facts-green-header {
  margin-top: 30px;
}

.mobile-container .facts-quote {
  margin-bottom: 30px;
  margin-top: 16px;
  border-width: 1px;
}

.feiten-cijfers-nl.mobile-container .block.block-full .heading,
.facts-figures-en.mobile-container .block.block-full .heading {

}

.footnote {
  font-size: 80%;
}