@font-face {
    font-family: 			'Font Awesome 5 Brands';
    src: 					url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);
    font-weight: 			900;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Font Awesome 5 Free';
    src: 					url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);
    font-weight: 			900;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Roboto';
    src: 					url(https://fonts.googleapis.com/css?family=Roboto);
    font-weight: 			200;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Lato';
    src: 					url(https://fonts.googleapis.com/css2?family=Lato&display=swap);
    font-weight: 			200;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Tangerine';
    src: 					url(https://fonts.googleapis.com/css?family=Tangerine&display=swap);
    font-weight: 			200;
    font-style: 			normal;
}

#bodyTable {
    width:					100%;
	font-family:			'Roboto', 'Arial Narrow', Helvetica, Arial, sans-serif;
	font-size:				16px;
	line-height:   			24px;
	color:					#2e2e2e;
}

#bodyTable a, #bodyTable a:visited {
	color:					#2c2a2b;
  	text-decoration:		underline;
}

#bodyTable a:hover {
	color:					#be6811;
  	text-decoration:		underline;
}

#bodyTable h1 {
	font-family: 			'Lato', sans-serif;
	font-size:				28px;
	font-weight:			normal;
	line-height:      		36px;
	margin:					4px 0 18px 0;
	text-transform:			uppercase;
}

#bodyTable h2 {
	font-size:				26px;
	font-weight:			normal;
	line-height:      		32px;
	margin:					4px 0 4px 0;
}

#bodyTable h3 {
	font-size:				22px;
	font-weight:			normal;
	line-height:      		28px;
	margin:					5px 0 4px 0;
}

#bodyTable h4 {
	font-size:				20px;
	font-weight:			normal;
	line-height:      		28px;
	margin:					2px 0 8px 0;
}

#bodyTable h5 {
	font-size:				20px;
	font-weight:			normal;
	line-height:      		28px;
	margin:					8px 0 8px 0;
	text-transform:			uppercase;
}

/* LAYOUT - STARTS */
.container {
	padding-top:        	22px;
	padding-bottom:     	22px;
}

div[class*="col-"] {
	margin-bottom:			15px;
}

#col-left {
	padding-top:			8px;
}

#col-left, #col-right {
	margin-bottom:			25px;
}

#header-bottom {
	background: 		#4c4c4c; /* Old browsers */
	background: 		-moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
	background: 		-webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
	background: 		linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); /* IE6-9 */
	padding:			14px 0 14px 0;
}

#top-panel {
	position:    			relative;
	background-color:		#f7f7f7;
	border-bottom:			1px solid #dddddd;
	height:     			125px; 
	line-height:   			125px;
	margin:     			0 0 15px 0;
    display: 				flex;
    align-items: 			center;
}

.page-header {
	margin:					0 auto;
	padding:				15px;
	border-bottom:   		none;
	font-size:				44px;
	font-weight:			normal;
	line-height:      		52px;
	text-transform:			uppercase;
	text-align:				center;
	background-color: 		#666666;
    -webkit-background-clip: text;
    -moz-background-clip: 	text;
    background-clip: 		text;
    color: 					transparent;
}
/* ******* */

.v-align {
    display: 				flex;
    align-items: 			center;
}

.responsive {
	width: 					100%;
	max-width: 				450px;
	height: 				auto;
} 

.fade {
    opacity: 				1;
    transition: 			opacity .65s ease-in-out;
}

.fade:hover {
    opacity: 				0.8;
}

/* FORMS DEFAULT SETTINGS */
.app\.frm\.input, textarea, select {
	border-radius:			2px;
}

input.app\.frm\.input, textarea, select {
	padding:				7px 8px 7px 8px;
	margin-bottom:			8px;
}

label.app\.frm\.input {
	margin-left: 			0;
}

input, textarea, select {
    box-shadow: 			inset 0px 8px 8px -9px #ccc, inset 0px -9px 8px -10px #ccc;
    outline: 				none;
    border: 				1px solid #cccccc;
}

div.app\.frm\.captcha {
	margin:					15px 0 5px 0;
	line-height: 			15px;
	font-size: 				13px;
}

div.app\.frm\.captcha label {
	font-size: 				15px;
	font-weight:			bold;
}

div.app\.frm\.captcha input.app\.frm\.input {
    margin-bottom: 			0;
}

div.app\.frm\.captcha label.app\.frm\.input {
    padding-top: 			5px;
}

input[type="image"]{
    box-shadow: 			inset 0px 0px 0px 0px #fff, inset 0px 0px 0px 0px #fff;
    outline: 				none;
    border: 				0px solid #ffffff;
}

div.app\.frm\.disabled {
	margin-bottom:			12px;
}

div.app\.frm\.disabled label {
	margin-right:			8px;
}

form.app\.frm\.receipt div.app\.frm\.step_text, .app\.frm\.step_text {
	font-size:				16px;
	font-weight:			bold;
	margin-bottom:			22px;
}

form.app\.frm\.receipt div.app\.frm\.step_text {
	padding:				8px 0 10px 4px;
	border-top: 			1px solid #cccccc;
	border-bottom: 			1px solid #cccccc;
	color:					#39a6bb;
	text-transform:			uppercase;
}

