.clscontainer {

  text-align: center;

 margin-bottom:10px;

  position: relative;

  padding-bottom:5px;





}

.container {

  padding: 16px;

    border-radius:15px;

}






/* The Modal (background) */

.boxbg {


  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

  padding-top: 60px;

  

}



/* Modal Content/Box */

.boxbg-content {

  background-color: #fefefe;

  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */

  border: 1px solid #888;

  width: 95%; /* Could be more or less, depending on screen size */

    border-radius:15px;

}









/* The Close Button (x) */

.close {

  position: absolute;

  z-index:3;

  right: 15px;

  

  color: #000;

  font-size: 30px;

 background-color:#000;

padding-bottom:10px;

  border-radius:15px;

}



.close:hover,

.close:focus {

  color: #000;

   font-weight: bold;

  cursor: pointer;

}



/* Add Zoom Animation */

.animate {

  -webkit-animation: animatezoom 0.6s;

  animation: animatezoom 0.6s

}



@-webkit-keyframes animatezoom {

  from {-webkit-transform: scale(0)} 

  to {-webkit-transform: scale(1)}

}

  

@keyframes animatezoom {

  from {transform: scale(0)} 

  to {transform: scale(1)}

}