.track {
	margin: 10px 0px 0px 0px; 
	height: 158px; 
	font-family: ap_letter,Helvetica,Arial,sans-serif; 
	background-color: #f3f0f6;
}

a.myaccount   {
  background-color: rgb(58, 146, 200);
}	
	
.passport-condition {
	font-size: 18px; 
	line-height: 30px; 
	color: rgb(102, 102, 102); 
	font-family: Swiss721BT-Light,Arial,Helvetica,sans-serif; 
	margin-bottom: 30px;
}

ul.passport-condition  li {
	list-style: inside none square;
	margin-left: 30px;
}

.menu-border {
	border: 2px solid #ccc;
}

.submenu-link  {
    position: relative;
	text-align: center;
}

.submenu-link a {
	color: #666;
    font-size: 18px;
	line-height: 30px;
    padding: 10px 0;
    text-decoration: none;
	font-weight: bolder;
}

.marketing-container {
	height: 90px; 
	width: 295px; 
	top: 100px; 
	position: absolute; 
	z-index: 9; 
}

.marketing-words  {
	position: relative; 
	color: rgb(255, 255, 255); 
	font-weight: bolder; 
	font-size: 26px; 
	padding-left: 10px; 
	padding-top: 10px;
	z-index: 9; 
}
.background-text {
	position: relative; 
	left: -2px; 
	opacity: 0.8; 
	padding-right: 0px; 
	padding-bottom: 5px; 
	padding-left: 0px; 
	top: -40px; 
	height: 40px; 
	background-color: rgb(228, 65, 0); 
	width: 295px;
}

.specialists-container {
	position: absolute; 
	margin-left: 0px; 
	top: 394px;
	z-index: 9; 
}

.specialistbackground-text {
	position: relative; 
	background-color: rgb(255, 255, 255); 
	height: 55px; 
	left: -2px; 
	width: 320px; 
	opacity: 0.8; 
	top: 0px;
}

.specialist-words {
	z-index: 9; 
	color: rgb(51, 51, 51); 
	padding-left: 10px; 
	text-transform: uppercase; 
	font-size: 22px; 
	position: relative; 
	top: 45px; 
	left: 10px;
	z-index: 999; 
}

#actioncall {
	font-size: 21px; 
	text-align: center;
}

.bottom-border {
  padding-top: 30px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
  
input#print-btn {
    background-color: transparent;
    background-image: url("/images/picon.jpg");
    background-position: 55px 9px;
    background-repeat: no-repeat;
    background-size: 35px 30px;
    vertical-align: middle;
}

a.list-group-item  h3.list-group-item-heading {
	color: #fff;
}

.header-bg {
	overflow: hidden; 
	position: relative; 
	width: 100%; 
	height: 220px; 
}

.color-green {
	background-color: rgb(0, 177, 167);
}

.color-blue {
	background-color: rgb(88, 183, 222);
}

.color-gray {
	background-color: #E2E3E7;
}

.font-caption{
	font-size:30px;
	margin-bottom:20px;
}
	
.header-caption {
	bottom: 0;
    left: 10%;
    padding-bottom: 30px;
    right: 10%;
    bottom: 0px;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.top-gap {
	margin-top: 20px; 
	position: relative;
}

.extra-top-gap{
	margin-top: 50px; 
	position: relative;
}

ul > l {
	list-style:outside none none;
}

.default-font {
	font-size:19px;
	font-weight:200;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:1.42857;
	color:#666;
}

.top-header {
    margin-top: 100px;
	position:relative;
}

.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}

.navbar-wrapper .navbar .container {
  width: auto;
}

.popular-visa {
	width:320px;
	height:200px;
}

.learn-link {
	position: absolute; 
	color: rgb(255, 255, 255); 
	border: 2px solid rgb(255, 255, 255); 
	border-radius: 24px; 
	padding: 8px 15px; 
	left: 55px; 
	top: 130px; 
	text-decoration: none;
}

