body {
	background: #d1d2d4;

}

a:hover,
a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

#header,
#footer {
	width: 100%;
	float: left;
}

#header img,
#footer img {
	#float: left;
	width: 100%;
	height: auto;
}

.div-sponsor {
	margin: 30px 30px 10px 30px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px;
}

.div-sponsor img {
	max-width: 200px;
	width: 100%;
	height: auto;
	margin: 10px 0;
}

.div-sponsor h2 {
	font-size: 25px;
	margin-top: 10px;
}

#main-content {
	width: 100%;
	float: left;
}

#main-content>.container {
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

.home-banner-1 {
	background: url(../images/timhieulichsu.jpg);
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	right: 15px;
}

.btn {
	background: #f48e29;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	border: none;
	margin: auto;
	padding: 5px 40px;
}

.required {
	color: red;
	text-decoration: none !important;
}

.home-countdown {
	float: left;
	width: 100%;
	margin-top: 18px;
	border: 2px solid #1c75bc;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
}

.home-countdown .box-title {
	float: left;
	width: 100%;
	margin: -30px 0 0px 0;
}

.home-countdown .box-title>h3 {
	display: inline-table;
	text-transform: uppercase;
	padding: 5px 10px;
	background: #3fb450;
	color: #fff;
	border-radius: 10px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
}

.test-countdown .box-title>h3 {
	font-size: 15px;
}

.countdown-span {
	display: inline-table;
	margin: 5px;
}

.test-timer .countdown-span {
	margin: 10px;
}

.countdown-span .countdown-value {
	width: 60px;
	color: #fff;
	background: #3fb450;
	line-height: 60px;
	border-radius: 100%;
	/*/ padding: 20px; /*/
	height: 60px;
	display: block;
	font-size: 30px;
	font-weight: bold;

}

.test-timer .countdown-value {
	width: 40px;
	color: #fff;
	background: #1c75bc;
	line-height: 40px;
	border-radius: 100%;
	/* padding: 20px; */
	height: 40px;
	display: block;
	font-size: 20px;
	font-weight: bold;
}

.countdown-span .countdown-title {
	color: #1c75bc;
	display: block;
	font-weight: bold;
}

.countdown-timer {
	float: left;
	width: 100%;
}

.btn {
	background: #e7322a;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	border: none;
}

.hotline {
	display: block;
	color: #1c75bc;
	padding: 15px 0px;
	font-weight: bold;
	font-size: 24px;
}

.hotline a {
	color: #1c75bc;
}

.home-text {
	margin-top: 20px;
}

.home-text>h3 {
	color: #f48e29;
	font-size: 20px;
}

.home-text ul {
	list-style: decimal;
	padding: 0;
	list-style-position: inside;
}

.home-form {
	background: #1c75bc;
	border-radius: 10px;
	padding: 20px;
}

.home-form .form-group {
	margin-bottom: 5px;
}

.login-modal-form .form-group {
	margin-bottom: 5px;
}

.home-form label {
	text-align: left;
	color: #fff;
	justify-content: left;
}

.user-registration-error {
	color: #f48e28 !important;
}

.modal-header {
	text-align: center;
	background: #f48e29;
	color: #fff;
	text-transform: uppercase;
}

.modal-title {
	width: 100%;
}

.modal-dialog {
	text-align: center;
}

.rules-box {
	text-align: center;
}

.blue-div-button {
	text-align: center;
}

.blue-div-button .btn {
	background: #1c75bc;
}

.header-css {
	/*background-image: url('../images/background-header.png');*/
	/*background-image: url('../images/banner-icon.png');*/
	background-size: cover;
	background-position: center;
	background: #ffc107;
	position: relative;
}

.images-pos {
	position: absolute;
	left: 0;
	max-height: 208px;
}

.footer-css {
	/*background-image: url('../images/background-footer.png');*/
	background-color: #ffc107;
	background-size: cover;
}

.logo-footer,
.logo-header {
	text-align: center;
}

.logo-footer a {
	display: inline-block;
	margin-top: 45px;
}

.logo-header a {
	display: inline-block;
}

.logo-header img {
	width: 180px !important;
}

.logo-footer img {
	width: 200px !important;
	margin-top: 20px;
}

.address {
	padding-left: 100px !important;
}

.address p {
	font-size: 16px;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 0;
}

.address ul {
	margin-bottom: 25px;
	padding-left: 25px;
}

.address li {
	font-size: 16px;
	color: white;
}

.title {
	text-align: center;
	padding-left: 110px;
}

