.list-unstyled {
  padding-left: 0;
  list-style  : none
}

@font-face {
  font-family: 'FunktionRegular';
  src        : url('/fonts/funktion-webfont.eot');
  src        : url('/fonts/funktion-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/funktion-webfont.woff') format('woff'), url('/fonts/funktion-webfont.ttf') format('truetype'), url('/fonts/funktion-webfont.svg#FunktionRegular') format('svg');
  font-weight: normal;
  font-style : normal
}

@keyframes pvl-banner {

  0%,
  10%,
  20%,
  100% {
    margin-top: 0
  }

  5%,
  15% {
    margin-top: 4px
  }
}

@keyframes pvl-yoleo-blink {

  0%,
  10%,
  14%,
  30%,
  34%,
  38%,
  60%,
  64%,
  100% {
    top: 100%
  }

  12%,
  32%,
  36%,
  62% {
    top: 0
  }
}

@keyframes pvl-yoleo-tilt {
  20% {
    -ms-transform    : rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform        : rotate(3deg)
  }

  50% {
    -ms-transform    : rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform        : rotate(-2deg)
  }

  0%,
  80% {
    -ms-transform    : rotate(0);
    -webkit-transform: rotate(0);
    transform        : rotate(0)
  }
}

@keyframes sticker {

  0%,
  20% {
    transform: rotate(0)
  }

  2%,
  18% {
    transform: rotate(3deg)
  }

  4%,
  16% {
    transform: rotate(-3deg)
  }

  6%,
  10%,
  14% {
    transform: rotate(3deg)
  }

  8%,
  12% {
    transform: rotate(-3deg)
  }
}

body.pvl #pvlBanner,
body.pvl .pvlYoleo,
body.pvl .pvlYoleo *,
body.pvl #pvlPopup>*,
body.pvl #room-preview.pvl-big * {
  display : block;
  position: absolute
}

body.pvl #pvlBanner {
  position                 : absolute;
  background               : url('/img/new_books/ActieknopGroot.png') 0 0 no-repeat;
  width                    : 288px;
  height                   : 207px;
  left                     : 710px;
  top                      : 233px;
  animation-name           : pvl-banner;
  animation-duration       : 10s;
  animation-iteration-count: infinite
}

body.pvl #pvlBanner .bg {
  box-sizing   : border-box;
  position     : absolute;
  top          : 64px;
  left         : 9px;
  width        : 270px;
  height       : 130px;
  border-radius: 5px;
  background   : url('/img/CardboardBackground.jpg') 50% 50% no-repeat;
  color        : white;
  padding      : 15px 120px 0 20px
}

body.pvl #pvlBanner .bg * {
  position: relative;
  display : block;
  z-index : 10
}

body.pvl #pvlBanner .bg b {
  text-indent    : -200%;
  background     : url('/img/new_books/Txt_Nieuw.png') top center no-repeat;
  background-size: contain;
  width          : 150px;
  height         : 48px;
  overflow       : hidden
}

body.pvl #pvlBanner .bg i {
  font       : .9em FunktionRegular, sans;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  line-height: 1.7em;
  text-align : center;
  display    : inline-block;
  width      : 150px
}

body.pvl #pvlBanner .bg i br {
  display    : inline-block;
  height     : 0;
  line-height: 0
}

body.pvl #pvlBanner .bg i span {
  font-weight   : bold;
  font-size     : 1.6em;
  display       : inline-block;
  vertical-align: top
}

body.pvl #pvlBanner .bg .img {
  background     : url('/img/new_books/new_book_bg_small.min.png') bottom left no-repeat;
  background-size: contain;
  width          : 85px;
  height         : 115px;
  right          : 8px;
  top            : 10px;
  overflow       : hidden;
  position       : absolute;
  transform      : rotate(3deg)
}

body.pvl #pvlBanner .bg .img img {
  width   : 68px;
  height  : 100px;
  position: absolute;
  bottom  : 9px;
  left    : 8px
}