a.learn-link:hover, a.learn-link:focus {
	position: absolute; 
	color: #FFCC00; 
	border: 2px solid #FFCC00; 
	border-radius: 24px; 
	padding: 8px 15px; 
	left: 55px; 
	top: 130px; 
	text-decoration: none;
}

.footer-links li {
	line-height:26px;
	list-style:outside none none;
}
.footer-links ul {
	padding-left:12px;
}

.footer-links li a {
	text-decoration: none; 
	color: #666;
}
.footer-links div {
	height:300px;
}

.back-top a {
    color: #666;
}
.back-top {
    border: 1px solid #cdcdcd;
    color: #666;
    cursor: pointer;
    padding: 10px;
    text-align: center;
	float:none;
}


#visaNat, #stateResidence {
    line-height: 40px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    padding: 10px;
    width: 100%;
}

#visaCountry, #purpose {
    line-height: 40px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    padding: 10px;
    width: 100%;
}


/**** target all device viewport  **/  

@media (max-width: 768px) {

	.carousel-caption .landing-txt {
		width: 300px;
	}
			
	.zac-xs-12 {
		width:50%;
		min-height:1px;
		padding:0px 15px;
		float:left;
		position:relative;
	}
	
	.mobile-hidden {
		display:none;
	}
	
	.submenu-link  > a:hover, .submenu-link  > a:focus  {
	  background-color: transparent;
	  border-bottom-color: #E64A00;
	  border-bottom-color: #E64A00;
	  border-bottom: 5px solid #E64A00;
	}	

	.carousel-caption  .mvtop { 
		top: -50px;
		position:relative;
	}

	.mobile-display {
		display:block;
	}
	
}


@media (max-width: 650px) {
	
	.zac-xs-12 {
		width:100%;
		min-height:1px;
		padding:0px 15px;
		float:left;
		position:relative;
	}

	.mobile-hidden {
		display:none;
	}

	.submenu-link  > a:hover, .submenu-link  > a:focus  {
	  background-color: transparent;
	  border-bottom-color: #E64A00;
	  border-bottom-color: #E64A00;
	  border-bottom: 5px solid #E64A00;
	}	

	.mobile-display {
		display:block;
	}
	
	.mobile-font {
		font-size:15px;
	}
	
}

/**** End target all device viewport with max-width  **/  

