html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
  background: url(../files/bg.jpg) no-repeat top center #0D1F8C;
  color: #525252;}

p
{ padding: 5px 0;
  line-height: 1.7em;}

img
{ border: 0;}

hr {margin: 15px 0;}

h1, h2, h3, h4, h5, h6 
{ font: normal 175% 'century gothic', arial, sans-serif;
  color: #000;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;}

h2
{ font: normal 175% 'century gothic', arial, sans-serif;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: normal 120% arial, sans-serif;}

h5, h6
{ font: italic 95% arial, sans-serif;
  padding: 0 0 15px 0;}
  
a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #000;}

a:hover
{ text-decoration: none;}

.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right; 
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}
  
.featured {
	background: #efefef;
	padding: 5px;
	text-align: center;
	font-size: 15px;
}
.featured-blue {
	background: #0D1F8C;
	padding: 4px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
}
.featured-blue h3 {
	color: #fff;
}
p.notices {
	font-size: 16px;
	text-align: center;
}
i.fa-exclamation-circle {
	color: #0D1F8C;
	font-size: 16px;
}

blockquote
{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#header
{ background: transparent;
  height: 202px;}

#logo
{ width: 928px;
  position: relative;
  height: 148px;}

#logo #logo_text 
{ position: absolute; 
  top: 20px;
  left: 0;}

#logo h1, #logo h2
{ font: normal 300% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ padding: 22px 0 0 0;
  color: #FFF;
  letter-spacing: -1px;
  text-decoration: none;}

#logo_text h1 a .logo_colour
{ color: #FFF;}

#logo_text h2
{ font-size: 100%;
  padding: 4px 0 0 0;
  color: #FFF;}

#menubar
{ width: 948px;
  height: 52px;
  padding: 0;
  background: transparent;
  margin-top: 12px;} 

ul#menu, ul#menu li
{ float: left;
  margin: 0; 
  padding: 0;}

ul#menu li
{ list-style: none;}

ul#menu li a
{ letter-spacing: 0.1em;
  font: normal 100% arial, sans-serif;
  display: block; 
  float: left; 
  height: 17px;
  margin: 10px 0 0 10px;
  padding: 9px 26px 6px 26px;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;} 

ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover
{ color: #0D1F8C;
  background: white;}

#site_content
{ width: 884px;
  height: 100%;
  min-height: 80%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 0 24px 20px 20px;
  background: #FFF;} 

.sidebar
{ float: right;
  width: 220px;
  padding: 0 15px 20px 15px;}

.sidebar h3 {
	font-size: 20px;
	color: #0D1F8C;
	border-bottom: 2px solid #0D1F8C;
}  

.sidebar h4 {
margin-bottom:8px;
}  
.sidebar ul
{ width: 220px; 
  padding: 4px 0 0 0; 
  margin: 4px 0 30px 0;}

.sidebar li
{ list-style: none; 
  padding: 0 0 7px 0;

  }

.sidebar li a, .sidebar li a:hover
{ padding: 0 0 0 40px;
  display: block;
  background: transparent url(link.png) no-repeat left center;} 

.sidebar li a.selected
{ color: #7E2451;
  text-decoration: none;} 

#content
{ text-align: left;
  float: left;
  width: 595px;
  padding: 0;}

#content h1 {
	color: #0D1F8C;
	text-transform: uppercase;
	border-bottom: 2px solid #0D1F8C;
}
#content ul
{ margin: 2px 0 22px 0px;}

#content ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}

#certificates {
	width: 928px;
	background: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 5px 0;
}

#certificates img {
	height: 60px;
} 
  
#footer
{ width: 100%;
  font: normal 100% 'lucida sans unicode', arial, sans-serif;
  height: auto;
  padding: 24px 0 5px 0;
  text-align: center; 
  background: #1c1c1c;
  line-height: 55px;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-top: 2px solid #fff;}
#footer-divider {
	width: 928px;
	height: 20px;
	background: #fff;
	margin: 0 auto;
	margin-top: -24px;
}
#footer a
{ color: #FFF;
  text-decoration: none;}

#footer a:hover
{ color: #FFF;
  text-decoration: underline;}

.search
{ color: #5D5D5D; 
  border: 1px solid #BBB; 
  width: 134px; 
  padding: 4px; 
  font: 100% arial, sans-serif;}

#colours
{ height: 0px;
  text-align: right;
  padding: 66px 16px 0px 300px;}
  
.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 200px; 
  text-align: left;}
  
