@font-face {
    font-family: AvenirOblique;
    src: local('Tangerine'), url(../fonts/AvenirLTProHeavyOblique.otf) format("opentype");
}

@font-face {
    font-family: AvenirlightOblique;
    src: local('Tangerine'), url(../fonts/AvenirLTProOblique.otf) format("opentype");
}

@font-face {
    font-family: AvenirHeavy;
    src: local('Tangerine'), url(../fonts/AvenirLTProHeavy.otf) format("opentype");
}

@font-face {
    font-family: AvenirLight;
    src: local('Tangerine'), url(../fonts/AvenirLTProLight.otf) format("opentype");
}

@font-face {
    font-family: AvenirBlack;
    src: local('Tangerine'), url(../fonts/AvenirLTProBlack.otf) format("opentype");
}

@font-face {
    font-family: AvenirRoman;
    src: local('Tangerine'), url(../fonts/AvenirRoman.otf) format("opentype");
}

@font-face {
    font-family: FranklinGothicHeavy;
    src: local('Tangerine'), url(../fonts/FranklinGothicHeavy.otf) format("opentype");
}
 
  
*{ 
	font-family: "AvenirLight";
	margin: 0px auto;
}

body{
	background-color: #37363C !important;;
}

.red{
	color: #900;
}

.accordionText{
	margin: 0px;
    background: url(../img/common_img/bg.png);
	font-family: "AvenirlightOblique";
}

.padding0{
	padding: 0px !important;
}

.vertical-align {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.container{
	background: url(../img/common_img/bg.png);
}

.header{
	background: url(../img/common_img/header_bg.png);
	background-size: 100% 120%;
}

.banner{
	margin: 0px auto;
	text-align: center;
}

.banner img {
    width: 480px;
}

.menu {
    margin-top: 20px;
}

.lang {
    float: right;
    margin-bottom: 20px;
}

.navbar-default{
	background-color: transparent !important;
	border-color: transparent !important;
}

.navbar-default .navbar-nav > li > a{
	background: rgba(153,51,51,1);
	background: -moz-linear-gradient(left, rgba(153,51,51,1) 0%, rgba(236,28,36,1) 42%, rgba(236,28,36,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(153,51,51,1)), color-stop(42%, rgba(236,28,36,1)), color-stop(100%, rgba(236,28,36,1)));
	background: -webkit-linear-gradient(left, rgba(153,51,51,1) 0%, rgba(236,28,36,1) 42%, rgba(236,28,36,1) 100%);
	background: -o-linear-gradient(left, rgba(153,51,51,1) 0%, rgba(236,28,36,1) 42%, rgba(236,28,36,1) 100%);
	background: -ms-linear-gradient(left, rgba(153,51,51,1) 0%, rgba(236,28,36,1) 42%, rgba(236,28,36,1) 100%);
	background: linear-gradient(to right, rgba(153,51,51,1) 0%, rgba(236,28,36,1) 42%, rgba(236,28,36,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993333', endColorstr='#ec1c24', GradientType=1 );
	margin-right: 36px;
	font-size: 18px;
    width: 175px;
	height: 50px;
	padding: 0px;
	border-radius: 10px;
	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
	font-family: "FranklinGothicHeavy";
    font-style: italic;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background: #0081c5 !important;
}

.navbar-default .navbar-nav > li:last-child > a{
	margin-right: 0px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color: #FFF !important;
}

.navbar-default .navbar-nav > li > a{
	color: #FFF !important;
}

.textMenu{
	font-size: 20px;
    font-family: "AvenirBlack";
    float: right;
    margin-right: 10px;
    height: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.home{
	text-align: center;
	margin: 0px auto;
}

.home img:nth-child(2){
	//margin-bottom: -20px;
	width: 100%;
}

.home a, .home a:hover {
    text-decoration: none;
    font-weight: bold;
    font-family: "AvenirOblique";
}

.home span{ 
    font-family: "AvenirlightOblique";
}

.Result{
	color: #FFF;
	text-align: center;
	padding: 40px 0 0px;
}

.Result > p > span{
	font-family: "AvenirBlack";
}

.terms{
	padding-top: 20px;
}

.terms > ol{
	padding: 0px;
    width: 85%;
}

.terms li{
	margin-bottom: 10px;
}

.terms .table{
	width: 60% !important;
}

.terms .table-bordered > tbody > tr > td{
	border: 1px solid #6b6b6b !important;
	text-align: center;
}

.terms .table-bordered > tbody > tr > th{
	background: rgba(107,107,107,0.3) !important;
	border: 1px solid #6b6b6b !important;
	text-align: center;
	font-family: "AvenirBlack";
}

.terms .olfirst{
	padding: 0px;
	margin-top: 10px;
	list-style-type: none;
}

.terms .olfirst > li:first-child:before{
	content: "3.1";
    padding-right: 5px;
    margin-left: -24px;
}

.terms .ololfirst{
	padding: 0px;
	margin-top: 10px;
	list-style-type: none;
	margin-left: -25px;
}

.terms .ololfirst li{
	margin-bottom: 0px;
}

.input_container{
	border-bottom: 2px solid #ff0000;
    padding: 10px 0px !important;
	height: auto;
}

.input{
	height: auto;
}

.input input[type="text"]{
	padding: 5px;
    height: 40px;
    width: 100%;
    box-shadow: none;
    border: none;
    background: rgba(255,255,255,0.5);
}

.input_label { 
    //display: flex;
    //justify-content: center;
    //flex-direction: column;
	//height: 40px;
	font-family: "AvenirBlack"; 
} 

.body2{
	width: 71%;
}

#add {
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 5px;
    width: 150px !important;
    margin: 0;
    left: 0;
    position: relative;
    background: #0081c5;
    color: #fff;
	text-align: center;
	font-family: "AvenirBlack";
}

#submit{
	border: 1px solid transparent;
    border-radius: 3px;
    padding: 5px;
    width: 100px !important;
	height: auto;
    margin: 0;
    left: 0;
    position: relative;
    background: #0081c5;
    color: #fff;
	text-align: center;
	font-family: "AvenirBlack";
}

.lite-red-check a{
	color: #333;
	text-decoration: none;
}

.uploadfile .btn-primary, .uploadfile .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
    background: #0081c5;
    color: #fff;
    text-align: center;
    font-family: "AvenirBlack";
    border: none;
	width: 150px;
	border-radius: 3px !Important;
}

.uploadfile input[type="text"]{
	height: 32px;
	background: transparent;
}

#accordion2{
	width: 80%;
}