@media (min-width: 768px) {

	.carousel-caption .landing-txt {
		width: 300px;
	}
		
	.dynamic-conatiner {
		position:relative;
		color: rgb(51, 51, 51); 
		text-align: center;
	}
	
	.marketing-container {
		height: 90px; 
		width: 550px; 
		top: 100px; 
		position: absolute; 
		margin-left: 80px;
	}

	.marketing-words  {
		position: relative; 
		z-index: 999; 
		color: rgb(255, 255, 255); 
		font-weight: bolder; 
		font-size: 50px; 
		padding-left: 10px; 
		padding-top: 10px;
	}

	.background-text {
		position: relative; 
		left: -2px; 
		opacity: 0.8; 
		padding-right: 0px; 
		padding-bottom: 5px; 
		padding-left: 0px; 
		top: -65px; 
		height: 70px; 
		background-color: rgb(228, 65, 0); 
		width: 550px;
	}	
	#actioncall {
		font-size: 26px; 
		text-align: center;
	}
	
	.header-bg {
		height: 300px; 
	}
	
	#visa-search {
		top: -280px;
		padding: 20px;
		z-index: 19;
		width: 300px;
		text-align: center;
		position: relative;
		top: -245px;
		border: 2px solid rgb(255, 255, 255);
		border-radius: 38px;		
	}
	
	.back-top {
		display:none;
	}	
	 
	.navbar-wrapper {
		margin-top: 30px;
	}
	
	.navbar-wrapper .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
		border-radius: 4px;
	}
	
	.navbar-default .navbar-nav  {
	  height:46px;
	}	
		 
	.submenu-link a {
		color: #666;
		font-size: 20px;
		padding: 10px 0;
		text-decoration: none;
		font-weight: bolder;
	}
		 
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus   {
	  background-color: lightyellow; 
	  height: 50px;
	  color:#666;
/*	  background-color: transparent;
	  border-bottom-color: #a9a9a9;
	  border-bottom-color: rgba(255,255,255,.25);
	  border-bottom: 3px solid #F9BB00; */
	}	
	
	.navbar-default .navbar-nav > li > a.myaccount:hover,
	.navbar-default .navbar-nav > li > a.myaccount:focus   {
	  background-color: #F9BB00;
	}	
	
	.submenu-link  > a:hover, .submenu-link  > a:focus  {
	  background-color: transparent;
	  border-bottom-color: #E64A00;
	  border-bottom-color: #E64A00;
	  border-bottom: 5px solid #E64A00;
	}
	
	.popular-visa {
		width:345px;
		height:200px;
	}	
	
	.learn-link {
		position: absolute; 
		color: rgb(255, 255, 255); 
		border: 2px solid rgb(255, 255, 255); 
		border-radius: 24px; 
		padding: 8px 15px; 
		left: 90px; 
		top: 130px; 
		text-decoration: none;
		font-size:26px;
		font-weight:bolder;
		text-shadow:1px 1px 2px black, 0 0 1em #333, 0 0 0.2em #333;		
	}

	a.learn-link:hover, a.learn-link:focus {
		position: absolute; 
		color: #FFCC00; 
		border: 2px solid #FFCC00; 
		border-radius: 24px; 
		padding: 8px 15px; 
		left: 90px; 
		top: 130px; 
		text-decoration: none;
	}			
	
	.header-caption {
		bottom: 0;
		left: 20%;
		padding-bottom: 30px;
		right: 20%;
		color: #fff;
		padding-bottom: 20px;
		padding-top: 20px;
		position: absolute;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		z-index: 10;
	}  
	

	.font-caption{
		font-size:50px;
		line-height:60px;
	}
			
	.mobile-display {
		display:none;
	}
		
	#navbar {
		margin-left:220px;
	} 		
}

@media (min-width: 992px) {

	#actioncall {
		font-size: 26px; 
		text-align: center;
	}
	
	.popular-visa {
		width:210px;
		height:200px;
	}
	
	.learn-link {
		position: absolute; 
		color: rgb(255, 255, 255); 
		border: 2px solid rgb(255, 255, 255); 
		border-radius: 24px; 
		padding: 8px 15px; 
		left: 28px; 
		top: 130px; 
		text-decoration: none;
		font-size:22px;
		font-weight:bolder;
		text-shadow:1px 1px 2px black, 0 0 1em #333, 0 0 0.2em #333;
		
	}

	a.learn-link:hover, a.learn-link:focus {
		position: absolute; 
		color: #FFCC00; 
		border: 2px solid #FFCC00; 
		border-radius: 24px; 
		padding: 8px 15px; 
		left: 28px; 
		top: 130px; 
		text-decoration: none;
	}	
	.font-caption{
		font-size:64px;
		line-height:60px;
	}
		
	.header-caption {
		bottom: 0;
		left: 20%;
		padding-bottom: 30px;
		right: 20%;
		color: #fff;
		padding-bottom: 20px;
		padding-top: 20px;
		position: absolute;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		z-index: 10;
	}  

	.mobile-display {
		display:none;
	}
	
}