.form_settings input[type='text'],.form_settings input[type='email'], .form_settings textarea
{ padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings .submit
{ font: 100% arial; 
  border: 1px solid; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #000; 
  color: #FFF;}

.form_settings textarea, .form_settings select
{ font: 100% arial; 
  width: 299px;}

.form_settings select
{ width: 310px;}

.form_settings .checkbox
{ margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}
  
table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ background: #3B3B3B;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}
  
table tr td
{ background: #F0EFE2;
  color: #47433F;
  border-top: 1px solid #FFF;}

.formbox {
	padding-left: 30px;
}  
.formbox .cim {
	border-bottom: thin solid #E5E5E5;
	margin-bottom: 35px;
}
.formbox .cim h3 {
	margin-bottom: 0;
}
.tcenter {
	text-align: center;
	margin: 0 0 10px 0;
	font-weight: bold;
}
.formbox .formrow {
	margin-bottom: 20px;
}
.formbox .formrow input {
	border: thin solid #CCCCCC;
	box-sizing: border-box;
	height: 30px;
	padding-left: 10px;
}
.formbox .formrow input:focus {
	-webkit-box-shadow: 0px 0px 5px 0 rgba(204,204,204,1.00);
	box-shadow: 0px 0px 5px 0 rgba(204,204,204,1.00);
}
.formbox .formrow label {
	width: 177px;
	padding-right: 20px;
	text-align: right;
	display: inline-block;
}
.formbox .formrow .lejarat {
	width: 90px;
	padding-right: 10px;
	text-align: right;
	display: inline-block;
}
.formbox .formrow .inpbox1 {
	width: 284px;
	border-radius: 3px;
}
.formbox .formrow .inpbox2 {
	width: 284px;
	border-right-width: thin;
	border-right-style: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.formbox .formrow .inpbox3 {
	width: 50px;
	border-radius: 3px;
}
.formbox .formrow .zip {
	width: 50px;
	border-radius: 3px;
}
.formbox .formrow .zip2 {
	width: 50px;
	border-radius: 3px;
}
.formbox .formrow .state {
	width: 30px;
	border-radius: 3px;
	margin-right: 10px;
}
.formbox .formrow .city {
	width: 185px;
	border-radius: 3px;
	margin-right: 10px;
}
.formbox .padleft {	
	padding-left: 197px;
}
/*.butt {
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: -webkit-linear-gradient(270deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	border-width: thin;
	border-style: none;
}*/
.upload_act {
	border: thin solid #CCCCCC;
	box-sizing: border-box;
	height: 30px;
	line-height: 24px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-image: -webkit-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
	width: 80px;
}
.enduser_out {
	box-sizing: border-box;
	padding: 11px;
	border: thin solid #b1b1b1;
	background-color: #EEEEEE;
}
.enduser_in {
	box-sizing: border-box;
	padding: 8px;
	border: thin solid #898989;
	background-color: #DDDDDD;
	font-size: 12px;
}
.enduser_in h3 {
}
.enduser_out .buttons_hold {
	padding-top: 10px;
	padding-bottom: 10px;
}
/*.enduser_out .buttons_hold .butt {
	text-decoration: none;
	border-radius: 3px;
	display: inline-block;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: -webkit-linear-gradient(270deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(51,159,214,1.00) 0%,rgba(0,82,153,1.00) 100%);
	border-width: thin;
	border-style: none;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
}*/
.formrow .month, .formrow .year {
		border: thin solid #CCCCCC;
	box-sizing: border-box;
	height: 30px;
	line-height: 24px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-image: -webkit-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(254,254,254,1.00) 0%,rgba(204,201,201,1.00) 100%);
}
.formrow .month {
	width: 50px;
}
.formrow .year {
	width: 70px;
}
.cf {
	display: block;
}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content .ccards {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#content .ccards li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	width: 67px;
	cursor: cursor;
}
#content .ccards li img {
	width: 100%;
	box-sizing: border-box;
	border: 3px solid #FFFFFF;
}
#content .ccards li:hover img, #content .ccards .active img {
	border: 3px solid #ECBB11;
}
#content .ccards li:last-child {
	margin-right: 0;
}
.ccard_label {
	float: left; 
	padding-top: 10px;
}
.padleft_label {
	padding-left: 200px;}
	
 .error {
	text-align:center;
	display: block;
	width:100%;
	border: 1px solid #0D1F8C;
	background-color:#fff;
	color:rgb(223,0,49);
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 6px;
}

