.fixed-height-220
{
	height:220px;
}

.fixed-height-355
{
	height:355px;
}

.fixed-height-400
{
	height:400px;
}

.fixed-height-510
{
	height:510px;
}

#popup-container
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url('/wp-content/themes/geovita/img/popup_bg.png');
	z-index: 30000;
}

#popup
{
	position: absolute;
	margin-left: -275px;
	top: 200px;
	left: 50%;
	width: 550px;
	max-width:100%;
	height: 480px;
	background-image: url('/wp-content/themes/geovita/img/popup.png');
}

#popup_close
{
	position: relative;
	display: block;
	float: right;
	width: 48px;
	height: 48px;
	z-index: 99999;
	top: 200px;
	margin-right: -275px;
	right: 50%;
}

.videowrapper
{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 53.25%;
    padding-top: 25px;
    height: 0;
}

.videowrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 550px)
{
	#popup
	{
		margin-left: 0;
		left: 0;
		top: 0;
		height: 87vw;
		background-size: cover;
	}

	#popup_close
	{
		top: 0;
		right: 0;
		margin-right: 0;
		width: 9vw;
		height: 9vw;
	}
}

@media screen and (max-width: 767px)
{
	.fixed-height-400
	{
		height:800px;
	}
}