body.pvl #pvlBanner .bg:before {
  content           : "";
  position          : absolute;
  left              : 5px;
  top               : 5px;
  width             : 256px;
  height            : 117px;
  border-radius     : 5px;
  background-color  : #387c3b;
  background-repeat : repeat-x;
  background-image  : -khtml-gradient(linear, left top, left bottom, from(#85bb3d), to(#387c3b));
  background-image  : -moz-linear-gradient(#85bb3d, #387c3b);
  background-image  : -ms-linear-gradient(#85bb3d, #387c3b);
  background-image  : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85bb3d), color-stop(100%, #387c3b));
  background-image  : -webkit-linear-gradient(#85bb3d, #387c3b);
  background-image  : -o-linear-gradient(#85bb3d, #387c3b);
  filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#85bb3d', endColorstr='#387c3b', GradientType=0);
  -ms-filter        : "progid:DXImageTransform.Microsoft.gradient(startColorstr='#85bb3d', endColorstr='#387c3b', GradientType=0)";
  background-image  : linear-gradient(#85bb3d, #387c3b);
  border            : 2px solid white;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow   : 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow        : 0 1px 4px rgba(0, 0, 0, 0.4)
}

body.pvl #pvlBanner .bg:after {
  content      : "";
  position     : absolute;
  left         : 7px;
  top          : 7px;
  width        : 254px;
  height       : 115px;
  background   : url('/img/kreuk-tile.png') center center;
  border-radius: 5px
}

body.pvl #pvlBannerWrap #pvlBanner .bg {
  transform: scale(.9);
  left     : -14px;
  top      : 51px
}

body.pvl #container.home #pvlBanner {
  background: url('/img/new_books/ActieknopGroot.png') 0 0 no-repeat;
  width     : 288px;
  height    : 207px;
  left      : 690px;
  top       : 220px
}

body.pvl .pvlYoleo {
  width : 205px;
  height: 180px
}

body.pvl .pvlYoleo .body {
  width          : 100%;
  height         : 100%;
  background     : url('/img/new_books/YoleoZit.png') bottom left no-repeat;
  background-size: contain
}

body.pvl #room-preview .pvlYoleo {
  top : 245px;
  left: 420px
}

body.pvl #pvlPopup .pvlYoleo {
  top : 205px;
  left: 120px
}

body.pvl #pvlPopup .pvlYoleo::after {
  content   : "";
  position  : absolute;
  bottom    : 40px;
  left      : -5px;
  width     : 150px;
  height    : 10px;
  box-shadow: 0 40px 30px rgba(0, 0, 0, 0.8);
  z-index   : 0
}

body.pvl .pvlYoleo .head {
  background               : url('/img/paulvanloon/PVL-Yoleo-kreukels-hoofd-eyes-or8.png') bottom left no-repeat;
  width                    : 205px;
  height                   : 180px;
  left                     : -30px;
  top                      : -135px;
  overflow                 : hidden;
  animation-name           : pvl-yoleo-tilt;
  animation-duration       : 10s;
  animation-iteration-count: infinite;
  transform-origin         : 50% 95%
}

body.pvl .pvlYoleo .head::after {
  content                  : "";
  position                 : absolute;
  width                    : 100%;
  height                   : 100%;
  background               : url('/img/paulvanloon/PVL-Yoleo-kreukels-hoofd-eyes-or8.png') bottom right no-repeat;
  top                      : 100%;
  right                    : 2px;
  animation                : pvl-yoleo-blink 8s step-end;
  animation-iteration-count: infinite
}

body.pvl .pvlYoleo .head:hover::after {
  display: block
}

body.pvl .pvlYoleo .book {
  background: url('/img/new_books/new_book_bg_small.min.png') bottom left no-repeat;
  width     : 91px;
  height    : 126px;
  left      : 160px;
  top       : -75px;
  transition: all .3s;
  overflow  : hidden;
  position  : relative
}

body.pvl .pvlYoleo .book img {
  width   : 75px;
  height  : 110px;
  position: absolute;
  bottom  : 10px;
  left    : 8px
}

body.pvl .pvlYoleo .book:hover {
  margin-top: -4px
}

body.pvl .pvl-action-text {
  text-align: center
}

body.pvl .pvl-action-text * {
  position: relative !important
}

body.pvl .pvl-action-text h1 {
  text-indent: -200%;
  background : url('/img/new_books/Txt_Nieuw.png') top center no-repeat;
  width      : 100%;
  height     : 60px;
  overflow   : hidden
}

body.pvl .pvl-action-text p {
  margin: 1em 0
}

body.pvl .pvl-action-text h2 {
  font-family: 'FunktionRegular', sans-serif;
  margin     : .3em 0;
  color      : #603914;
  font-size  : 1.2em
}

