@charset "utf-8";
/* CSS Document */
@import url(common.css);

#btn1p1 {
  position: relative;
  left: 310px;
  margin: 0 0 15px 0;
}

.general-grid {
  height: 480px;
  margin:60px 0 0 0;
}

.img-circle {
   width: 14% !important; 
   position: absolute;
}

img#img1p1 {
  position: absolute;
  top: 40px;
  left: 470px;
  z-index: 11;
}

img#img2p1 {
  position: absolute;
  top: 100px;
  left: 90px;
}

img#img3p1 {
  position: absolute;
  top: 210px;
  left: 520px;
}

img#img4p1 {
  position: absolute;
  top: 90px;
  left: 610px;
}

.italic {
  font-style: italic;
}

#btn1p4 {
  position: absolute;
    top: 296px;
  width: 360px;
  left: 270px;
}

audio {
  width: 250px;
}

.page3 audio {
  width: 300px;
}

.pad {
  margin: 0 0 0 30px;
}

img#img2a {
  display: block;
  margin: 40px 0 0 0;
}


.page3 .grid-box {
  height: auto;
}

.page3  .general-grid {
  overflow-y: scroll; 
}
#imga {
 /*  width: 92% !important; */
}

.col-1-3.infobox-container {
  margin: 0 0 0 0px;
}

.col-3-4.audio {
  width: 319px;
  margin: 9px -150px 0 0;
  padding: 0;
}
.textbox {
  width: 220px;
  height: 50px;
  position: absolute;
  text-align: center;
}
.textbox1 {
  top: 109px;
  left: 513px;
}

.textbox2 {
  top: 305px;
  left: 513px;
}

.textbox3 {
  top: 428px;
  left: 513px;
}

.textbox4 {
  top: 539px;
  left: 513px;
}

.textbox5 {
  top: 665px;
  left: 513px;
}

.textbox6 {
  top: 792px;
  left: 512px;
}

.textbox7 {
  top: 886px;
  left: 512px;
}


.t1 {
  margin: 70px 0 40px 140px;
  width: 1020px;
}

.t2 {
  margin: 40px 0 40px 200px;
 
}

/*popup*/

[class*=col-] [data-img-zoom] { width:100%; }
[data-img-zoom]{
    border:6px solid #fff;
    display:block;
    box-shadow:3px 3px 10px rgba(0,0,0,0.6);  
    position:relative;    
    overflow:hidden;
}
[data-img-zoom] img{display:block; width:100%;}
.zoomImg{
    position:absolute;
    bottom:0;
    right:0;
    background-image: url('../../../common/img/lupa.png');
    height:25px;
    width:25px;
    background-size:contain;
}
.zoomImg:hover{ transform: scale(1.3); transform-origin:100% 100%;}
[data-img-zoom] .stack{
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    text-shadow:1px 2px #000;
    font-size:12px;
    padding:3px 25px 3px 5px;
    width:100%;
    word-break: break-all;
    -webkit-transition: bottom ease 0.5s;
    -moz-transition: bottom ease 0.5s;
    transition: bottom ease 0.5s;
    display:block;
}
[data-img-zoom].no-style { border: none; box-shadow: none; }
[data-img-zoom]:hover .stack {bottom:0 !important;}
[data-img-zoom] .stack:hover {bottom:0 !important;}


.gfvh{
  bottom: 0px;
  left:90%;
}

.gfah{
  right: 5%;
}

.creative{
  position: absolute;
  width: 50px;
  height: 50px;
  bottom: 0;
}

.creative img{
  width: 100%;
}

.sgpg{
  height: 340px;
  overflow-y:auto; 
}

.cb{
  height: 530px;
  overflow-y:auto;
  overflow-x: hidden;
}

.btnvv{
    margin-top: 20px;
}

.btnvv:active{
  margin: 23px 0 0 293px;
}