body {
	background-color: #eee;
	font-family: Roboto, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #3d3d3d;
}

.main-container {
	max-width: 800px;
	margin: auto;
}

.text-color-orange {
	color: orange;
}

.border-frame {
	background: url(../images/icon-tel-frame.png) center center no-repeat;
	max-width: 407px;
	margin: auto;
	padding: 40px 14px;

}

.submit-button {
	background: orange;
	width: 100%;
}

@media (max-width: 500px) {
	.border-frame {
		background-size: contain;
	}
}


@media (max-width: 380px) {
	.border-frame {
		padding: 40px 4px;
	}
}

@media (max-width: 370px) {
	.border-frame {
		background-size: 100%;
	}
}

.form-group {
	margin-bottom: 12px;
}

.form-pencil {
	font-size: 50px;
}


#js-payment-type {
	display: none;
	/* transition-duration: 5s; */
}

.payment-type-label {
	display: inline-block;
}

.payment-type-radio {
	visibility: hidden;
}



.payment-type-div {
	border: 2px solid #3d3d3d;
	border-radius: 16px;
	width: 200px;
	/* height: 200px; */
	overflow: hidden;
	cursor: pointer;

	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

}

.payment-type-radio:checked+.payment-type-div {
	/* border: 2px solid orange; */
	background: orange;
}

.payment-type-div .payment-type-selected {
	visibility: hidden;
}

.payment-type-radio:checked+.payment-type-div .payment-type-selected {
	visibility: visible;
}

.payment-type-div .payment-type-title {
	background: #3d3d3d;
	color: #fff;
	padding: 8px 4px;
}

.payment-type-div .payment-type-price {
	font-size: 30px;
	padding: 8px 16px;
}

.payment-type-div .payment-type-price .euro {
	font-size: 16px;
	vertical-align: top;
}

.payment-type-div .payment-type-price .per-month {
	font-size: 20px;
}

.navbar-brand img {
	width: 100px;
}

.brand-logo-container {
	text-align: center;
}

.brand-logo {
	width: 80%;
	max-width: 300px;
}

/* Masterbet */
.body-masterbet {
	color: #000d78;
}


.body-masterbet .nav-link i {
	color: #000d78;
}

.body-masterbet .navbar-brand {
	color: #000d78;
}

.body-masterbet .brand-button {
	border: 2px solid #000d78;
	display: block;
	width: 100%;
	color: #000d78;
	transition: 0.3s;
}

.body-masterbet .brand-button:hover {
	background-color: #000d78;
	color: #fff;
}

.body-masterbet .required-asterisk {
	color: #ff6f00;
}

.body-masterbet .payment-type-radio:checked+.payment-type-div {
	/* border: 2px solid orange; */
	background: #000d78;
	color: #fff;
}

/* Health Media */
.body-health-media {
	color: #006f98;
}

.body-health-media .nav-link i {
	color: #006f98;
}

.body-health-media .navbar-brand {
	color: #006f98;
}

.body-health-media .brand-button {
	border: 2px solid #006f98;
	display: block;
	width: 100%;
	color: #006f98;
	transition: 0.3s;
}

.body-health-media .brand-button:hover {
	background-color: #006f98;
	color: #fff;
}

.body-health-media .required-asterisk {
	color: #292929;
}

.body-health-media .payment-type-radio:checked+.payment-type-div {
	/* border: 2px solid orange; */
	background: #006f98;
	color: #fff;
}

/* Digital Mall */
.body-digitalmall {
	color: #3B3B3C;
}

.body-digitalmall .nav-link i {
	color: #F68720;
}

.body-digitalmall .navbar-brand {
	color: #3B3B3C;
}

.body-digitalmall .brand-button {
	border: 2px solid #F68720;
	display: block;
	width: 100%;
	color: #F68720;
	transition: 0.3s;
}

.body-digitalmall .brand-button:hover {
	border: 2px solid #3B3B3C;
	background-color: #3B3B3C;
	color: #F68720;
}

.body-digitalmall .required-asterisk {
	color: #F68720;
}

.body-digitalmall .payment-type-radio:checked+.payment-type-div {
	/* border: 2px solid orange; */
	background: #F68720;
	color: #3B3B3C;
}

/* PROothisi */
.body-proothisi {
	color: #004E76;
}

.body-proothisi .nav-link i {
	color: #2BA6DF;
}

.body-proothisi .navbar-brand {
	color: #004E76;
}

.body-proothisi .brand-button {
	border: 2px solid #004E76;
	display: block;
	width: 100%;
	color: #004E76;
	transition: 0.3s;
}

.body-proothisi .brand-button:hover {
	background-color: #004E76;
	color: #fff;
}

.body-proothisi .required-asterisk {
	color: #2BA6DF;
}

.body-proothisi .payment-type-radio:checked+.payment-type-div {
	/* border: 2px solid orange; */
	background: #004E76;
	color: #fff;
}