.stepnumber {
	display: inline-block;
	background-color:#fff;
	text-align:center;
	color:#b1b1b1;
	font-weight: bold;
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	width:20px;
	border-radius: 50%;
	border: 2px solid #b1b1b1;
	
}

.stepnumber {
	border: 1px solid #b1b1b1;
}
#content .enduser_out h1 {
	color: #525252;
	border-bottom: 0px;
}
#content .tickets {
	margin-bottom:10px;
}
#content .ticket-box {
	width: 183px;
	height: 40px;
	border: 1px solid #2f2f2f;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin-top: 15px;
	font-size: 16px;
	float: left;
	margin-right: 20px;
}

#content .ticket-box:last-child {
	margin-right: 0px;
}
#content .ticket-box a {
	color: #2f2f2f;
	line-height: 40px;
	text-decoration: none;
	display: block;
	cursor: pointer;
	margin-top: -5px;
}
#content .ticket-box a:hover {
	background: #2f2f2f;
	margin-top: -5px;
	color: #fff;
	border: 0px;
}
#content .tickets-info .ticket-infobox {
	width: 185px;
	font-size: 14px;
	float: left;
	margin-right: 20px;
	text-align: center;
}
#content .tickets-info .ticket-infobox:last-child {
	margin-right: 0px;
}

/*.submit_btn {
	width: 183px;
	height: 40px;
	border: 1px solid #2f2f2f;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin-top: 15px;
	font-size: 16px;
	float: left;
	margin-right: 20px;
}*/

.butt {
	text-decoration: none;
	display: inline-block;
	color: #0D1F8C !important;
	background-color:#fff !important;
	border: 1px solid #0D1F8C !important;
	height: 28px !important;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 15px;
	border-width: thin;
	border-style: none;
	width: auto !important;
	cursor: pointer;
}

.butt:hover {
	background-color:#0D1F8C !important;
	color: #fff !important;
}

.butt, input[type='submit'] {
	text-decoration: none;
	display: inline-block;
	vertical-align:middle;
	color: #0D1F8C;
	background-color:#fff;
	border: 1px solid #0D1F8C !important;
	height: 30px;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 15px;
	border-width: thin;
	border-style: none;
	width: auto !important;
	cursor: pointer;
}

.butt, input[type='submit']:hover {
	background-color:#0D1F8C;
	color: #fff;
}

.register_butt {
	text-decoration: none;
	display: inline-block;
	color: #0D1F8C;
	font-size:20px;
	background-color:#fff;
	border: 1px solid #0D1F8C !important;
	height: 30px;
	line-height: 30px;
	padding:15px; 	
	padding-left: 30px;
	padding-right: 30px;
	border-width: thin;
	border-style: none;
	width: auto !important;
	cursor: pointer;
}

.register_butt:hover {
	background-color:#0D1F8C;
	color: #fff;
}

.butt3 {
	text-decoration: none;
	display: inline-block;
	font-size:18px;
	background-color:#0D1F8C !important;
	color: #fff !important;
	border: 1px solid #0D1F8C !important;
	height: 50px !important;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	border-width: thin;
	border-style: none;
	width: auto !important;
	cursor:pointer;
}

.butt3:hover {
	color: #0D1F8C !important;
	background-color:#fff !important;
}	


.select {
    margin: 30px;
    border: 1px solid #111;
    background: #0D1F8C;
    color: #fff;
	width: 350px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #0D1F8C;
    height: 34px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

 
.label {position:relative}
.label:after {
    content:'<>';
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:40px; top:-2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}


.test {
	color:red;
}
.stepnumber.kiem  {border: 2px solid #0D1F8C;}
.newlogo {
	display: flex;
	justify-content: space-between;
}
#logo #logo_text.newlogo-text {
	position: relative;
	top: inherit;
}
.btlogo {
	text-decoration: none;
	color: #FFF;
	display: block;
	text-align: right;
}
.btlogo:hover {
	color: #FFF;
}
.btlogo span {
	display: block;
	width: 100%;
	margin: 10px 0;
font-size: 18px;
	font: normal 150% 'century gothic', arial, sans-serif;
}