
/* -------------------------------- fly-... -------------------------------- */

div.fly-heap
{
	min-width:300px;
	padding:10px 80px 11px 40px;
	background-color:#214e8d;
	font-size:24px;
	line-height:30px;
	font-weight:500;
	color:white;
}
.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-wbody
{
	padding:20px 40px 30px 40px;
	min-width:300px;
	background-color:white;
	font-size:16px;
}
div.fly-body
{
	padding:20px 40px 30px 40px;
	min-width:300px;
	background-color:#f1f3f4;
	font-size:16px;
}

.fly-body .btn-dark
{
	padding:8px 36px 9px 36px;
}

@media (max-width:680px)
{
	div.fly-heap
	{
		padding-left:30px;
		padding-right:30px;
	}
	div.fly-body,
	div.fly-wbody
	{
		padding-left:30px;
		padding-right:30px;
	}
}
@media (max-width:540px)
{
	div.fly-heap
	{
		padding:20px 20px 15px 20px;
	}
	div.fly-body,
	div.fly-wbody
	{
		padding:15px 20px 20px 20px;
	}
}
@media (max-width:360px)
{
	div.fly-heap
	{
		padding:15px 10px 10px 10px;
	}
	div.fly-body,
	div.fly-wbody
	{
		padding:10px 10px 15px 10px;
	}
}

/* -------------------------------- flyform -------------------------------- */

div.flyform-shadow
{
	display:none;
	position:fixed;
	background-color:rgba(0,0,0,0.7);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:30;

	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:0;
	width:100%;
	height:100%;
	z-index:31;
	border-spacing:0;
}
table.flyform.fixed
{
	position:absolute;
	height:auto;
}
table.flyform.show
{
	display:table;
}

.flyform table.center
{
	float:center;
	position:relative;
/*	background-color:white;	*/
	font-size:16px;
	text-align:left;

	-moz-box-shadow:0px 1px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.5);
	box-shadow:0px 1px 10px rgba(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 table.center img,
.flyform table.center iframe
{
	max-width:100%;
}

.flyform div.close
{
	float:right;
	right:0;
	position:absolute;
	z-index:31;
}
.flyform div.close div
{
	position:relative;
	left:0px;
	top:-45px;
	width:50px;
	height:45px;
/*
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAAB90RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgOLVo0ngAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjYvMTYkljp7AAABI0lEQVQ4jZ3SPU4DMRCG4dfZipICiRNsxwVodiJR7iXgEnTrnVRwBBpOYYmGIk6TA9BtQ0HJAaBBpgkhyf7Y3mksy9Ija77PtG2LtfYCuFPVR2aOtfYeeFbVTxNCOAc8cAVYVV3NABtAgTegKowx3yJyCVTAUkSC997PAAGenHMvhYjgvV+LyCIXPgFXzjkLUIgIQDY8Bh6hOfAU2ENT4Bg4iE7BKeAoOgJXwG0MBFiMPQCoqgX+ertMAaPobn4i9zz0ZIeb3al1XTez0IFQKv5XMQkPBjWWctd167Is9+GVZRm6ruv1uIfGapMCH6GpPYzBezQVTIELEckGY7AJIVwDr8BZDng4dV0r0ABfwE1hjPkQkS3w7pxrc8GDHwM8OOc2v9ty8O2J/wGAAAAAAElFTkSuQmCC) center center no-repeat;
	background-color:rgba(0,0,0,0.2);
*/
	cursor:pointer;
	opacity:0.5;
}

.flyform div.close div:hover
{
	opacity:1;
}

.flyform div.close div:before,
.flyform div.close div:after
{
	content: '';

	position: absolute;
	top: 18px;
	right: 7px;

	width: 35px;
	height: 4px;

	border-right: 2px;
	background-color: #fff;
}
.flyform div.close div:before
{
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}
.flyform div.close div:after
{
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

.flyform div.inner
{
	min-width:50px;
	min-height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
}