.title h1 {
	font-size: 20px;
	color: #1c75bc;
	margin-bottom: 0;
	font-weight: 700;
}

.title h2 {
	font-size: 20px;
	color: white;
	margin-top: 30px;
}

.title h2 img {
	width: 22px !important;
	float: none !important;
}

.title p {
	font-size: 18px;
	color: white;
	margin: 10px;
}

/*#main-content > .container{
	padding-right: 0!important;
	padding-left: 0!important;
}*/
.share {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.share img {
	max-width: 30px;
}

.content-main {
	padding: 0 60px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.title p {
		font-size: 16px;
		color: #1c75bc;
		margin: 0px;
	}

	.title h1 {
		font-size: 24px;
	}

	.title h2 {
		font-size: 22px;
		color: white;
		margin-top: 20px;
	}
}

@media screen and (max-width: 480px) {
	.images-pos {
		display: none;
	}

	.content-main {
		padding: 0 15px;
	}

	.div-sponsor h2 {
		font-size: 20px;
	}

	.div-sponsor {
		margin: 0px 15px 10px 15px;
	}

	.banner-tn {
		height: 145px;
		margin-bottom: 20px;
	}

	.address {
		padding-left: 15px !important;
	}

	.title {
		padding-left: 42px;
	}

	.title h1 {
		font-size: 16px;
		color: #1c75bc;
		margin-bottom: 0;
		font-weight: 700;
	}

	.title h2 {
		font-size: 14px;
		color: white;
		margin-top: 5px;
		margin-bottom: 0;
	}

	.title h2 img {
		width: 15px !important;
		float: none !important;
	}

	.title p {
		font-size: 12px;
		margin: 0;
	}

	.address p,
	.address li {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.header-css {
		background-position: -47px 0;
	}

	.title {
		padding-left: 15px;
	}

	.logo-header {
		padding-top: 5px;
	}
}


/*loading*/
.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


@media only screen and (max-width: 480px) {
	.blue-div-button a {
		font-size: 14px;
	}

	.div-sponsor {
		margin: 10px 15px 10px 15px;
	}
}


.register-new {
	padding: 0 15px;
}

.register-new h1 {
	text-align: center;
	padding: 15px !important;
	background: #3fb450 !important;
	color: white;
	font-weight: bold;
	margin-bottom: 15px !important;
}

@media screen and (min-width: 480px) {
	.table-regis tr th, .table-regis tr td{
		border: 1px solid #cccccc;
	}

	.wpforms-field {
		max-width: 50%;
		float: left !important;
		width: 100% !important;
		clear: none !important;
	}

	.wpforms-field label {
		width: 30% !important;
		float: left !important;
		display: inline-block !important;
		height: 35px !important;
		line-height: 35px !important;
	}

	label.wpforms-error {
		line-height: unset !important;
		width: 50% !important;
	}

	.wpforms-field input {
		float: left !important;
	}

	#wpforms-61-field_7-container label,
	#wpforms-61-field_20-container label {
		line-height: unset !important;
	}

	#wpforms-61-field_21-container,
	#wpforms-61-field_22-container,
	#wpforms-61-field_23-container,
	#wpforms-61-field_24-container,
	#wpforms-61-field_25-container,
	#wpforms-61-field_28-container, 
	#wpforms-61-field_33-container {
		max-width: 100% !important;
	}

	#wpforms-61-field_25-container input {
		float: none !important;
	}

	#wpforms-61-field_25-container label {
		width: auto !important;
		float: none !important;
		display: inline !important;
		height: auto !important;
		line-height: unset !important;
	}

	#wpforms-61-field_28-container input {
		float: none !important;
	}

	#wpforms-61-field_21-container label,
	#wpforms-61-field_22-container label,
	#wpforms-61-field_23-container label {
		width: 50% !important;
		line-height: unset !important;
	}

	#wpforms-61-field_21-container select,
	#wpforms-61-field_22-container input,
	#wpforms-61-field_23-container select {
		width: 45% !important;
	}
}

.wpforms-submit-container {
	text-align: center;
}

.wpforms-submit-container button {
	background: #e7322a !important;
	color: white !important;
	font-weight: 500;
	border-color: #e7322a !important;
	border-radius: 4px !important;
	width: 200px !important;
}


