/* -------------------------------- 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;
	font-size:16px;
	text-align:left;
	width: 100%;
	max-width:620px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.flyform td[align="center"] {
	vertical-align: middle;
}

.flyform .inner {
	padding: 30px 40px;
	width: auto !important;
}

.flyform div.close
{
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjcyNzkgMTMuNzI3OUwxIDFNMS4wMDA1OSAxMy43Mjc5TDEzLjcyODUgMSIgc3Ryb2tlPSIjMjIyMjIyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K") 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: 580px)
{
	.flyform table.center {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
	}
	
	.flyform .inner {
		padding: 0 15px;
	}
	
	table.flyform {
		top: 56px !important;
		height: calc(100% - 56px);
		position: fixed !important;
		z-index: 12;
		overflow-y: auto;
	}
	
	table.flyform.show
	{
		display: block;
	}
	
	table.flyform table,
	table.flyform tr,
	table.flyform td,
	table.flyform tbody{
		display: block;
		height: 100%;
	}
	
	div.flyform-shadow {
		display: none !important;
	}
	
	.flyform table.center td {
		vertical-align: top;
	}
}