/*

.hidden{

  display: inline-block;

}

#wrapper2 {

    perspective: 100%;

    width: 100%;

    

  }

  #wrapper2.flipped .card2 {

    transform: rotateY(180deg);

  }

  .card2 {

    width: 100%;

    height: 100%;

    position: relative;

    transition: transform 500ms;

    transform-style: preserve-3d;

  }

  .card2 .front2 {

    width: 100%;

    height: 100%;

    border-radius: 15px;

   

    top: 0;

    left: 0;

    backface-visibility: hidden;

  }



  .card2 .back2 {

    width: 100%;

    height: 100%;

    border-radius: 15px;

    position: absolute;

    top: 0;

    left: 0;

    backface-visibility: hidden;

  }

  .card2 .front2 {

   

    z-index: 1;

  }

  .card2 .back2 {

   

    transform: rotateY(180deg);

  }



#wrapper4 {

    perspective: 100%;

    width: 100%;

    

  }

  #wrapper4.flipped .card4 {

    transform: rotateY(180deg);

  }

  .card4 {

    width: 100%;

    height: 100%;

    position: relative;

    transition: transform 500ms;

    transform-style: preserve-3d;

  }

  .card4 .front4 {

    width: 100%;

    height: 100%;

    border-radius: 15px;

  

    top: 0;

    left: 0;

    backface-visibility: hidden;

  }



  .card4 .back4 {

    width: 100%;

    height: 100%;

    border-radius: 15px;

    position: absolute;

    top: 0;

    left: 0;

    backface-visibility: hidden;

  }

  .card4 .front4 {

   

    z-index: 1;

  }

  .card4 .back4 {

    

    transform: rotateY(180deg);

  }



  .card2 .front2 img, .card4 .front4 img {

    width: 270px;

    height: 270px;

    object-fit: contain;

}



.card2 .back2 img, .card4 .back4 img {

    width: 270px;

    height: 270px;

    object-fit: contain;

}



#watermark {

  z-index: -1;

  color: rgba(45,45,45,0.18);

  font-size: 18px;

  font-family:"Calibri";

  height: 100%;

  left: 0;



  line-height: 8;

  margin: 0;

  position: fixed;

  top: 0;

  transform: rotate(-45deg);

  transform-origin: 0 100%;

  width: 200%;

  word-spacing: 10px;



  -webkit-touch-callout: none;

    -webkit-user-select: none; 

     -khtml-user-select: none; 

       -moz-user-select: none; 

        -ms-user-select: none; 

            user-select: none; 

                                 

}









#Iframe-Master-CC-and-Rs {

  max-width: 512px;

  max-height: 100%; 

  overflow: hidden;

}





.responsive-wrapper {

  position: relative;

  height: 0;   

  



  

}

 

.responsive-wrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  

  margin: 0;

  padding: 0;

  border: none;

}





.responsive-wrapper-wxh-572x612 {

  padding-bottom: 107%;

}





.set-border {

  border: 5px inset #4f4f4f;

}

.set-box-shadow { 

  -webkit-box-shadow: 4px 4px 14px #4f4f4f;

  -moz-box-shadow: 4px 4px 14px #4f4f4f;

  box-shadow: 4px 4px 14px #4f4f4f;

}

.set-padding {

  padding: 40px;

}

.set-margin {

  margin: 30px;

}

.center-block-horiz {

  margin-left: auto !important;

  margin-right: auto !important;

}







 div.timer {

    border:1px #666666 solid;

   

    height:50px;

    line-height:50px;

    font-size:36px;

    font-family:"Courier New", Courier, monospace;

    text-align:center;

    margin:5px;

}



*/







#watermark {

  z-index: -1;

  color: rgba(45,45,45,0.35);

  font-size: 18px;

  font-family:"Calibri";

  height: 100%;

  left: 0;



  line-height: 8;

  margin: 0;

  position: fixed;

  top: 0;

  transform: rotate(-45deg);

  transform-origin: 0 100%;

  width: 200%;

  word-spacing: 10px;



  -webkit-touch-callout: none;

    -webkit-user-select: none; 

     -khtml-user-select: none; 

       -moz-user-select: none; 

        -ms-user-select: none; 

            user-select: none; 

                                 

}

.exit_button

{

  background: #a02139;

  width: 255px;

    font-size: 22px;

    line-height: 25px;

    padding: 0 12px;

    border-radius: 2px;

    isplay: inline-block;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    text-align: center;

    text-decoration: none;

    vertical-align: middle;

}



.exit_button a {

    color: #fff;

    text-decoration: none;

}





 a {   

     text-decoration: none;

}



.hidden{

  display: inline-block;

}