@media (min-width: 1200px) {

	#actioncall {
		font-size: 26px; 
		text-align: center;
	}
	
	.popular-visa {
		width:260px;
		height:200px;
	}
	
	.learn-link {
		position: absolute; 
		color: rgb(255, 255, 255); 
		border: 2px solid rgb(255, 255, 255); 
		border-radius: 24px; 
		padding: 8px 15px; 
		left: 30px; 
		top: 130px; 
		text-decoration: none;
		font-size:28px;
		font-weight:bolder;
		text-shadow:1px 1px 2px black, 0 0 1em #333, 0 0 0.2em #333;
		text-align: center;
		width: 238px;
	}

	a.learn-link:hover, a.learn-link:focus {
		position: absolute; 
		color: #FFCC00; 
		border: 2px solid #FFCC00; 
		border-radius: 24px; 
		padding: 8px 15px; 
		left: 30px; 
		top: 130px; 
		text-decoration: none;
	}	

	.font-caption{
		font-size:64px;
		line-height:60px;
	}
		
	.header-caption {
		left: 20%;
		padding-bottom: 30px;
		right: 20%;
		bottom: 0px;
		color: #fff;
		padding-bottom: 20px;
		padding-top: 20px;
		position: absolute;
		text-align: center;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		z-index: 10;
	}  
	
	.mobile-display {
		display:none;
	}
	
}

/**** iPhone 6, portrait view  **/  

@media (max-width: 375px) and (orientation:portrait) {

	.track {
		border:none;
		margin-top: 0px; height: 0px;
	}
	.zac-xs-12 {
		width:100%;
		min-height:1px;
		padding:0px 15px;
		float:left;
		position:relative;
	}

	.popular-visa {
		height: 200px;
		width: 340px;
	}		
	
	.mobile-hidden {
		display:none;
	}
	
	.text-muted {
		font-size: 28px;
	}
	
	.mobile-display {
		display:block;
	}
	
	.mobile-font {
		font-size:15px;
	}
		
	#navbar {
		margin-left:0px;
	} 
}

/**** iPhone 6, landscape view  **/  

@media (max-width: 667px) and (orientation:landscape) {  


	.track {
		border:none;
		margin-top: 0px; height: 0px;
	}
	.zac-xs-12 {
		width:50%;
		min-height:1px;
		padding:0px 15px;
		float:left;
		position:relative;
	}

	.popular-visa {
		height: 200px;
		width: 300px;
	}		

	.mobile-hidden {
		display:none;
	}
	
	.text-muted {
		font-size: 35px;
	}
	
	.mobile-display {
		display:block;
	}
	
	.mobile-font {
		font-size:15px;
	}
	
	#navbar {
		margin-left:0px;
	}	
}

/**** target iPhone 5, portrait view  ***/  

@media (max-width: 320px) and (orientation:portrait) {

	.track {
		border:none;
		margin-top: 0px; height: 0px;
	}
	.zac-xs-12 {
		width:100%;
		min-height:1px;
		padding:0px 15px;
		float:left;
		position:relative;
	}
	
	.popular-visa {
		height: 200px;
		width: 290px;
	}		

	.mobile-hidden {
		display:none;
	}
	
	.text-muted {
		font-size: 28px;
	}
	
	.mobile-display {
		display:block;
	}
	
	.mobile-font {
		font-size:15px;
	}
		
	#navbar {
		margin-left:0px;
	}	
}

/**** target iPhone 5, landscape view  **/  

@media (max-width: 568px) and (orientation:landscape) {  


	.track {
		border:none;
		margin-top: 0px; height: 0px;
	}
	.zac-xs-12 {
		width:50%;
		min-height:1px;
		padding:0px 15px;
		float:left;
		position:relative;
	}

	.popular-visa {
		height: 200px;
		width: 260px;
	}		
	
	.mobile-hidden {
		display:none;
	}
	
	.text-muted {
		font-size: 35px;
	}
	
	.mobile-display {
		display:block;
	}
	
	.mobile-font {
		font-size:15px;
	}
		
	#navbar {
		margin-left:0px;
	}
}
/*
@media (max-width: 764px) {

	.track {
		border:none;
		margin-top: 0px; height: 0px;
	}
	
	.mobile-display {
		display:none;
	}
	
}

@media (max-width: 990px) {
 
	.tablet-hidden {
		display:none;
	}

	.mobile-display {
		display:none;
	}
	
}*/