form.app\.frm\.receipt .app\.frm\.step_text {
	text-transform:			none;
}

form.app\.frm\.warning div.app\.frm\.step_text, div.app\.frm\.warning label.app\.frm\.input {
	color:					#ff0000;
}

.parallax {
    background-attachment: 	fixed;
    background-position: 	center;
    background-repeat: 		no-repeat;
    background-size: 		cover;
}

/* SITE BUTTON */
#bodyTable input[type="submit"], #bodyTable .button, input#app\.crt\.continue {
	display:				inline-block;
	font-size: 				1em;
	font-weight:    		normal;
	background-color:		#be6811;
	color:					#ffffff;
	line-height:     		1.2em;
	padding: 		        12px 18px 12px 18px;
	margin:					12px 5px 5px 5px;
	text-transform:			uppercase;
	text-shadow:			none;
	border:					none;
	box-shadow:				none;
}

#bodyTable input.app\.tbl\.app_tbl_delete {
	background-color:		#ff0000;
}

#bodyTable span.app\.tbl\.app_tbl_delete.app\.frm\.submit {
	display:				block;
}

#bodyTable input[type="submit"]:hover, #bodyTable .button:hover, input#app\.crt\.continue:hover {
	background:				#333333;
	color:					#ffffff;
}

#bodyTable input[name="app\.frm\.reset"] {
	background:				#cc0000;
	color:					#ffffff;
	padding: 		        9px 15px 9px 15px;
	margin-bottom:			2px;
}

#bodyTable a.button, #bodyTable a.button:visited {
	text-decoration:		none;
	color:					#ffffff;
}
/* ******* */


/* DIVIDER */
.wrapper {
	padding-bottom: 		12px;
}

.divider {
	position: 				relative;
	margin-top: 			12px;
	height: 				1px;
}

.div-transparent:before {
	content: 				"";
	position: 				absolute;
	top: 					0;
	left: 					5%;
	right: 					5%;
	width: 					90%;
	height: 				1px;
	background-image: 		linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-dot:after {
	content: 				"";
	position: 				absolute;
	z-index: 				1;
	top: 					-9px;
	left: 					calc(50% - 9px);
	width: 					18px;
	height: 				18px;
	background-color: 		goldenrod;
	border: 				1px solid rgb(48,49,51);
	border-radius: 			50%;
	box-shadow: 			inset 0 0 0 2px white, 0 0 0 4px white;
}
/* ******* */

#bodyTable ul, #bodyTable ol {
	margin-top:				15px;
	margin-bottom:			18px;
	padding-left:       	32px;
}

#bodyTable li {
    line-height:   			22px;
	margin-bottom:			10px;
	padding-left:       	8px;
}

.round {
	border-radius: 			50%;
}

.shadow {
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

strong, b {
	color:					#39a6bb;
	font-weight:			bold;
}

.clear {
	clear: 					both;
}

div.FOOTER {
	height:					84px;
	font-size:				11px;  
	line-height:      		17px; 
	padding-bottom:     	10px;
}

div.FOOTER a {
	font-size:				11px;
}

/* MOBILE VIEW */
/* Extra large devices (large laptops and desktops, for browsers 1200px and UP) */
@media only screen and (min-width: 1200px) {
  /*#bodyTable { border:2px dotted #000000; }  BLACK */

}

/* Extra large devices (large laptops and desktops, for browsers 1200px and LESS) */
@media only screen and (max-width: 1200px) {
  /*#bodyTable { border:2px solid #f4df2f; }  YELLOW */
	.v-align { display: block; }
}

/* Large devices (laptops/desktops, for browsers 992px and LESS) */
@media only screen and (max-width: 992px) {
  /*#bodyTable { border:2px solid #f42fe8; }  PINK */
	#bodyTable span.app\.frm\.input, #bodyTable span.app\.frm\.dropdown { margin: 0 0 2px 0; display: block; }
	/* #top-panel { height: 220px; line-height: 220px; } */
}

/* Medium devices (landscape tablets, for browsers 768px and LESS) */
@media only screen and (max-width: 768px) {
  /*#bodyTable { border:2px solid #2ff479; }  GREEN 
	.page-header {	font-size: 62px; line-height: 72px; } */
}

/* Extra small devices (phones, for browsers 480px and LESS) */
@media only screen and (max-width: 480px) {
 /*#bodyTable { border:2px solid #ff0000; }  RED */
	.nobr { white-space: normal; }
	.container { padding-bottom: 10px; }
	#bodyTable h1 { font-size: 26px; line-height: 32px; margin: 4px 0 10px 0; }
	#bodyTable h2 { font-size: 20px; font-weight: bold; line-height: 24px; margin: 4px 0 6px 0; }
	#bodyTable h3 { font-size: 18px; font-weight: bold; line-height: 24px; margin: 4px 0 5px 0; }
	.page-header { font-size: 34px; line-height: 42px; 	padding: 12px; }
} 

/* MENU ONLY - For browsers 768px and UP) */
@media only screen and (min-width: 768px) {

}