*font-face{
	src:url(Lato-Regular.ttf);
	src:url(Lato-Light.ttf);
	src:url(Lato-Bold.ttf);
	src:url(Roboto-Bold.ttf);
	font-family:lato;	
}

body {
	font-family:lato;
	
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	
	padding:0;
	margin:0;
	overflow-x: hidden;
	background:url(../image/bg3.jpg) center;
background-size:cover;
background-repeat:no-repeat;
background-position:fixed;

} 
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e6e6e6;

}
.bg
{
min-height:540px;
}
.bg1
{
background:url(../image/bg.jpg) center;
background-size:cover;
background-repeat:no-repeat;
background-position:fixed;
}

.result123{
 display:none; 
}
.panel {

    padding: 20px;
    font: 17px "Century Gothic", "Times Roman", sans-serif;
		background:rgb(202, 19, 19); 
      
	}
	.answer{
    cursor: pointer;
   /* border-radius: 0px 21px 20px 0;*/
     /* padding: 17px 10px 10px 0px;  */
	width:100%;
}
	.answer:hover{
		background-color:#af989c;
		cursor: pointer;
		color:white;
	}
	.alpha{
	    background:#a24e16;
    color: white;
    font-size: 26px;
    border: 1px solid red;
    border-radius: 96%;
    margin-left: -3px;
    margin-top: 45px;
	padding: 0px 14px 10px 16px;
    
	}
	.alpha:hover{
		background-color:#af989c;
		cursor: pointer;
		color:white;
		
	}
	.anser{
	font-size:20px;
	}
	.optio{
	 cursor: pointer;
    position: relative;
    top: -20px;
    text-align: center;
	}

i{
	
	width:20px;
}
.fas fa-font{
	width:20px;
	}
.question{
	    border-bottom: 2px solid #da1818;
    padding-bottom: 10px;
}
.header
{
 background: rgba(193, 27, 27, .8); 
/* background-color: #0b6ec7;*/
height:70px;
}
.logo
{

font-size:35px;
color:white;
margin:15px;
}
.logo1{
	width:45%;
	height:65px;
	margin-left:10px;
	margin-top:10px;
float: left;
}


.title2{

font-size:20px;
}


.sub1 {
    width:100px; 
    color:black;
    background: #3300ff;
    font-size: 25px;
    height: 35px;
    margin: 20px 20px 20px 20px;
    padding: 10px;
	text-transform: capitalize;
  
}
.sub
{
width: 100%;
    background-color: blue;
    color: black;
    font-size: 25px;
    border: none;
    padding: 5px;
    margin-top: 15px;
    margin-right: 20px;
	text-transform: capitalize;
}
.sub1:hover
{
color:blue;
}

.footer
{
    font-size: 15px;
    text-align: center;
    border-top: 1px solid;
    border-color: #411db1;
    background-color: #192790;
}
.footer a
{
margin:25px;
color:white;
text-decoration:none;
font: 15px "Century Gothic", "Times Roman", sans-serif;

}
.footer a:hover
{
text-decoration:none;
color:#9acd32;
border-top:2px solid;
border-color:orange;

}

.box
{
padding:9px;
}
hr{
color:#000000;
}
.top
{
margin-top:9px;
}
.log1
{
font: 15px 'Ubuntu', sans-serif;
color:orange;
margin-left:10px;
}

.log
{
margin:10px;
margin-right:10px;
margin-left:5px;
color:white;
text-decoration:none;
font-size:20px;
font-size:15px;
}
.log:hover
{
color:#9acd32;
border-top:2px solid;
border-color:orange;
text-decoration:none;
}
.navbar-collapse{
    margin-top: 14px;
    margin-left: 200px;
    padding-left: 220px
}
.navbar-nav li a{
	color:white;
}

.navbar-nav .active{
	 background: rgba(249, 3, 3, .6);
}
.navbar-nav li a:hover{
	color:white;
	background:black;
}
.navbar-nav li ul{
	  background:rgb(199, 214, 216);
}
.navbar-nav li ul li{
	  background:rgb(199, 214, 216);
}
.navbar-nav li ul li a{
	color:white;
}

#check-square{
    font-size: 76px;
    position: absolute;
    left: 16px;
    top: 0;
    background: #ffffff;
    width: 75px;
    /* height: 54px; */
    /* border-radius: 100%; */
    color: green;
  
}
#times-circle{
   font-size: 76px;
    position: absolute;
    left: 16px;
    top: 0;
    background: #ffffff;
    width: 75px;
    /* height: 54px; */
    /* border-radius: 100%; */
    color: red;
  
}
.anser1{
	 float: left;

    height: 86px;

}
.anser2{
	width: 80%;
    margin-left: 91px;
    margin-bottom: -24px;
}
/* .result1{ */
	/* float: left; */
    /* width: 20%; */
    /* height: 104px; */
    /* text-align: center; */
    /* background: #ffffff; */
	/* border:1px solid black; */
	
/* } */
 #qoption1{ 
 float:right;
    margin-top: 20px; 
 }	
#qoption{ 
    margin-top: 20px; 
 }
.list_r{
 margin: -100px 0px -17px 298px;
 }
 .result1{
	 font-size:74px;
	  text-align:center;
	      float: left;
    width: 21%;
    height: 104px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #fffff;
 }
 .results{
	 padding: 2px 100px 0px 28px;
	 
 }
 .list_r2{
	     margin: 20px 30px 23px 456px;
 }
 .optionnum{
	background:blue; 
	 
 }
 .btn-group button {
  background-color: #524caf;
  border: 1px solid #524caf; 
  color: white;
  padding: 10px 24px;
  cursor: pointer; 
  float: left; 
  width:50%
}

.btn-group button:hover {
	 background-color:rgba(202, 70, 70, .8);
  color: white;
	
}
 .btn-group{
	 width:100%;
 }
.btn-group button:not(:last-child) {
  border-right: none; 
}

.btn-group:after {
  content: "";
  clear: both;
  display: table;
}


.btn-group button:hover {
  background-color: #ca4646;
  }
p{
	font-size:16px;
	margin-bottom:10px;
}
.H4{
	color:#ea2828;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.citizenship-info {
    background-color: #ca4646;
    border-radius: 4px;
    color: #ffffff;
    padding: 8px 10px;
	color:#fff;
	margin:10px ;
}
.citizenship-info:hover{
	 background-color: #1040ef ;
	color:white;
	
}
.citi_info{
	border-bottom:1px solid red;
	margin: 18px 1px 14px 0px;	
}
 .citi_info img{
	 width:100%;
		margin: 10px 0px 19px 0px;
 }
  .info img{
	 width:100%;
	text-align: center;
    margin-top: 26px;
 }
a{
color:#3f20e8;	
}
a:hover{
color:#ea2828;	
}