/* -------------------------------- 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
{
	float:center;
	position:relative;
	background-color:white;
	color:black;
	font-size:16px;
	text-align:left;
	max-width:70%;
	-moz-box-shadow:0px 1px 10px rbga(0,0,0,0.5);
	-webkit-box-shadow:0px 1px 10px rbga(0,0,0,0.5);
	box-shadow:0px 1px 10px rbga(0,0,0,0.5);

	filter:
		progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=315,strength=1),
		progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3);
}

.flyform div.close
{
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: no-repeat center center/15px;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.8 15.8' style='enable-background:new 0 0 15.8 15.8;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M1.3,15.8c-0.3,0-0.6-0.1-0.9-0.4c-0.5-0.5-0.5-1.3,0-1.8l5.8-5.8L0.4,2.1c-0.5-0.5-0.5-1.3,0-1.8c0.5-0.5,1.3-0.5,1.8,0 L8.8,7c0.5,0.5,0.5,1.3,0,1.8l-6.6,6.6C1.9,15.6,1.6,15.8,1.3,15.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M14.5,15.8c-0.3,0-0.6-0.1-0.9-0.4L7,8.8C6.5,8.3,6.5,7.5,7,7l6.6-6.6c0.5-0.5,1.3-0.5,1.8,0c0.5,0.5,0.5,1.3,0,1.8 L9.7,7.9l5.8,5.8c0.5,0.5,0.5,1.3,0,1.8C15.2,15.6,14.9,15.8,14.5,15.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	z-index: 3;
}
.flyform div.close div
{
	position:relative;
	left:-5px;
	top:0px;
	width:30px;
	height:30px;
	background:url(close-white.png) center center no-repeat;
	cursor:pointer;
}
.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 div.close {
		top: -40px;
		right: -5px;
		background-image: url(close-white.png);
	}
	.flyform div.close div
	{
		width:15px;
		height:15px;
		background-size: cover;	
		-webkit-background-size: cover;	
		-moz-background-size: cover;	
		top: 10px;
		right: 10px;
	}
}
@media(max-width: 480px)
{
	.flyform table.center
	{
		width: 100%;
		max-width: 95%;
	}	
}