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


.btnpdf {
  width: 300px;
  margin: 0 auto;
  margin-top: 354px;
}

.img2 {
  width: 90% !important;
  margin: 20px 0 0 42px;
}

.box {
    height: 380px;
}

.img2 img {
  width: 23% !important;
}

.img2 img {
  margin: 0 auto;
}






.buttonsp4 button {
  width: 250px; 
  margin: 20px 0 0 0; 
}

.buttonsp4 {
  width: 300px;
  margin: 120px 0 0 10px;  
}


.textp4 {
  position: absolute;
  top: 45px;
  left: 311px;
  z-index: 10;
  width: 71%;
  height: 394px;
  border: 3px dashed;
  border-radius: 10px;
  border-color: #f7b040;
  padding: 3px 0 0 27px;
  margin: 0 0 0 0;
}

 

.buttonsp4  {
 width: 100%;
  margin: 0 0 20px 10px;
}


#btn1p2  {
    left: 1010px;
}

.page2 .grid-box {
  height: 467px;
  margin: 20px 0 0 0;
}

.buttonsp41  {
  width: 300px;
  margin: 120px 0 20px 10px;
}

.buttonsp41  button {
  width: 250px;
  margin-top:30px;
  z-index: 20;
}

.buttonsp41 button:hover {
  width: 290px;
}

.section2-p4 {
  overflow-y: scroll;
  height: 380px;
}

button#btn6p4 {
  display: block;
  left: 290px;
}

.img-f {
    width: 50% !important;
  display: block;
  margin: 0 auto;
    margin-top: 20px;
  margin-bottom: 20px;
}

.italic {
    font-style: italic;
}


.sectionp3 {
    overflow-y:  scroll;
      height: 370px;
}

.btns button {
  font-size: 25px;
}

button#btn1p4 {
  left: 1px;
  margin: 0 0 13px 0;
}


.page5 .grid-box {
    height: 460px;
    margin:70px 0 0 0;
}

.img1f {
  top: 20px;
  left: 290px;
}

button#btn0p4 {
  /* position: absolute; */
  /* top: 19px; */
  left: 570px;
  margin: 0 0 11px 0;
}

.circle {
  background-image: url('../img/violet_circle.png');
  position: absolute;
  width: 45px;
  height: 45px;
  background-size: contain;
  background-repeat: no-repeat;
}

.circle.circle1p5 {
  top: 210px;
  left: 350px;
}

.circle.circle4p5 {
  top: 130px;
  left: 680px;
}

.circle.circle3p5 {
  top: 170px;
  left: 765px;
}

.circle2p5 {
  top: 142px;
  left: 840px;
}

/**/


.pulse2 {
-webkit-animation: pulse2 1s linear infinite;
-moz-animation: pulse2 1s linear infinite;
-ms-animation: pulse2 1s linear infinite;
animation: pulse2 1s linear infinite;
}

@-moz-keyframes pulse2 {
    0% {
      -moz-transform: scale(1.1);
      transform: scale(1.1);
    }
    50% {
      -moz-transform: scale(0.8);
      transform: scale(0.8);
    }
    100% {
      -moz-transform: scale(1);
      transform: scale(1);
    }

}

@-webkit-keyframes "pulse2" {
    0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    50% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

}

@-ms-keyframes "pulse2" {
    0% {
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    }
    50% {
      -ms-transform: scale(0.8);
      transform: scale(0.8);
    }
    100% {
      -ms-transform: scale(1);
      transform: scale(1);
    }

}


/*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;}