body.pvl .pvl-action-text h2:before,
body.pvl .pvl-action-text h2:after {
  content: "'"
}

body.pvl #pvlPopup {
  background: url('/img/paulvanloon/PVL-Popup-Small-fs8.png') 0 0 no-repeat;
  width     : 803px;
  height    : 484px
}

body.pvl #pvlPopup>.close:first-child {
  right             : 50px;
  top               : 40px;
  width             : 32px;
  height            : 32px;
  background        : url(../img/popup-close.png);
  cursor            : pointer;
  z-index           : 10;
  transition        : all .3s;
  -webkit-transition: all .3s;
  -moz-transition   : all .3s;
  -ms-transition    : all .3s;
  -o-transition     : all .3s;
  transition        : all all .3s
}

body.pvl #pvlPopup>.close:first-child:hover {
  -ms-transform    : rotate(6deg);
  -o-transform     : rotate(6deg);
  -webkit-transform: rotate(6deg);
  -moz-transform   : rotate(6deg);
  transform        : rotate(6deg)
}

body.pvl #pvlPopup>.close:first-child:active {
  margin-top: 2px
}

body.pvl #pvlPopup .content {
  top      : 60px;
  left     : 410px;
  font-size: 1.3em;
  width    : 300px;
  height   : 400px
}

body.pvl #pvlPopup .content .button {
  width  : auto;
  display: inline-block;
  clear  : both
}

body.pvl #pvlPopup .content .login {
  margin   : 1em 0;
  font-size: 1em
}

body.pvl #pvlPopup .content .more {
  font-size: .8em
}

body.pvl #container.home #room-preview-content,
body.pvl #room-preview.pvl-big #room-preview-content {
  background-image: url('/img/paulvanloon/room-bg-pvl.jpg')
}

body.pvl #room-preview.pvl-small #room-preview-content {
  background-image: url('/img/paulvanloon/page-header-pvl.jpg')
}

body.pvl #room-preview.pvl-small .pvlYoleo {
  top              : 140px;
  left             : 20px;
  -ms-transform    : scale(.8);
  -webkit-transform: scale(.8);
  transform        : scale(.8)
}

body.pvl #room-preview.pvl-small #payoff {
  text-align : center;
  left       : 240px;
  font-size  : 1.9em;
  line-height: 1.4em;
  width      : 470px;
  top        : 104px
}

body.pvl #room-preview.pvl-small #pvlBanner {
  left: 710px;
  top : 20px
}

body.pvl #room-preview.pvl-small #pvlBanner .bg .img {
  right: 10px;
  top  : 8px
}

body.pvl #room-preview.pvl-big {
  height: 440px
}

body.pvl #room-preview.pvl-big:after {
  z-index: 20
}

body.pvl #room-preview.pvl-big .pvlYoleo {
  top : 245px;
  left: 340px
}

body.pvl #room-preview.pvl-big .pvlYoleo .body {
  -moz-transform   : scaleX(-1);
  -o-transform     : scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform        : scaleX(-1);
  filter           : FlipH;
  -ms-filter       : "FlipH"
}

body.pvl #room-preview.pvl-big .pvlYoleo .head {
  left: 60px
}

body.pvl #room-preview.pvl-big .cover {
  background     : url('/img/new_books/new_book_bg_big.min.png') 0 0 no-repeat;
  background-size: contain;
  width          : 340px;
  height         : 368px;
  bottom         : -11px;
  left           : 45px;
  z-index        : 1
}

body.pvl #room-preview.pvl-big .cover img {
  left     : 24px;
  top      : 18px;
  width    : 297px;
  height   : 434px;
  transform: rotate(-3deg)
}

body.pvl #room-preview.pvl-big .cover .sticker {
  background               : url('/img/new_books/StickerNieuwInYoleo.png') 0 0 no-repeat;
  width                    : 121px;
  height                   : 136px;
  left                     : -30px;
  bottom                   : 33px;
  animation                : sticker 8s cubic-bezier(.36, .07, .19, .97) both;
  animation-iteration-count: infinite
}

