/*navigation buttons*/
#navi {
    position: relative;
    font-size: 1.45em;
}
#top-nav{
    float: left;
    margin: 0;
    padding: 0;
    box-shadow: 2px 2px 5px 0 rgba(73,73,73,0.50);
    -webkit-box-shadow: 2px 2px 5px 0 rgba(73,73,73,0.50);
}
#top-nav ul{
    margin: 0;
    padding: 0;
    border: 0;
	}
#top-nav ul li{
    background-repeat: no-repeat;
    margin-left: 2px;
    padding: 0;
    list-style-type: none;
    display: inline;
    height: 40px;
    float: left;
    overflow: hidden;
    border-bottom: 3px solid #00247d;
    text-align: center;
    border-radius: 4px;
}
#top-nav ul li:not(:last-child)::after{
    position: absolute;
    top: 10px;
    right: auto;
    content: '';
    width: 2px;
    height: 26px;
    background-color: #FFFFFF;
}
#top-nav ul li a{
    text-decoration: none;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    display: block;
    float: left;
    background-color: #00247d;
    color: #FFFFFF;
    padding-top: 3px;
}
#top-nav ul li a:hover{
    background-color: #FFFFFF;
    color: #00247d;
}
#top-nav li a p {
}
#top-nav li a p:nth-of-type(2) {
    font-size: 12px;
    font-weight: 100;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
    margin-top: -8px;
    opacity: 0.8;
}
#top-nav ul li a.newsletter{
    background-image: url(../png/newsletter_bt.png);
    display: block;
    width: 148px;
    background-repeat: no-repeat;
	/*background: linear-gradient( 145deg, transparent 8px, #7e735f 9px) top    left;*/
    /*-webkit-box-shadow: inset 27px 0px 85px -35px #FFFFFF;
    box-shadow: inset 27px 0px 85px -35px #FFFFFF;*/
}
#top-nav ul li a.newsletter:hover{
    /*background: linear-gradient( 145deg, transparent 8px, #FFFFFF 9px) top    left;*/
    background-image: url(../png/newsletter_bt-1.png);
    background-repeat: no-repeat;
    background-color: #7e735f;
    color: #FFFFFF;
}
#top-nav ul li a.Apply_for_a_UK_Visa{
	display: block;
	width: 142px;
	/*background: linear-gradient( 145deg, transparent 8px, #00247d 9px) top    left;*/
}
#top-nav ul li a.Apply_for_a_UK_Visa:hover{
	/*background: linear-gradient( 145deg, transparent 8px, #FFFFFF 9px) top    left;*/
}
#top-nav ul li a.Required_documents{
	display: block;
	width: 167px;
}
#top-nav ul li a.Required_documents:hover{
}
#top-nav ul li a.Maintenance-funds{
	display: block;
	width: 189px;
}
#top-nav ul li a.Maintenance-funds:hover{
}
#top-nav ul li a.Visa_examination{
	display: block;
	width: 158px;
}
#top-nav ul li a.Visa_examination:hover{
}
#top-nav ul li a.Immigration_inspection{
	display: block;
	width: 176px;
}
#top-nav ul li a.Immigration_inspection:hover{
}
@media screen and (max-width:1268px) {
  #top-nav ul li a.newsletter {
    display: none !important;
    visibility: hidden !important;
  }
}
/* mini */
.navi {
    position: relative;
    font-size: 1.45em;
}
.top-nav{
    float: left;
    margin: 0;
    padding: 0;
    box-shadow: 2px 2px 5px 0 rgba(73,73,73,0.50);
    -webkit-box-shadow: 2px 2px 5px 0 rgba(73,73,73,0.50);
}
.top-nav ul{
    margin: 0;
    padding: 0;
    border: 0;
	}
.top-nav ul li{
    background-repeat: no-repeat;
    margin-left: 2px;
    padding: 0;
    list-style-type: none;
    display: inline;
    height: 40px;
    float: left;
    overflow: hidden;
    border-bottom: 3px solid #00247d;
    text-align: center;
    border-radius: 4px;
}
.top-nav ul li:not(:last-child)::after{
    position: absolute;
    top: 10px;
    right: auto;
    content: '';
    width: 2px;
    height: 26px;
    background-color: #FFFFFF;
}
.top-nav ul li a{
    text-decoration: none;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    display: block;
    float: left;
    background-color: #00247d;
    color: #FFFFFF;
    padding-top: 3px;
}
.top-nav ul li a:hover{
    background-color: #FFFFFF;
    color: #00247d;
}
.top-nav li a p {
}
.top-nav li a p:nth-of-type(2) {
    font-size: 12px;
    font-weight: 100;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
    margin-top: -8px;
    opacity: 0.8;
}
.top-nav ul li a.newsletter{
    /*background-image: url(../png/newsletter_bt.png);*/
    display: block;
    width: 148px;
    background-repeat: no-repeat;
	background: linear-gradient( 145deg, transparent 8px, #7e735f 9px) top    left;
    /*-webkit-box-shadow: inset 27px 0px 85px -35px #FFFFFF;
    box-shadow: inset 27px 0px 85px -35px #FFFFFF;*/
}
.top-nav ul li a.newsletter:hover{
    background: linear-gradient( 145deg, transparent 8px, #FFFFFF 9px) top    left;
    /*background-image: url(../png/newsletter_bt-1.png);
    background-repeat: no-repeat;
    background-color: #7e735f;
    color: #FFFFFF;*/
}
.top-nav ul li a.Overview-Lottery{
	display: block;
	width: 138px;
	/*background: linear-gradient( 145deg, transparent 8px, #00247d 9px) top    left;*/
}
.top-nav ul li a.Overview-Lottery:hover{
	/*background: linear-gradient( 145deg, transparent 8px, #FFFFFF 9px) top    left;*/
}
.top-nav ul li a.Apply_for_a_UK_Visa{
	display: block;
	width: 139px;
}
.top-nav ul li a.Apply_for_a_UK_Visa:hover{
}
.top-nav ul li a.Required_documents{
	display: block;
	width: 138px;
}
.top-nav ul li a.Required_documents:hover{
}
.top-nav ul li a.Maintenance-funds{
	display: block;
	width: 138px;
}
.top-nav ul li a.Maintenance-funds:hover{
}
.top-nav ul li a.Visa_examination{
	display: block;
	width: 138px;
}
.top-nav ul li a.Visa_examination:hover{
}
.top-nav ul li a.Immigration_inspection{
	display: block;
	width: 139px;
}
.top-nav ul li a.Immigration_inspection:hover{
}

.top-nav ul li a.Lottery_Method{
	display: block;
	width: 166px;
	/*background: linear-gradient( 145deg, transparent 8px, #00247d 9px) top    left;*/
}
.top-nav ul li a.Lottery_Method:hover{
	/*background: linear-gradient( 145deg, transparent 8px, #FFFFFF 9px) top    left;*/
}
.top-nav ul li a.Application_Period{
	display: block;
	width: 166px;
}
.top-nav ul li a.Application_Period:hover{
}
.top-nav ul li a.Selected_by_Lottery{
	display: block;
	width: 166px;
}
.top-nav ul li a.Selected_by_Lottery:hover{
}
.top-nav ul li a.Apply_for_Visa{
	display: block;
	width: 166px;
}
.top-nav ul li a.Apply_for_Visa:hover{
}
.top-nav ul li a.Notes{
	display: block;
	width: 166px;
}
.top-nav ul li a.Notes:hover{
}

@media screen and (max-width:1268px) {
  .top-nav ul li a.newsletter {
    display: none !important;
    visibility: hidden !important;
  }
}