@import url("tvcxpress-fonts.css");

/* General */
h1, h2, h3, h4, h5, h6 {
	font-family: 'tvcxpress bold' !important;
}

label {
	font-family: 'tvcxpress regular' !important;
	font-size:11px;
}

.label-header {
	font-size: 14px;
}

.error {
	color:red;
}

.hide-element {
	display:none;
}
.show-element {
	display: block;
}

label.checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 4px;
}

/* Header */
header {
	margin-bottom: 30px;
}
.logo {
	background-image: url('../img/logo.png');
	background-color: rgba(236,61,0,0.7);
	background-size: 200px 80px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0px -3px 16px 1px #888888;
	width:300px;
	height:170px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
}
.logo a {
	width:100%;
	height:100%;
}

#site-info {
	float:right;
	position:absolute;
	top:45px;
	right:0;
}

#site-info p {
	font-family: 'tvcxpress regular';
	font-size:18px;
	color:#ffffff;
	letter-spacing:2px;
}
/* Body */
body {
	background-image: url('../img/background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
	letter-spacing:1px;
}
.row-container {
	margin: 0 auto;
}
.row-title {
	padding: 5px 0 5px 50px;
	background-color: gray;
	color:white;
	width: 345px;
	letter-spacing:1px;
	box-shadow: 0px -3px 16px 1px #888888;
}
.service-container, .row-selections {
	background-color:darkgrey;
}
.channel-container {
	background-color:lightgrey;
}
.row-space {
	width:100%;
	height: 0;
	padding-bottom:40px;
}
.row-max-height-column {
	overflow: hidden; 
}
.row-max-height-column [class*="col-"]{
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}
#myform {
	max-width:90%;
	margin:0 auto;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 14px 14px 3px #888888;
}
.title-box {
	border-bottom: 1px solid gray;
}
.title-header {
	color:gray;
}
.text-center {
	text-align:center;
}
.hide-mobile {
	display:block;
}
.show-mobile {
	display: none;
}
.main-title {
	letter-spacing:2px;
}
.modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 ) 
				url('../img/ajax-loader.gif') 
				50% 50% 
				no-repeat;
}
body.loading {
	overflow: hidden;   
}
body.loading .modal {
	display: block;
}

/* Bootstrap Overwrite */
.btn-primary {
	background-color: rgba(240,62,0,0.8) !important;
	border:0px;
	box-shadow: 0px 0px 4px 1px #888888;
	width:80% !important;
}

.btn-primary:hover {
	background-color: rgba(217,56,0,0.8) !important;
}

.btn-primary:active, btn-primary:visited {
	background-color: rgba(179,46,0,0.7) !important;
}

@media only screen and (max-device-width: 991px) {
	.hide-mobile {
		display:none;
	}
	.show-mobile {
		display: block;
	}
	
	.hide-element-on-mobile {
		display:none;
	}
	
	#site-info {
		float:none;
		position:static;
		top:auto;
		right:auto;
		margin-bottom:20px;
		text-align:center;
	}
	
	.show-element-on-mobile {
		display:block;
	}
	
	#agreement {
		width: 80.5%;
		margin: 0 auto;
	}
	
	.title-general {
		margin-top:0;
	}
}
@media only screen and (max-device-width: 767px) {
	#myform {
		width:95%;
	}
	
	.hide-element-on-mobile {
		display:none;
	}
	
	.show-element-on-mobile {
		display:block;
	}
	
	#site-info {
		float:none;
		position:static;
		top:auto;
		right:auto;
		margin-bottom:20px;
		text-align:center;
	}
	
	.row-title {
		width:100%;
		text-align:center;
		padding: 5px 0;
	}
	
	.title-general {
		margin-top:0;
	}
}