div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul{
	clear: both;
	width: 100%;
}
div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li{
	margin-bottom: 0px !important;
	width: 100%!important;
	position: relative;
	display: inline-block;
	padding: 0 0 0 10px!important;
	border: 1px solid #ddd!important;
	vertical-align: top;
	border-top: none!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li input{
	position: absolute;
	top: 11px;
	right: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field.sukien{
	max-width: none!important;
	clear: both;
}
div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.stt{
	display: inline-block;
	padding-right: 20px;
	width: 30px;
	border-right: 1px solid #ddd;
	margin-right: 10px;
	vertical-align: top
}
div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.hour{
	display: inline-block;
	padding-right: 20px;
	width: 200px;
	border-right: 1px solid #ddd;
	margin-right: 10px;
	vertical-align: top
}

div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label{
	width: 100%!important;
	padding-right: 30px;
	position: relative;
}

#wpforms-61-field_40-container .title{
	width: 100%!important;
	text-align: left;
	border: 1px solid #ddd!important;
	background: #ebebeb;
}
#wpforms-61-field_40-container .title .stt{
	padding: 0 6px;
	display: inline-block;
	border-right: 1px solid  #ddd!important;
}
#wpforms-61-field_40-container .title .hour{
	width: 210px;
	display: inline-block;
	padding-left: 10px;
	border-right: 1px solid  #ddd!important;
	margin-right: 10px;
}
#wpforms-61-field_38-container > label, #wpforms-61-field_39-container > label {
	width: 100%!important;
	background: #ffc107;
	margin: 0;
	padding-left: 5px;
}

#wpforms-61-field_78-container > label, #wpforms-61-field_39-container > label {
	width: 100%!important;
	background: #ffc107;
	margin: 0;
	padding-left: 5px;
}
#wpforms-61-field_83-container > label, #wpforms-61-field_39-container > label {
	width: 100%!important;
	background: #ffc107;
	margin: 0;
	padding-left: 5px;
}



.wpforms-conditional-hide{
	max-width: 100%!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	display: block;
	font-weight: 500;
}
div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li:first-child{
	border-top: 1px solid #ddd!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.hour.large {
	position: absolute;
	top: 0;
	height: 72px;
	background: #fff;
	left: 30px;
	padding-left: 10px;
	padding-top: 16px;
	width: 210px;
}

div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.hour.larges {
	position: absolute;
	top: 0;
	height: 107px;
	background: #fff;
	left: 30px;
	padding-left: 10px;
	padding-top: 41px;
	width: 210px;
	z-index: 1;
}

.wpforms-conditional-show{
      max-width: 100%!important;
}

@media screen and (max-width: 480px){
    div.wpforms-container-full .wpforms-form input[type=checkbox], 
    div.wpforms-container-full .wpforms-form input[type=radio]{
	width: 20px;
	height: 20px;
    }
    div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.stt{
	border-right: none;
    }
   .register-new div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.hour{
	width: 280px;
	border-right: none;
        margin-right: 20px;
   }
   div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li input {
    	top: 4px;
	right: -10px;
   }
   div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.hour.large, 
   div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.hour.larges{
	position: unset;
        height: auto;
        padding-top: 0;
	padding-left: 0;
	padding-right: 0;
   }
   div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul#wpforms-61-field_43 li.choice-1 label span.hour:last-child, 
   div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul#wpforms-61-field_79 li.choice-1 label span.hour:last-child, 
   div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul#wpforms-61-field_81 li.choice-5 label span.hour:last-child{
	display: inline;
	border-right: none;
	margin: 0;
	padding-right: 0;
   }
}

@media screen and (max-width: 375px){
   .register-new div.wpforms-container-full .wpforms-form .wpforms-field.sukien ul li label span.hour{
	width: 235px;
   }
}

@media screen and (min-width: 480px){
   .abc .wpforms-field label{
       width: auto!important;
       float: none !important;
       height: auto !important;
       line-height: 1.4 !important;
}
.abc .wpforms-field input,
.abc .wpforms-field select{
    max-width: none!important;
    float: none!important;
}
div.abc.wpforms-container-full .wpforms-form .wpforms-field{
   padding: 10px;
   max-width: none;
}
}


#wpforms-61-field_38_1, #wpforms-61-field_39_4, #wpforms-61-field_77_3, #wpforms-61-field_77_2, #wpforms-61-field_80_1, #wpforms-61-field_83_10, #wpforms-61-field_83_14, #wpforms-61-field_39_1,#wpforms-61-field_39_7,#wpforms-61-field_78_9,#wpforms-61-field_82_4,#wpforms-61-field_82_1,#wpforms-61-field_82_6,#wpforms-61-field_83_11{display: none;}