.disclaimer {
  position: absolute;
  bottom: 1.2rem;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  padding: 0 2rem;
}

.disclaimer span {
  width: 77%;

  font-size: 12px;
  line-height: 18px;

  display: block;

  text-align: center;

  color: var(--primary-color);
}

.modal-disclaimer {
	position: fixed;
    top: 50%;
    left: 50%;
	display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    background: #fff;
    width: 85%;
    padding: 40px;
	text-align: center;
	border: 2px solid #7c7979;
}

.modal-disclaimer.active {
    display: block;
}

.modal-disclaimer span{
	font-size: 12px;
  line-height: 18px;

  color: var(--primary-color);
}

.btn-disclaimer {
	display: none;
	padding-left: 40px;
    padding-right: 40px;
    
    font-size: 12px;
    color: #9fa19c;
    font-weight: 400;
	text-transform: none;
	
	border: 1px solid #d0d0d0;
    background: #f9f9f9;
}

.btn-disclaimer:focus {
	outline: none;
}

.btn-disclaimer:after {
  content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #f9f9f9;
    position: absolute;
    top: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.btn-disclaimer:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 10px solid #d0d0d0;
    position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.close-modal {
    position: absolute;
	top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 4px;
	background: #58315e;
    cursor: pointer;
}


@media only screen and (max-height: 1366px) and (min-width: 1195px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .disclaimer span {
      line-height: 15px;
  }
	.modal-disclaimer.active {
		display: none;
	}
}

@media only screen and (max-height: 1366px) and (min-width: 1195px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .disclaimer span {
    font-size: 18px;
  }
	.modal-disclaimer.active {
		display: none;
	}
}

@media only screen and (max-width: 1194px) {
  .disclaimer span {
    display: none;
  }
	.btn-disclaimer {
		display: block;
	}
}