/* -------------------------------- fly-... -------------------------------- */

div.fly-heap
{
	background-color:#FFC956;
	padding:40px 40px 30px 40px;
	max-width:360px;
	font-size:16px;
	font-weight:bold;
}
.fly-heap h2
{
	margin:-5px 0 0 0;
	padding:0;
	font-size:30px;
	line-height:30px;
	font-weight:500;
	color:black;
}
.fly-heap table
{
	border-collapse:collapse;
}
div.fly-body
{
	padding:30px 40px 40px 40px;
	max-width:360px;
	font-size:16px;
}

.fly-body .btn-dark
{
	padding:8px 36px 9px 36px;
}

@media (max-width:425px)
{
	div.fly-heap
	{
		padding:20px 20px 15px 20px;
	}
	div.fly-body
	{
		padding:15px 20px 20px 20px;
	}
}
@media (max-width:360px)
{
	div.fly-heap
	{
		padding:15px 10px 10px 10px;
	}
	div.fly-body
	{
		padding:10px 10px 15px 10px;
	}
}

/* -------------------------------- flyform -------------------------------- */

div.flyform-shadow
{
	display:none;
	position:fixed;
	background-color:rgba(0, 0, 0, 0.3);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:119;

	opacity:0;

	transition:opacity 500ms;
	-o-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-webkit-transition:opacity 500ms;
}
div.flyform-shadow.show
{
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AA000000', endColorstr='#AA000000');
}

table.flyform
{
	display:none;
	position:fixed;
	top:0;
	left:50%;
	width:90%;
	height:100%;
	z-index:120;
	border-spacing:0;
	margin-left: -45%;
	
}
table.flyform.fixed
{
	position:absolute;
	height:auto;
}
table.flyform.show
{
	display:table;
}

.flyform table.center
{
	position:relative;
	background-color:white;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.flyform .inner {
	min-width: 200px;
    min-height: 50px;
}

.flyform div.close
{
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url(./close.svg) no-repeat center center/15px;
	z-index: 3;
}

.flyform .inner img
{
	max-width: 90%;
}
.flyform div.popup-video
{
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 -1px -1px 0;	
}
.flyform div.popup-video iframe
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
}

@media(max-width: 980px)
{
	table.flyform
	{
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}
@media(max-width: 620px)
{
	.flyform table.center
	{
		width: 100%;
		max-width: 95%;
	}
}