html, body {
    font-family: Arial,Helvetica,sans-serif;
    height: 100%;
}

body.gray {
     background: #DCDCDC;
}

img {
     max-width: 100%;
}

.mobile-content {
     max-width: 360px;
     margin: 0 auto;
}

.mobile-content h1 {
     font-size: 28px;
     text-align: center;
}

.mobile-content small {
     font-size: 12px;
}

.mobile-content .item {
     background: #fff;
     margin-bottom: 15px;
}

.bg {
     background: url('/userfiles/images/lp/bckgr-community.jpg') no-repeat;
     background-size: cover;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
}

.header {
     color: #fff;
     border-top: 1px solid #ccc;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 100;
     font-size:24px;
     padding: 32px 50px;
     line-height: 51px;
}

.wrapper {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
}

.option {
     display: none;
}

.page-header {
     background: #000;
     margin: 0;
     max-height: 65px;
     padding: 10px 0;
}

.page-header img {
     height: 50px;
}

.form-horizontal .control-label {
     text-align: left;
}

.starrr {
     display: inline-block;
}

.starrr a {
    font-size: 16px;
    padding: 0 1px;
    cursor: pointer;
    color: #e61b28;
    text-decoration: none;
}

.form-group > .col-md-12 .starrr a {
     font-size: 22px;
}

label.error {
     font-weight: normal;
     font-size: 12px;
     font-style: oblique;
     color: #c00;
}

.footer, .footer a {
     color: #3667a1;
}

.footer {
     text-align: center;
     background: #000;
     background: rgba(0,0,0,0.5);
     margin-top: 1em;
     padding: 10px 0;
     position: fixed;
     bottom: 0;
     width: 100%;
}

.subfooter, .subfooter a {
     color: #9a9a9a;
}

#footer, #footer a {
    color: #fcf4f4;
}

#footer {
    background: #2d2d2d;
    font-size: 12px;
    border-top: 4px solid #007edd;
    text-align: center;
    font-size: 10pt;
    padding: 10px;
}

#form_container1 {
     margin-top: 10%;
}

#form_container1 #form1 {
     width: 70%;
     margin:0 auto;
}

#form_container1 .fleft {
     width: calc(100% - 90px);
}

#form_container1 #front_form input[type="text"], #form_container1 #front_form select {
    width: 22.5%;
}
/*
#form_container1 > h1 {
     margin-top:11%;
}

#form_container1 > h2 {
     margin-top:15%;
}
*/
#form_container1 > h1, #form_container1 > h2 {
     text-align: center;
     color: #fff;
     transform: translate3d(0px, 0px, 0px);
     text-shadow: 2px 2px 1px black, 1px 1px 1px black;
     font-weight: bold;
}

.blueline {
	background:#0094e6;
	color:#fff;
	line-height:90px;
	font-size:28px;
	padding:0 20px
}

.blueline button {
     background-color: #555;
}

.blueline input, .blueline button {
	vertical-align:middle;
}

.blueline input {
	width:52%;
     color: #000;
     font: 13px/2em Arial,sans-serif;
}

#form_container1 .blueline input {
	width:calc(100% - 90px);
     box-sizing: border-box;
}