.css-checkbox {
    display: none;
}
 
.css-checkbox + label {
    background-color: transparent;
    border: 2px solid rgba(236,28,36,1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
	cursor: pointer;
	top: 10px;
	margin-right: 5px;
}
 
.css-checkbox + label:active, .css-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.css-checkbox:checked + label {
    background-color: transparent;
    border: 2px solid rgba(236,28,36,1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: rgba(236,28,36,1);
}
 
.css-checkbox:checked + label:after {
    //content: '\2714';
    content: '\2716';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: rgba(236,28,36,1);
}
 
.agree-checkbox {
    display: none;
}
 
.agree-checkbox + label {
    background-color: #7fc0e2;
    border: 2px solid rgba(255,255,255,1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
	cursor: pointer;
	top: 10px;
	margin-right: 5px;
}
 
.agree-checkbox + label:active, .agree-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.agree-checkbox:checked + label {
    background-color: #7fc0e2;
    border: 2px solid rgba(255,255,255,1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: rgba(236,28,36,1);
}
 
.agree-checkbox:checked + label:after {
    content: '\2714';
    //content: '\2716';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: rgba(255,255,255,1);
}

.question{
	height: auto;
	z-index: 10;
	font-family: "AvenirHeavy";
}

::-webkit-input-placeholder {
   color: #FFF;
   font-family: "AvenirRoman";
}

:-moz-placeholder { /* Firefox 18- */
   color: #FFF;  
   font-family: "AvenirRoman";
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;  
   font-family: "AvenirRoman";
}

:-ms-input-placeholder {  
   color: #FFF;  
   font-family: "AvenirRoman";
}

.footer img{
	width: 100%;
}

.button-cont{
	padding: 40px 15px 10px;
}

.panel {
	border: none !important;
}

.panel-heading{
	background: #0081c5 !important;
	position: relative;
	padding: 0px !important;
}

.panel-group{
	background: rgba(255, 255, 255, 0.5) !important;
}

.collapse.in{
	background: rgba(255, 255, 255, 0) !important;
}

.accordion-toggle{
	color: #FFF !important;
    display: block;
    text-decoration: none !important;
	padding: 10px 15px !important;
	z-index: 50;
	font-family: "AvenirBlack";
}

.accordion-toggle span{
	color: #000 !important;
	font-family: "AvenirBlack";
}

.glyphicon-triangle-bottom, .glyphicon-triangle-top{
	float: right;
    color: #FFF;
    position: absolute !important;
    top: 12px !important;
    right: 10px;
	z-index: 20;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	border-top: none !important;
}

@media (max-width: 991px){
	.navbar-default .navbar-nav > li > a{
		width:137px;
	}
	.banner img{
		width: 100%;
	}
	.home img{
		width: 100%;
	}
	
	.home a img{
		width: auto;
	}
}

@media (max-width: 787px){
	.navbar-default .navbar-nav > li > a {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.lang {
		float: right;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	.header{
		padding: 0px;
	}
	
	[type=file] + label{ 
		margin-bottom: 0px;
	}
	
	.body2{
		width: 100%;
	}
	
	.5md{
		margin-bottom: 10px;
	}
	
	.conmobile, .mobile{
		padding: 0px !important;
	}
	
	.button-cont{
		padding: 20px 0px 10px !important;
	}
	
	.menu {
		margin-top: 0px;
		background: rgba(255,255,255,0.9);
		width: 100%;
		position: fixed;
		right: 0px;
		z-index: 50;
	}
	
	.navbar{
		margin-bottom: 0px !important;
	}
	
	.banner {
		margin: 55px auto 0px;
	}
	
	.home img:nth-child(2) {
		margin-bottom: 0px;
	}
	
	.home a img{
		height: 35px;
	}
}