@charset "utf-8";
/* CSS Document */

	
		 	@media (min-width:768px) {
#popup1 {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 200px;
}

#popup2 {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 280px;
}

#popup3 {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 360px;
}

.overlay:target {
 visibility: visible;
 opacity: 1;
}

	.missionpopup{
	
			position: absolute;
			top:200px;
			padding: 15px;
			
			
			border-radius: 10px 0px 0px 10px;
			background: #f67f25;
			z-index: 2;
			width: 250px;
			color: #fff;
			float:right;
			right:0px;
	transition: all .5s ease-in-out;
			}
			
			
			.overlay{
			 visibility: hidden;
 opacity: 0;
			}
.popupcontent p{
color:#fff;

}

.popuphd img{
margin-top: -15px;
}
.popuphd{
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 0;
border-bottom: 1px solid #fff;
margin-bottom: 10px;

}			
			
			
			.mission{
			position: absolute;
			top:200px;
			padding: 10px;
			padding-left: 0;
			
			border-radius: 10px 0px 0px 10px;
			background: #f67f25;
			z-index: 1;
			float:right;
			
			
	
			}



.vission{
			position: absolute;
			top:280px;
			padding: 10px;
			padding-left: 0;
			
			border-radius: 10px 0px 0px 10px;
			background: #f67f25;
			z-index: 1;
			float:right;
	
			}
			
			
			.strategy{
			position: absolute;
			top:360px;
			padding: 10px;
			padding-left: 0;
			
			border-radius: 10px 0px 0px 10px;
			background: #f67f25;
			z-index: 1;
			float:right;
	
			}
			
			
				.top-right{
					float: right;
					padding: 20px 0;
				}
				
				.menubar{
					margin: 0 -20px;
					margin-top: 10px;
				}
}



 @media (max-width:767px) {
 
 #popup1 {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 100px;
}

#popup2 {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 154px;
}

#popup3 {
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 208px;
}

.overlay:target {
 visibility: visible;
 opacity: 1;
}


			
			
			.overlay{
			 visibility: hidden;
 opacity: 0;
			}
.popupcontent p{
color:#fff;

}

.popuphd img{
margin-top: -15px;
}
.popuphd{
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 10px 0;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}			
			
			
			.mission{
			position: absolute;
			top:100px;
			width: 40px;
			padding: 10px;
			padding-left: 0;
			left:0;
			border-radius: 0 10px 10px 0;
			background: #f67f25;
			z-index: 1;
			left: 0;
	
			}



.vission{
			position: absolute;
			top:154px;
			width: 40px;
			padding: 10px;
			padding-left: 0;
			left:0;
			border-radius: 0 10px 10px 0;
			background: #f67f25;
			z-index: 1;
			
			left: 0;
	
			}
			
			
			.strategy{
			position: absolute;
			top:208px;
			width: 40px;
			padding: 10px;
			padding-left: 0;
			left:0;
			border-radius: 0 10px 10px 0;
			background: #f67f25;
			z-index: 1;
			
			left: 0;
	
			}
			
			
			
			
			
			
			
 
 
 
 
 

.navbar-collapse.in {
    overflow-y: inherit;
}
	 .navbar-collapse{

	
	}
	.herobanner{
		 margin-top: -40px;
		 border-top: 4px solid #f67f25;
	 }
	 
	 .navbar-toggle .icon-bar{
		 background: #000;
	 }
	.navbar-toggle {
    top: -100px;
    right: -40px;
}
	 
	 .whitebox, .whitebox2{
	 margin-bottom: 20px;
 }
 .firstline {
    font-size: 14px;}
	
	.header-text h2 {
    font-size: 30px;
	}
	.thirdline {
    font-size: 12px;
	padding: 5px;
	}

.sectionpadd {
    padding: 30px 0;
}
.navbar-nav {
    margin: 7.5px -15px 0 20px;
}
}
 
 @media (max-width:480px) {
			 
			 }
		 
		 
		 
	
			    @media (min-width:1200px) {
			 
			 
			 }
		 
			 
			 
			  @media (min-width:1600px) {
			 
			 
			 }
			 
			 
			 	 @media (min-width:1800px) {
			 
			 
			 }
			 
			 
			 
			
		 
  @media (min-width:768px) and (max-width:991px) {
.twitter-tbl2 td{
padding: 10px 5px;
font-size: 11px;}

.fb-contentbox{
font-size: 12px;
}
.fbtable td{
font-size: 11px;
}

	
	.thirdline {
    font-size: 19px;}
	
	
	  .box-txt p:first-of-type{
	  display: none;
	  }
	  
	  .btnbox {
    padding: 0px 0;
}

.boxcontent {
    padding: 15px;
    
}
.boxcontent p{
font-size:12px;
}

.boxhd {
    font-size: 16px;}
	
	
	.radio {
    margin-top: -2px;}
	
	.circleimg {
   
    height: 25px;
    width: 25px;}
	
	.ebook-img {
    text-align: center;
    width: 94px;
	margin: auto;
}
	.header-text h2 {
    font-size: 60px !important;}
	  }
	  
	  
	   @media (min-width:992px) and (max-width:1199px) {
		   .menubar .container{
		   width:100%;
		       margin: 0 -40px;
		   }
		   
		   .navbar-nav > li {
    margin: 0 1px;
    
    font-size: 11px;}
	
	.navbar-nav > li > a {
  
    padding: 7px 7px;
}

		   }