#site {
	position: relative;
	z-index: 1;
}

.adf_block {
	display: block;
	position: fixed;
	bottom: -200px;
	left: 50%;
	max-width: 728px;
	transform: translateX(-50%);
	transition: bottom 0.3s linear;
	z-index: 100;
	background-color: #ffffff;
}

.adf_block.visible {
	bottom: 0;
}

.adf_block .mobile {
	display: none;
}

.adf_block .close {
	display: block;
	position: absolute;
	bottom: 100%;
	right: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	transition: opacity 0.3s linear;
}

.adf_block .close.visible {
	opacity: 1;
	visibility: visible;
}

.adf_block .close.visible:hover {
	opacity: 0.6;
}

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

	.adf_block {
		left: 0;
		right: 0;
		transform: none;
		max-width: none;
		height: auto;
	}

	.adf_block .desktop {
		display: none;
	}

	.adf_block .mobile {
		display: block;
		overflow: hidden;
	}

}