body,div {
	line-height:1.2em;
}
/*.container {
	max-width:800px;
}*/
header,footer {
	/* padding:1.5em 0 .2em; */
	/*background-color:rgb(9, 29, 120);*/
	color:black;
}
header {
}
nav {
	/*background-color:rgba(9, 29, 120, 0.5);*/
	margin-bottom:2em;
	border:double rgba(0,0,0,0.2);
	border-width:3px 0;
}
nav a {
	text-align:center;
	padding:.2em .5em;
	color:black;
}
nav a:hover {
	/*background-color:white;*/
	color:rgb(9, 29, 120);
}
footer {
	margin-top:2em;
}
hgroup h1,hgroup p {
	display:inline-block;
}
hgroup p {
	margin-left:1rem;
}
hgroup a {
	/*color:white;*/
	display:inline-block;
	width:300px;
	max-width:75%;
}
hgroup img {
	width:100%;
}
div>p {
	margin-left:1rem;
}


dt {
	font-weight: bold;
	margin-top:.5em;
	margin-bottom:.5em;
}
dd {
	margin-left:1em;
}





#pay-form {
	margin-top:4em;
	margin-bottom:4em;
}
#pay-form form {
	display:none;
}
#pay-form form.active {
	display:block;
}
#pay-form p {
	text-align:center;
	margin-top:1em;
}


.payline {
	font-size:1.2rem;
	position:relative;
	margin-top:1em;

	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 

	-webkit-flex-direction: row;
	flex-direction: row;

	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	justify-content:center;
	align-items:center;
}

.payline .payline-label,.payline .payline-input,.payline .payline-button {
	box-sizing:border-box;
	margin:0;
	box-shadow:0 0 0 black;
	
	display:inline-block;
	padding:.2em .5em;
	font-size:inherit;
	border:solid #bbb;
	line-height:normal;
	vertical-align: middle;

	border-radius:0;
	border-width:1px 1px 1px 0;


	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	width:5em;
	-ms-flex: 1;              /* IE 10 */
	flex: 1; 
}
.payline :first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	border-left-width:1px;
}
.payline :last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}
.payline .payline-label {
	background-color:#f4f4f4;
	/*width:25%;*/
	text-align:right;
}
.payline .payline-input {
	/*width:50%;*/
	flex-grow:3;
}
.payline .payline-button {
	background-color:#ddd;
	/*width:25%;*/
	border-width:1px;
	cursor:pointer;

	box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1), inset 0 1px 1px rgba(255,255,255,0.4);
}
.payline .payline-button:first-child:last-child {
	display:block;
	width:50%;
	min-width:10em;
}
.payline .payline-button:hover {
	background-color:#BEEDBD;
}


.pay-icons {
	text-align: center;
	font-size: 3em;
	color: blue;
	font-weight: bold;
	color:#bbb;
}
.pay-icons span {
	margin: 0 .5em;
	vertical-align: middle;
	cursor: pointer;
	transition:color 1s
}
.pay-icons span.active {
	color:lime;
}



.media-image {
	/*width:300px;*/
	max-width:100%;
	/*transition:.5s;*/
}
.media-image:hover {
	/*transform:scale(1.05);*/
}
.media-group {
	text-align:center;
	margin-top:1.5em;
	margin-bottom:1.5em;
}
.media-box {
	position:relative;
	overflow:hidden;
}
.media-title {
	position:absolute;
	bottom:-100px;
	height:25%;
	width:100%;
	font-size:1.5em;
	text-align:center;
	background-color:rgba(255,255,255,0.65);
	transition:bottom .4s;
}
.media-title a {
	color:black;
}
.media-box:hover .media-title {
	bottom:0;
}

.media-header {
	background-position:center;
	background-repeat: no-repeat;
	background-size:cover;
	height:0;
	/*width:100%;*/
	/*display:inline-block;*/
	position:relative;
}
.media-header-fifth {
	padding-bottom:20%;
}
.media-header-fourth {
	padding-bottom:25%;
}
@media (max-width:1200px) {
	.media-title {
		font-size:1rem;
	}
}





.form-commission {
    /*max-width:500px;*/
}
.radio-group:after {
    clear: both;
    content: '';
    display: table;
}
.radio-item {
    float: left;
}
.radio-hidden {
    display:none;
}
.radio-visible {
    display:block;
    padding: .5em 0;
    background-color: #ddd;
    border-radius:5px;
    cursor:pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-visible:hover {
    background-color: rgba(0, 142, 221, 1);
    color:white;
}
.radio-hidden:checked+.radio-visible {
    background-color: rgba(0, 142, 221, 0.5);
}
.radio-title,
.radio-description {
    display:block;
    text-align:center;
    line-height:1em;
}
.radio-title {
    font-size:2rem;
}
.radio-description{
    font-size:.75rem;
}







/*grid*/
.group:after {
    content:'';
    display:table;
    clear:both;
}
.group>.group-item {
    float: left;
}
.group-gutter>.group-item~.group-item
{
    margin-left:10px;
}

.group-item-2,
.group-item-4-2,
.group-item-6-3 {
    width: 50%;
}
.group-item-3,
.group-item-6-2 {
    width: 33.333333%;
}
.group-item-3-2,
.group-item-6-4 {
    width: 66.666666%;
}
.group-item-4 {
    width: 25%;
}
    .group-item-4-3 {
        width:75%;
    }
.group-item-5 {
    width: 20%;
}
    .group-item-5-2 {
        width: 40%;
    }
    .group-item-5-3 {
        width: 60%;
    }
    .group-item-5-4 {
        width: 80%;
    }
.group-item-6 {
    width: 16.666666%;
}
    .group-item-6-5 {
        width: 83.333333%;
    }

.group-gutter>.group-item-2 {
    width: calc( 50% - (10px * 1 / 2) );
}
.group-gutter>.group-item-3 {
    width: calc( 33.333333% - (10px * 2 / 3) );
}
.group-gutter>.group-item-4 {
    width: calc( 25% - (10px * 3 / 4) );
}
.group-gutter>.group-item-5 {
    width: calc(20% - (10px * 4 / 5));
}
.group-gutter>.group-item-6 {
    width: calc(16.666666% - (10px * 5 / 6));
}




.container-sm {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}

.container {
	overflow-x:hidden;
}









::-webkit-input-placeholder {
   color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
   color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
   color: #ccc;
}
:-ms-input-placeholder {
   color: #ccc;
}





@media (max-width:960px){
	.container {
		padding-right:10px;
		padding-left:10px;
	}
}
@media (max-width:600px){
	h1,
	hgroup p {
		margin: 0;
	}
	hgroup {
		text-align:center;
	}
	.payline {

		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.payline .payline-label,
	.payline .payline-input {
		/*display:block;*/
		width:100%;
		border-width:0 1px;
		/*flex-grow:initial;*/
		text-align:left;
		border-radius:0;
	}
	.payline :first-child {
		border-top-left-radius:3px;
		border-top-right-radius:3px;
		border-top-width: 1px;
	}
	.payline :last-child {
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		border-bottom-width: 1px;
	}
}