body {
  overflow-x: hidden;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
.img-centered {
  margin: 0 auto;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}
section {padding: 60px 0;  background-color:#FFF;}

#flipbook .shadow,
#flipbook.shadow{
  -webkit-box-shadow: 0 4px 10px #666;
  -moz-box-shadow: 0 4px 10px #666;
  -ms-box-shadow: 0 4px 10px #666;
  -o-box-shadow: 0 4px 10px #666;
  box-shadow: 0 4px 10px #666;
}
#flipbook {margin-left:auto; margin-right:auto;}
.directions a {position: absolute; margin-top: -16px;outline: 0;width: 45px;height: 45px;z-index: 1029;}
.directions a img {width: 32px; height: 32px;}
.directions a.prev-button {left: 0px;}
.directions a.next-button {right: 0px;}
.directions a.first-button {left: 0px;}
.directions a.last-button {right: 0px;}
.directions a.down-button {right: 0px;}

#flipbook {width:80vw;height:114vw;}
#flipbook div.page {background-size: 100%; width:100%; height:100%; }

.directions a {top:146px;}
.directions a.first-button {top:196px;}
.directions a.last-button {top:196px}
.directions a.down-button {top:246px}


/*.magpanel {width:1024px; background:#f7f6f6; margin:-20px auto ;  }*/

                                
@media (min-width: 768px) {
  .container {padding:0px; width:92vw;}
section {padding:5px 0px;}
}
@media (min-width: 992px) {
.directions a {top: 50%;}
.directions a.first-button {top:53%;}
.directions a.last-button {top:53%;}
.directions a.down-button {top:56%;}

}
@media (min-width: 1200px) {
.container {width:1170px;}
#flipbook {width:1024px;height:1450px;}
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}
::-moz-selection {
  text-shadow: none;
  background: #fed136;
}
::selection {
  text-shadow: none;
  background: #fed136;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: #fed136;
}