#wrapper2 {

    perspective: 100%;

    width: 100%;

    

  }

  #wrapper2.flipped .card2 {

     transform: rotateY(180deg); 

  }

  .card2 {

    width: 100%;

    height: 100%;

    position: relative;

    transition: transform 500ms;

    transform-style: preserve-3d;

  }

  .card2 .front2 {

    width: 100%;

    height: 100%;

    border-radius: 15px;

   

    top: 0;

    left: 0;

    backface-visibility: hidden;

  }



  .card2 .back2 {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  background: #fff;
}

  .card2 .front2 {

   

    z-index: 1;

  }

  .card2 .back2 {

   

    transform: rotateY(180deg);

  }



#wrapper4 {

    perspective: 100%;

    width: 100%;

    

  }

  #wrapper4.flipped .card4 {

    transform: rotateY(180deg);

  }

  .card4 {

    width: 100%;

    height: 100%;

    position: relative;

    transition: transform 500ms;

    transform-style: preserve-3d;

  }

  .card4 .front4 {

    width: 100%;

    height: 100%;

    border-radius: 15px;

  

    top: 0;

    left: 0;

    backface-visibility: hidden;

  }



.card4 .back4 {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  background: #fff;
}

  .card4 .front4 {

   

    z-index: 1;

  }

  .card4 .back4 {

    

    transform: rotateY(180deg);

  }



  .card2 .front2 img, .card4 .front4 img {

    width: 270px;

    height: 270px;

    object-fit: contain;

}



.card2 .back2 img, .card4 .back4 img {

    width: 270px;

    height: 270px;

    object-fit: contain;

  

}





#Iframe-Master-CC-and-Rs {

  max-width: 512px;

  max-height: 100%; 

  overflow: hidden;

}





.responsive-wrapper {

  position: relative;

  height: 0;   

  



  

}

 

.responsive-wrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  

  margin: 0;

  padding: 0;

  border: none;

}





.responsive-wrapper-wxh-572x612 {

  padding-bottom: 107%;

}





.set-border {

  border: 5px inset #4f4f4f;

}

.set-box-shadow { 

  -webkit-box-shadow: 4px 4px 14px #4f4f4f;

  -moz-box-shadow: 4px 4px 14px #4f4f4f;

  box-shadow: 4px 4px 14px #4f4f4f;

}

.set-padding {

  padding: 40px;

}

.set-margin {

  margin: 30px;

}

.center-block-horiz {

  margin-left: auto !important;

  margin-right: auto !important;

}



.w-230

{

  width: 230px!important;

}





div.timer div.time {

    border: 1px #666666 solid;

    /*
    height: 50px;

    line-height: 50px;
    */

    font-size: 22px;
    font-weight: bold;

    font-family: "Courier New", Courier, monospace;

    text-align: center;

    margin: 0px 15px 0px 10px;

}



#outerContainer #mainContainer div.toolbar {

  display: none !important; /* hide PDF viewer toolbar */

}

#outerContainer #mainContainer #viewerContainer {

  top: 0 !important; /* move doc up into empty bar space */

}



.timer-div {

    text-align: center;

    width: 224px;

    margin: 0 auto;

    padding: 0;
    

}

.wrap_2, .wrap_22 {

  float: left;

}

.wrap #prev, .wrap #next , .wrap_2 #prev_2, .wrap_2 #next_2, .wrap_22 #prev_22, .wrap_22 #next_22, .wrap_33 #prev_33, .wrap_33 #next_33, .wrap_3 #prev_3, .wrap_3 #next_3 , .wrap_4 #prev_4, .wrap_4 #next_4 {

  background: #1d4da3;

  box-shadow: none;

  border: 1px solid #1d4da3;

  padding: 5px 15px 8px;

  margin: 0 0 10px;

  color: #fff;

}

.height40px{
  height: 40px;
}


.loading_image_to_hide {
  text-align: center;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 40%;
}
.loading_image_to_hide img{
  width: 88px;
}


/*******/

.canvas-wrapper {
  text-align: center;
}
.height50
{
  height: 45px;
}

.btn-success-active
{
  background: #1d4da3;
  color: #fff;
}

.btn-success-active:hover{
  background-color: #0a58ca;
  color: #fff;
}

.margin-top-10
{
  margin-top: 10px;
}

.pdf-side .buttn2 {
  background: #1d4da3;
  padding: 5px;
  color: #fff;
  border: 0;
  margin: 0 6px 10px 0;
  border-radius: 2px;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  white-space: pre-wrap;
  width: 301px;
  height: 50px;
  justify-content: center;
  align-items: center;
  line-height: 20p
 }