@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; outline:none }
html {}
body { max-width:867px; margin:0 auto 0; padding:0 10px; font-family:Arial, Helvetica, sans-serif; }


.left { float:left !important; }
.right { float:right !important; }
.clear { clear:both !important; }
a img { border:0; }
.hidden { display:none; }
.acenter { text-align:center; }


.header { overflow:hidden; padding:25px 0 30px; }
.logo { float:left; }
.membership { float:right; margin:15px 0 0 0; }


ul { list-style:none; }
ul li { float:left; }
ul li img { width:160px; height:160px; }
ul.left { max-width:180px; }
ul.right { max-width:180px; }
ul.left li { margin:0 18px 18px 0; }
ul.right li {margin:0 0 18px 18px; }
ul.right li.last-child,
ul.left li.last-child { display:none; margin: 0 !important; height: 0; zoom: 1; overflow: hidden; }

ul.right li.last-child img,
ul.left  li.last-child img { width:0px; height:0px; display: none; }

ul.right li:last-child,
ul.left li:last-child { display:none; }

ul li.marg { margin:0 16px; }

ul li a {
	opacity:0.6;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
ul li a:hover { opacity:1; }





.form_container { position: relative; }
.shield_shadow_block {
    background-image: url('../images/shield.png');
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
}
.shield_spinner { position: absolute; z-index: 25; width: 64px; height: 64px; overflow: hidden; margin: 0; top: 40%; left: 40%; }

.shield_success { position: absolute; z-index: 35; width: 79%; height: auto; margin: 0; border: 10px solid #FFFFFF; background-color: #1B6992; padding: 10px; font-size: 0.9em; bottom: 17%;
color: #ffffff; font-weight: bold;
	border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-icab-border-radius:6px;
	-khtml-border-radius:6px;
	behavior: url('css/pie.htc');
}
.shield_alert { position: absolute; z-index: 35; width: 79%; height: auto; margin: 0; border: 10px solid #FFFFFF; background-color: #960001; padding: 8px 3px; font-size: 0.9em; bottom: 17%;
color: #ffffff; font-weight: bold;
text-shadow: none !important;
	border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-icab-border-radius:6px;
	-khtml-border-radius:6px;
	behavior: url('css/pie.htc');
}
.shield_alert div.alert_ln { padding: 0px; border-top: 3px solid #780000; width: 70%; margin: 10px auto 0; height: 10px; }

.shield_alert p.error_ok a:link,
.shield_alert p.error_ok a:visited,
.shield_alert p.error_ok a:active
{
    text-decoration: none;
	font-size:19px;
	line-height:19px;
	font-weight:bold;
	color:#fff;
	background-color: #FFFFFF;
	color: #960001;
	padding: 5px 20px;
	border:0;
	cursor:pointer;
	display:inline-block;

	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-icab-border-radius:3px;
	-khtml-border-radius: 3px;
	behavior: url('css/pie.htc');
}

.loading {
	background: url("../images/indicator.gif") no-repeat scroll right center transparent;
	width: 16px;
	height: 16px;
}
.ok_icon {
	background: url("../images/icon_ok_small.png") no-repeat scroll right center transparent;
	width: 10px;
	height: 10px;
	margin: 3px;
}
.error_icon {
	background: url("../images/icon_error_small.png") no-repeat scroll right center transparent;
	width: 10px;
	height: 10px;
	margin: 3px;
}
.clear_icon {
	background: url("../images/icon_error_small.png") no-repeat scroll right center transparent;
	width: 10px;
	height: 10px;
	margin: 3px;
}
.ui-icon { margin: 0px !important; }
.error_msg
{
	color: red; font: normal 12px Georgia,serif; text-align: left;
}

.error_field
{
	border:1px solid #FF0000 !important;
}
.ok_field
{
	border:1px solid #221C1A !important;
}
.waiting {
	position: absolute;
	right: 5px;
	top: 7px;
	z-index: 10;
}

.first-step #city_icon .waiting { left: 100px; top: 0px !important; right: auto !important;}
#email_container { position: relative; }

.form { padding:30px 50px 5px; overflow:hidden; height:303px; font-size:18px; position: relative; }
.ui-autocomplete { width: 320px; text-align: left; }
.ui-menu .ui-menu-item a { font-size: 14px; }
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: 0px !important;
}
#city_icon { position: relative; }
.headline { border-bottom:1px solid #bbd2df; text-align:center; padding:0 0 30px 0; margin:0 0 45px 0; }
.headline h2 { font-size:30px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.headline p { font-size:18px;  color:#a8becd; }

.form form { display:block; }
.form form label { display:block; float:left; padding:4px 7px 0 0; }
.form form select { padding:5px; width:110px }
.form form select.age { width:23%; float:right; }
.form form span.and { float:right; margin:5px 5px; }
.form form input { padding:5px; width:60%; float:right; }
.form form input.button,
.form form button {
	font-size:22px;
	font-weight:bold;
	width:170px;
	height:42px;
	display:block;
	float:right;
	border:0;
	cursor:pointer;
	border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-icab-border-radius:6px;
	-khtml-border-radius:6px;
	behavior: url('css/pie.htc');
	position:relative;
	z-index:10;
}

.row { overflow:hidden; padding:0 0 25px 0; }
.row .row { float:left; padding:0; }
.row.last { padding:0; }
.last label { margin:6px 0 0 0; }
.last input { margin:6px 0 0 0; }




.footer {
	font-family:"Myriad Pro";
	font-size:14px;
	line-height:18px;
	padding:1px 0 10px 0;
	margin:30px 0 0 0;
	text-align:center;
	}




.form form .third-step label,
.form form .second-step label { width:28%; padding:5px 0 0 0 !important; }
.form form .third-step textarea { width:100% !important; height: 90px; overflow:auto; }
.form form .third-step button,
.form form .third-step input,
.form form .second-step input { width:68% !important; }
.form form .second-step select { width:23% !important; padding:5px 2% 5px 0 !important; }
.form form .first-step .headline,
.form form .third-step .headline,
.form form .second-step .headline { padding:0px 0 10px 0; margin:0 0 20px 0; }
.form form .third-step .row,
.form form .second-step .row { padding:0 0 10px 0; }

.location { width: 100%; }

@media (min-width: 30px) and (max-width: 250px) {
body { min-width:220px; width:100%; margin:0 auto 0; padding:0 0; }
.header { overflow:hidden; padding:10px 0 10px; }
.logo { float:left; margin:0 0 0 10px; }
.logo img { width:80%; }
.membership { float:right; margin:-5px 10px 0 0; font-size:10px; }

ul { float:left; width:auto !important; text-align:center; overflow:hidden; }
ul li { float:left; margin:0 0 0 0; }
ul li.marg { margin:0 0 10px 0; }
ul li img { width:60px; height:60px; }
ul li.last-child,
ul.left li.last-child { display:inline-block !important; *display: inline !important; height: 60px; width: 60px; line-height: 60px; }
ul.left li.last-child img { display:block !important;height: 60px; width: 60px; }
ul li:last-child,
ul.left li:last-child
{ display:inline-block !important; *display: inline !important; }
ul.left { max-width:100% !important; display:block; float:none !important; overflow:hidden; }
ul.left li { margin:0 7px; }
ul.right { display:none; }
.rest { display:none; }

#removable { display:none }

.form {  padding:10px 15px 5px; float:none; width:auto; font-size:18px; height: 390px; }

.headline { border-bottom:0; text-align:left; padding:0 0 0 0; margin:0 0 0 0; }
.headline h2 { font-size:14px; letter-spacing:0px; }
.headline p { font-size:12px; letter-spacing:-1px; color:#a8becd; }

.form form { display:block; font-size:14px; }
.form form label { display:block; float:none; padding:0 7px 5px 0; }
.form form select { padding:5px 0; width:100%; }
.form form select.age { width:45% }
.form form input { padding:5px 0; width:100%; }
.form form input.button,
.form form button {
	font-size:22px;
	font-weight:bold;
	width:100%;
	margin:13px auto 0;
	height:42px;
	display:block;
	float:none;
	border:0;
	cursor:pointer;
}

.row { overflow:hidden; padding:1px 0 15px 0;  float:none; margin:0; }
.row .row { float:none !important; margin:5px 0 0 0; padding:1px 0 0 0; }
.row span {  }
.last { }
.last label { margin:0 0 0 0; }
.last input { margin:0px 0 0 0; }

.footer {
	font-size:10px;
	line-height:14px;
	padding:0 10px
}



.form form .third-step label,
.form form .second-step label { width:100%; padding:5px 0 0 0 !important; }
.form form .third-step textarea { width:100% !important; height: 100px; overflow:auto; }
.form form .third-step input,
.form form .third-step button,
.form form .second-step input { width:100% !important; padding:2px 0; }
.form form .second-step select { width:31.5% !important; padding:2px 2% 2px 0 !important; }
.form form .first-step .headline,
.form form .third-step .headline,
.form form .second-step .headline { padding:0px 0 2px 0; margin:0 0 0px 0; }
.form form .third-step .row,
.form form .second-step .row { padding:0 0 5px 0 !important; }

.form form .first-step .btn { width: 100%; }

.waiting {left: 53px; top: 5px; }

.shield_alert { width: 77%; }
}

@media (min-width: 251px) and (max-width: 400px) {
body { min-width:300px; max-width:867px; margin:0 auto 0; padding:0 0; }
.header { overflow:hidden; padding:10px 0 10px; }
.logo { float:left; margin:0 0 0 5px; }
.logo img { width:80%; }
.logo h1 {font-size:20px;}
.membership { float:right; margin:-5px 10px 0 0; font-size:10px; }

ul { float:left; width:90px; }
ul li { float:none; margin:0 0 10px 0; }
ul li.marg { margin:0 0 10px 0; }
ul li img { width:90px; height:90px; }
ul li.last-child { display:none; }
ul li:last-child { display:none; }
ul.left { display:none; }
ul.right { display:none; }

#removable { display:none }

.form {  padding:10px 15px 5px; float:right; width:60%; height:395px; font-size:18px; }

.headline { border-bottom:0; text-align:left; padding:0 0 0 0; margin:0 0 0 0; }
.headline h2 { font-size:16px; letter-spacing:0px; }
.headline p { font-size:14px; color:#a8becd; letter-spacing:-1px; }

.form form { display:block; font-size:14px; }
.form form label { display:block; float:none; padding:0 7px 5px 0; }
.form form select { padding:5px 0; width:100%; }
.form form select.age { width:45% }
.form form input[type=text] { padding:5px 0; width:97% !important; }
.form form input.button,
.form form button {
	font-size:22px;
	font-weight:bold;
	width:180px;
	margin:13px auto 0;
	height:42px;
	display:block;
	float:none;
	border:0;
	cursor:pointer;
}

.row { overflow:hidden; padding:1px 0 15px 0;  float:none; margin:0; }
.row .row { float:none !important; margin:15px 0 0 0; padding:1px 0 0 0; }
.row span {  }
.last { }
.last label { margin:0 0 0 0; }
.last input { margin:0px 0 0 0; }

.footer {
	font-size:10px;
	line-height:14px;
	padding:0 10px
}

.form form .third-step label,
.form form .second-step label { width:100%; padding:5px 0 3px 0 !important; }
.form form .third-step textarea { width:100% !important; height: 100px; overflow:auto; }
.form form .first-step .location input { width: 100%; }
.form form .first-step .btn { text-align: left; width: 100%; }
.form form .first-step .btn input { width: 100%; }
.form form .third-step input,
.form form .third-step button,
.form form .second-step input { width:100% !important; padding:5px 0; }
.form form .second-step select { width:31.5% !important; padding:5px 2% 5px 0 !important; }
.form form .first-step .headline,
.form form .third-step .headline,
.form form .second-step .headline { padding:10px 0 10px 0; margin:0 0 0px 0; }
.form form .third-step .row,
.form form .second-step .row { padding:0 0 10px 0 !important; }

.waiting {left: 53px; top: 5px; }
.shield_alert { width: 77%; }
}
@media (min-width: 300px) and (max-width: 379px) {
.ui-autocomplete { width: 190px; }
}
@media (min-width: 380px) and (max-width: 479px) {
.ui-autocomplete { width: 225px; }
}
@media (min-width: 480px) and (max-width: 500px) {
.ui-autocomplete { width: 282px; }
}
@media (min-width: 401px) and (max-width: 570px) {
body { max-width:867px; margin:0 auto 0; padding:0 0; }
.header { overflow:hidden; padding:10px 0 10px; }
.logo { float:left; margin:0 0 0 25px; }
.logo h1 {font-size:22px;}
.membership { float:right; margin:15px 10px 0 0; font-size:10px; }

ul { float:left; width:30%; margin:0; text-align:center; }
ul li { float:none; margin:0 3% 10px 0; }
ul li.marg { margin:0 0 10px 0; }
ul li img { width:119px; height:119px; margin:0 0 10px 0; }
ul li.last-child { display:none; }
ul li:last-child { display:none; }

ul.left { float:left; margin:0; min-width:190px; max-width:40% !important; display:none; }
ul.right { display:none; }
ul.left li { margin:0 3% 15px 0; }
ul.right li {  margin:0; }

ul li#img10 { display:none; }

#removable { display:none }

.form { padding:10px 15px 5px; float:right; width:62%; height:382px; font-size:18px; }

.headline { border-bottom:0; text-align:left; padding:0 0 0 0; margin:0 0 0 0; }
.headline h2 { font-size:18px; letter-spacing:0px; }
.headline p { font-size:14px; color:#a8becd; }

.form form { display:block; font-size:14px; }
.form form label { display:block; float:none; padding:0 7px 5px 0; }
.form form select { padding:5px 0; width:100%; }
.form form select.age { width:45% }
.form form input[type=text] { padding:5px 0; width:98% !important; }
.form form input.button,
.form form button {
	font-size:22px;
	font-weight:bold;
	width:160px;
	margin:13px auto 0;
	height:42px;
	display:block;
	float:none;
	border:0;
	cursor:pointer;
}

.row { overflow:hidden; padding:1px 0 15px 0;  float:none; margin:0; }
.row .row { float:none !important; margin:15px 0 0 0; padding:1px 0 0 0; }
.row span {  }
.last { }
.last label { margin:0 0 0 0; }
.last input { margin:0px 0 0 0; }

.footer {
	font-size:10px;
	line-height:14px;
	padding:0 10px
}

.form form .first-step .location { width: 40%; }
.form form .first-step .btn { width: 60%; }
.form form .first-step .location input { width: 90%; }
.form form .first-step .btn input { width: 99%; }

.form form .third-step label,
.form form .second-step label { width:100%; padding:5px 0 3px 0 !important; }
.form form .third-step textarea { width:100% !important; height: 100px; overflow:auto; }
.form form .third-step button,
.form form .third-step input,
.form form .second-step input { width:100% !important; padding:5px 0; }
.form form .second-step select { width:32% !important; padding:5px 2% 5px 0 !important; }
.form form .first-step .headline,
.form form .third-step .headline,
.form form .second-step .headline { padding:10px 0 10px 0; margin:0 0 0px 0; }
.form form .third-step .row,
.form form .second-step .row { padding:0 0 10px 0 !important; }

.waiting {left: 53px; top: 5px; }
}
@media (min-width: 571px) and (max-width: 878px) {
.header { overflow:hidden; padding:25px 0 30px; }
.logo { float:left; margin-left:10px;}
.logo h1 {font-size:30px;}
.membership { float:right; margin:15px 0 0 0; }

ul { list-style:none; text-align:center; }
ul li { float:none; display:inline-block; *display: inline !important; }
ul li img { width:110px; height:110px; }

ul.right li.last-child,
ul.left li.last-child { display:inline-block !important; height: 110px; width: 110px; }

ul.right li.last-child img,
ul.left li.last-child img { display:block !important;height: 110px; width: 110px; }

ul.left { width:20%; }
ul.right { width:20%; }
ul.left li { margin:0 18px 30px 0; }
ul.right li { margin:0 0 30px 18px; }

ul.right li.last-child,
ul.left li.last-child { display:inline-block; *display: inline; }
ul.right li:last-child,
ul.left li:last-child { display:inline-block; }

ul li.marg { margin:0 16px; }

ul.left li.last-child a,
ul.right li.last-child a,
ul li a {
	opacity:0.6 !important;
	transition: all 0.3s ease !important;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
}
ul li a:hover { opacity:1; }



.form { background-color:#1b6992; padding:10px 10px 5px; margin:0 0 15px 0; height:375px; overflow:hidden;  font-size:18px; }

.headline { border-bottom:1px solid #bbd2df; text-align:center; padding:0 0 10px 0; margin:0 0 0 0; }
.headline h2 { font-size:22px; }
.headline p { font-size:16px; color:#a8becd; }

.form form { display:block; font-size:14px; }
.form form label { display:block; float:none; padding:0 7px 5px 0; }
.form form select { padding:5px 0; width:100%; }
.form form select.age { width:47% }
.form form input[type=text] { padding:5px 0; width:98% !important; }
.form form input.button,
.form form button {
	font-size:22px;
	font-weight:bold;
	width:160px;
	margin:13px auto 0;
	height:42px;
	display:block;
	float:none;
	border:0;
	cursor:pointer;
}

.row { overflow:hidden; padding:1px 0 10px 0;  float:none; margin:0; }
.row .row { float:none !important; margin:10px 0 0 0; padding:1px 0 0 0; }
.last { }
.last label { margin:0 0 0 0; }
.last input { margin:0 0 0 0; }




.footer {
	font-family:"Myriad Pro";
	font-size:14px;
	line-height:18px;
	padding:1px 0 10px 0;
	margin:30px 0 0 0;
	text-align:center;
}


.form form .first-step .location { width: 50%; }
.form form .first-step .btn { width: 50%; }
.form form .first-step .location input { width: 90%; }
.form form .first-step .btn input { width: 99%; }

.form form .third-step label,
.form form .second-step label { width:100%; padding:5px 0 3px 0 !important; }
.form form .third-step textarea { width:100% !important; height: 100px; overflow:auto; }
.form form .third-step input,
.form form .third-step button,
.form form .second-step input { width:98% !important; padding:3px 0; }
.form form .second-step select { width:32% !important; padding:3px 2% 5px 0 !important; }
.form form .first-step .headline,
.form form .third-step .headline,
.form form .second-step .headline { padding:10px 0 10px 0; margin:0 0 0px 0; }
.form form .third-step .row,
.form form .second-step .row { padding:0 0 10px 0 !important; }

.waiting {left: 53px; top: 5px; }

#img11 { display:none; }
}
@media (min-width: 879px) {
.form form .third-step textarea { width:71% !important; height: 90px; overflow:auto; }
}

@media (min-width: 600px) and (max-width: 660px) {
ul.rest li.last-child { display:none; margin: 0 !important; height: 0; width: 0; zoom: 1; overflow: hidden; }
ul.rest li.last-child img { display:none; margin: 0 !important; height: 0; width: 0; }
}

@media (min-width: 1000px) {
.first-step #city_icon .waiting { left: auto !important; top: 12px !important; right: 6px !important ;}
.clearInputSpan { display: none !important; }

}