body.pvl #room-preview.pvl-big .cover .sticker span {
  font       : 1.1em FunktionRegular, sans;
  color      : white;
  text-shadow: 0 0 5px black;
  font-weight: bold;
  left       : 20px;
  top        : 74px;
  transform  : rotate(-6deg);
  background : #d13f25;
  background : radial-gradient(circle, #d13f25 30%, rgba(209, 63, 37, 0) 100%);
  padding    : 2px
}

body.pvl #room-preview.pvl-big .bubble {
  background  : url('/img/paulvanloon/PVL-Tekstwolk-Acitepagina-Kaal-fs8.png') 0 0 no-repeat;
  width       : 317px;
  height      : 268px;
  right       : 0;
  top         : 95px;
  font-size   : 1em;
  padding-left: 10px
}

body.pvl #room-preview.pvl-big .bubble h1 {
  margin-top: .7em
}

body.pvl #room-preview.pvl-big .bubble .button {
  display   : inline-block;
  width     : auto;
  font-size : 1.4em;
  margin-top: .2em;
  z-index   : 1000
}

body.pvl #room-preview.pvl-big #room-content
{
  left: 50%;
  transform: translateX( -50% );
}

body.pvl #container.page-paul-van-loon #content,
body.pvl #container.page-nieuwe-boeken #content 
{
  margin-top: 380px;
  padding-top: 0;
}

body.pvl #pvlPopup .content p:last-of-type {
  margin-bottom: .6em
}

body.pvl #pvlPopup .buttons {
  text-align: center;
  margin-top: 2em
}

body.pvl #room-preview .wrapper {
  height: 100%
}

body.pvl #container.home #nuLogin {
  top    : 80px;
  z-index: 20
}

body.pvl.url-room #pvlBannerWrap {
  position: absolute;
  right   : 30px;
  top     : 0;
  width   : 250px;
  height  : 280px;
  overflow: hidden
}

body.pvl.url-room #pvlBannerWrap #pvlBanner {
  left              : 0;
  top               : 0;
  background-image  : url('/img/new_books/ActieknopKlein.png');
  cursor            : pointer;
  transition        : all .3s;
  -webkit-transition: all .3s;
  -moz-transition   : all .3s;
  -ms-transition    : all .3s;
  -o-transition     : all .3s;
  transition        : all all .3s
}

body.pvl.url-room #pvlBannerWrap.hide {
  pointer-events: none
}

body.pvl.url-room #pvlBannerWrap.hide #pvlBanner {
  filter         : alpha(opacity=50);
  -moz-opacity   : 0;
  -khtml-opacity : 0;
  -webkit-opacity: 0;
  opacity        : 0;
  top            : -130px;
  pointer-events : none
}

body.pvl.url-room #pvlPopup {
  margin-left: -402px
}

body.pvl.url-room #pvlPopup .content {
  color: black;
  width: 330px;
  left : 390px
}

body.pvl.url-room #pvlPopup .button.btn-small {
  display: inline-block !important;
  margin : 5px auto
}

body.pvl.url-room #book-case-options {
  z-index: 200
}

body.pvl.url-room #book-case-books .book[isbn="9789491694783"] .pvl-hint {
  display   : none;
  position  : absolute;
  top       : 75px;
  left      : -8px;
  width     : 328px;
  height    : 297px;
  background: url('/img/paulvanloon/PVL-Boekenkast-Overlay-fs8.png') 0 0 no-repeat;
  z-index   : 100
}

body.pvl.url-room #book-case-books .book[isbn="9789491694783"] .pvl-hint .close {
  position: absolute;
  top     : 35px;
  right   : 25px
}

body.pvl.url-room #book-case-books .book[isbn="9789491694783"]:first-child .pvl-hint {
  display: block
}

body.pvl .bookCase .books .new-book .book:after {
  content   : "";
  display   : block;
  position  : absolute;
  left      : 0;
  bottom    : 5px;
  width     : 60px;
  height    : 60px;
  background: url('/img/new_books/StickerNieuwKlein.png') bottom left no-repeat
}

body.pvl #book-shop-items .new-book:after,
body.pvl #all-books .new-book:after {
  content        : "";
  display        : block;
  position       : absolute;
  left           : 8px;
  bottom         : 8px;
  width          : 60px;
  height         : 60px;
  background     : url('/img/new_books/StickerNieuwKlein.png') bottom left no-repeat;
  background-size: contain
}

body.pvl #all-books .item-book:after {
  left  : 19px;
  bottom: 10px;
  width : 35px;
  height: 35px
}