.formcontainer {
    background-color: rgba(34, 34, 34, 0.7);
    color: #fff;
    height: 100%;
    letter-spacing: 0;
    margin: 0;
    max-width: 43.5%;
    min-width: 490px;
    padding: 0 3%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.formcontainer form {
     padding-bottom: 40px;
}

.formcontainer label.error {
     color:#faa;
}

.formcontainer .row {
     margin: .5em 0;
}

.formcontainer input[type='text'], .formcontainer textarea {
     width: 100%;
}

.formcontainer input, .formcontainer textarea {
     color: #555;
}

.formcontainer button {
		border-style: solid;
		border-width: 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
	/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0;*/
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-repeat: repeat-x;
	/*	border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);*/
		color: white;
		text-shadow: 0 1px rgba(0, 0, 0, 0.4);
		background-color: #555;
		text-decoration: none;
		font-size: 16px;
		font-family: "Open Sans", arial;
		font-weight: 400;

		display: inline-block;
		cursor: pointer;
		line-height: normal;
		padding: 5px;
		
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

.message {
	position : relative;
	display : inline-block;
	margin:10px 0;
	padding : 0 0 0 35px;
	/*clear : both;*/
	cursor : pointer;
	-moz-box-shadow: 1px 1px 0 #e6e6e6;
	-webkit-box-shadow: 1px 1px 0 #e6e6e6;
	box-shadow: 1px 1px 0 #e6e6e6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e6e6e6');
	zoom: 1
}

.login .message.inner {
	margin:1em 0 0
}

.message:hover {
	opacity : 0.7;
	filter : alpha(opacity=70);
}

.message span {
	display : block;
	background : url(../gfx/system-icon.png) no-repeat 98% center;
	padding:13px 30px 13px 0;
	font : 12px/1.3em Arial;
}

.message.inner {
	margin : 0 0 20px;
}

.message.red {
	display : block;
	background : url(../gfx/icon-error.png) no-repeat 10px center #F8E9E9;
	border : 1px solid #E4BBBC;
	color : #b80000;
}

.message.green {
	display : block;
	background : url(../gfx/icon-succes.png) no-repeat 10px center #EBF9E2;
	border : 1px solid #BEE4A5;
	color : #6aa500;
}

.message.blue {
	display : block;
	background : url(../gfx/icon-info.png) no-repeat 10px center #E9F3F8;
	border : 1px solid #BBD7E4;
	color : #136bc5;
}

.message.orange {
	display : block;
	background : url(../gfx/icon-warning.png) no-repeat 10px center #FFF8D8;
	border : 1px solid #F3D97E;
	color : #ed9d12;
}

.abslogo {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     text-align: center
}

.white {
     background: rgba(0,0,0,.25);
     display: -webkit-flex;
     display: flex;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     align-content:center;
     align-items:center
}

.white > div {
     margin: 0 auto;
}

.white h1 {
     color: #fff;
     text-align: center;
     margin:0 auto .5em;
     font-size: 44px;
     max-width: 975px;
     transform: translate3d(0px, 0px, 0px);
     text-shadow: 2px 2px 1px black, 1px 1px 1px black;
}

.box {
     background: #fff;
     text-align: center;
     max-width: 650px;
     min-height: 265px;
     border: 1px solid #000000;
     margin: 0 auto;
     position: relative;
     padding-bottom: 20px;
     margin-bottom: 1em;
}

.box.wide {
     max-width:800px;
}

.box a {
     color: #333;
}

.box h2 {
     margin: 1em 0;
}

.box h3 {
     margin: 0;
     font-size: 28px;
}

h3.title {
     letter-spacing: 0.7px;
     font:bold 21px/1.4em "proxima-nova", sans-serif;
}

.sub-title {
     font-size: 13px;
     color: #8c8b8b;
     letter-spacing: 1px;
}

.prices-block h3 {
     margin-top: 2em;
}

.prices-block ul {
     list-style-type: none;
     padding: 0;
     max-width: 560px;
     margin:1em auto;
     /*
     max-width: 560px;
     margin: 0 auto;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-flow: row wrap;
     flex-flow: row wrap;
     justify-content:center;
     align-items:center
     */
}

.prices-block ul li {
     margin-top: 10px;
    /*
    max-width: 210px;
    width: 210px;
    margin: 10px 20px 0;
    display: inline-block;
    */
}

.button-label {
     width: 150px;
     display: inline-block;
     margin: 0 auto;
}

.prices-block ul li label, .button-label {
    padding: 6px;
     color: white;
     padding: 10px 15px;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     background:#0094e6;
     cursor: pointer;
     border: 0;
}

.prices-block ul li label {
    display: block;
}

.prices-block.sm ul li label {
    font-size: 13px;
}

.button-form .button-input {
    display: none;
}

.box input[type='text'], .box select {
     border: 1px solid #ccc;
     padding: 10px;
     border-radius:2px;
     -webkit-border-radius:2px;
}

.box h2.title {
     font-size: 28px;
     margin: 2em 1em;
}

.full input[type='text'], .full button {
     width: 100%;
     max-width: 300px;
}

.back {
     max-width: 650px;
     margin:.5em auto;
}

.back, .back a {
     color: #fff;
}

.back em {
     font-style: italic;
     font-size: 15px;
}

.abs {
     position: absolute;
}

.box .abs {
     bottom: 5px;
     left: 10px;
}

.mobile-content .description {
     padding:0 10px 10px 10px;
}

.btn {
     border:1px solid #ccc;
     background: #eee;
     color: #555;
     width: 100%;
     border-radius: 0;
     font-weight: bold;
}

.flex {
	display: -webkit-flex;
	display: flex;
     text-align: left;
}

.centered {
     -webkit-justify-content: center;
     justify-content: center;
     margin: 10px 0;
}

.centered .image {
     margin-right: 10px;
}