.anchors-container{
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
}

#main-body{
	position: relative;
	cursor: move;
}


.anchors-container a span{

	width: 25px;
	display: inline-block;
	height: 25px;
	border-radius: 50%;
	/*border: solid 2px #e91e63;*/
	background: #d4d4d4;
	/*ACA*/
	opacity: .4;
	box-shadow: 4px 4px 4px #333;
}

.lg-download{
  display: none;
}

.main-bg{
	transition: opacity .4s;
}

.tippy-box[data-theme~='yellow'] {
  background-color: #e2bf14;
  color: #333;
}

.tippy-box[data-theme~='yellow'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #e2bf14;
}
.tippy-box[data-theme~='yellow'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #e2bf14;
}
.tippy-box[data-theme~='yellow'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #e2bf14;
}
.tippy-box[data-theme~='yellow'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #e2bf14;
}


.modal-card-head,
.modal-card-foot{
	background: rgba(255,255,255,.48);
	border-radius: 0;
}
.modal-card-body{
  background: rgba(255,255,255,.78);
}


.modal-background {
    background-color: rgba(255,255,255,.36);
}

.modal-card{
	width: 90%;
}

.modal-card.small{
  width: 50%;
}
.modal-card .title{
  font-size: 16px;
}
.button{
	border-radius: 20px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.is-100{
	width: 100%;
}

.is-wrap{
	flex-wrap: wrap;
}

.loader-container{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100vh;

	bottom: 0;
	background: rgba(255,255,255,1);
}
.spinner {
      width: 40px;
    height: 40px;
    position: relative;
    
    z-index: 10000;
    left: 45%;
    top: 40%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-card-head, .modal-card-foot{
  border: none !important;
}

.modal-card-body .content p{
  font-size: 12px;
}

.button.is-primary,
.button.is-primary:hover,
.button.is-primary:active,
.button.is-primary:focus{
  background: #666;
  padding: 5px 10px;
  font-size: 12px;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

audio{
	display: block;
	margin-bottom: 10px !important;
}


@media screen and (min-width: 1800px){

	.anchors-container{
	    margin-left: 10%;
    margin-top: 50px;
    transform: scale(.8);


}


  
  .modal-card{
    width: 70%;
  }

	
  .anchors-container a span{
    transform: scale(1.4);
  }
}

@media screen and (min-width: 2700px){

  .anchors-container{
        margin-left: 20%;
      
      transform: scale(.7);
  }
  

}

@media screen and (min-width: 1400px){

  .modal-card{
    width: 70%;
  }

}



@media screen and (max-width: 768px;){

  .modal-card.small{
    width: 90%;
  }
}