.container{width:100%;}
/* Modal edit profile photo */
.profileditmodal { display: none;position: fixed;z-index: 20;padding-top: 15%;left: 0;top: 0;width: 100%;height: 100%;
    overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.profiledit-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 60%;height: auto;}

/* The Close Button */
.profiledit-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}

.profiledit-close:hover, .profiledit-close:focus {color: #000;text-decoration: none;cursor: pointer;}

/* Modal edit tech skills */
.techeditmodal { display: none;position: fixed;z-index: 20;padding-top: 10%;left: 0;top: 0;width: 100%;height: 100%;
    overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.techedit-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 60%;height: auto;}

/* The Close Button */
.techedit-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}

.techedit-close:hover, .techedit-close:focus {color: #000;text-decoration: none;cursor: pointer;}

/* Modal edit experience details */
.expeditmodal { display: none;position: fixed;z-index: 20;padding-top: 10%;left: 0;top: 0;width: 100%;height: 100%;
    overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.expedit-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 60%;height: auto;}
/* The Close Button */
.expedit-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.expedit-close:hover, .eduedit-close:focus {color: #000;text-decoration: none;cursor: pointer;}

/* Modal edit education details */
.edueditmodal {  display: none;position: fixed;z-index: 20;padding-top: 10%;left: 0;top: 0;width: 100%;height: 100%;
    overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.eduedit-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 60%;height: auto;}
/* The Close Button */
.eduedit-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.eduedit-close:hover, .eduedit-close:focus {color: #000;text-decoration: none;cursor: pointer;}
/* Modal edit Achievements details */
.achieditmodal {  display: none;position: fixed;z-index: 20;padding-top: 10%;left: 0;top: 0;width: 100%;height: 100%;
    overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.achiedit-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 60%;height: auto;}
/* The Close Button */
.achiedit-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.achiedit-close:hover, .achiedit-close:focus {color: #000;text-decoration: none;cursor: pointer;}

/* Modal edit Peroson1 details */
.person1editmodal {  display: none;position: fixed;z-index: 20;padding-top: 10%;left: 0;top: 0;width: 100%;height: 100%;
    overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.person1edit-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 60%;height: auto;}
/* The Close Button */
.person1edit-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.person1edit-close:hover, .person1edit-close:focus {color: #000;text-decoration: none;cursor: pointer;}

/* Modal edit Peroson2 details */
.person2editmodal {  display: none;position: fixed;z-index: 20;padding-top: 10%;left: 0;top: 0;width: 100%;height: 100%;
    overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.person2edit-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 60%;height: auto;}
/* The Close Button */
.person2edit-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.person2edit-close:hover, .person2edit-close:focus {color: #000;text-decoration: none;cursor: pointer;}


#middleSection h4{
	background: url(../img/frontpage/blockRepeat.png) repeat-x 0 0; border-bottom:1px solid #ccc;
	padding-top:25px;
	padding-left:0px;
}
#middleSection i{
	padding-left:15px;
}
#middleSection  .well a span{
	color:#454545;
	font-size:20px;
}
#middleSection .well h4{ 
	margin:-9px -9px 9px;
	line-height:44px;
}
#middleSection .span2{
	background: url(../img/frontpage/smallShadows.png) no-repeat center 134px ;
	display:inline-block;
	margin-right:20px;
}
#middleSection  .span2:hover{
	background:none;
} 
#middleSection{ 
	background:url(../img/frontpage/shadow.png) no-repeat center bottom ; 
	padding:28px 10px 28px -10px;
}
/* #middleSection  .span12 .well{
	background:none; 
	border:0;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.05);
}
#middleSection  .span12  h4{
	background:none; border:0 
}*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#middleSection .well a span {
		font-size: 13px; 
		margin: 0 -18px;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#middleSection .well a span {
		font-size: 13px; 
		margin: 0 -18px;
	}
}
.span2{
	width:140px;
}
.well{
	min-height:20px;
	padding:0px;
	margin-bottom:20px;
	background-color:#f5f5f5;
	border:1px solid #e3e3e3;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}
.well{
	background:#fff;
}
.well:hover{
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.well-small{
	padding:9px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.popover{
	position:absolute;
	top:0;
	left:0;
	z-index:1010;
	display:none;
	width:236px;
	padding:1px;
	background-color:#fff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}
.popover.top{
	margin-top:-10px
}
.popover.right{
	margin-left:10px
}.popover.bottom{
	margin-top:10px
}
.popover.left{
	margin-left:-10px
}
.popover-title{
	padding:8px 14px;
	margin:0;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	background-color:#f7f7f7;
	border-bottom:1px solid #ebebeb;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	text-align:center;
}
.popover-content{
	padding:9px 14px;
	text-align:center;
	font:15px Arial;
	line-height:22px;
}
.popover-content p,.popover-content ul,.popover-content ol{
	margin-bottom:0;
}
.popover .arrow,.popover .arrow:after{
	position:absolute;
	display:inline-block;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
}
.popover .arrow:after{
	z-index:-1;
	content:"";
}
.popover.top .arrow{
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	border-top-color:#fff;
	border-width:10px 10px 0;
}
.popover.top .arrow:after{
	bottom:-1px;
	left:-11px;
	border-top-color:rgba(0,0,0,0.25);
	border-width:11px 11px 0;
}
.popover.right .arrow{
	top:50%;
	left:-10px;
	margin-top:-10px;
	border-right-color:#fff;
	border-width:10px 10px 10px 0;
}
.popover.right .arrow:after{
	bottom:-11px;
	left:-1px;
	border-right-color:rgba(0,0,0,0.25);
	border-width:11px 11px 11px 0;
}
.popover.bottom .arrow{
	top:-10px;
	left:50%;
	margin-left:-10px;
	border-bottom-color:#fff;
	border-width:0 10px 10px;
}
.popover.bottom .arrow:after{
	top:-1px;
	left:-11px;
	border-bottom-color:rgba(0,0,0,0.25);
	border-width:0 11px 11px;
}
.popover.left .arrow{
	top:50%;
	right:-10px;
	margin-top:-10px;
	border-left-color:#fff;
	border-width:10px 0 10px 10px;
}
.popover.left .arrow:after{
	right:-1px;
	bottom:-11px;
	border-left-color:rgba(0,0,0,0.25);
	border-width:11px 0 11px 11px;
}


            #hornavmenu a{padding: 13px 14px ; font:15px Verdana, Geneva, sans-serif; margin-top:10px;}
            .margin-bottom-20 a{ color:white !important; padding-bottom: -5px !important; }
            li.footer-links { padding-bottom: -25px !important; }

            
            
     /*HEADER AREA*/
     /*             .navbar-nav{height: 50px !important;
  overflow: hidden !important;
  width: 100% !important;}*/
.navbar-header .header-all .home, .about-us, .outsourcing, .services, .clients, .networks, .resources, .contact-us, .login{display: none;}
.navbar-header ul {
    list-style-type: none;
    margin-top: 0;
    padding: 0;
    overflow: hidden;
    
}

.navbar-header li {
    float: left;
}


.navbar-header li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
    
}




@media screen and (max-width: 768px) {
/*  #home-link {
    display: none;
    }
  #home-link li{
    display: inline;
    }*/
  .navbar-header .header-all .home, .about-us, .outsourcing, .services, .login{display: block;}
  #aliflinks  .home{display: none;}
  .navbar-collapse .about-us{display: none;}
  .navbar-collapse .outsourcing{display: none;}
/*  .navbar-collapse .services{display: none;}*/
  .navbar-collapse .login{display: none;}
  

}
@media screen and (max-width: 730px) {
  .navbar-header .header-all .home, .about-us, .services, .login{display: block;}
  .navbar-header .header-all .outsourcing{display: none;}
  .navbar-collapse .about-us{display: none;}
  .navbar-collapse .outsourcing{display: none;}
/*  .navbar-collapse .services{display: none;}*/
  .navbar-collapse .login{display: none;}
  .navbar-collapse .outsourcing{display: block;}
  

}
@media screen and (max-width: 570px) {
  .navbar-header .header-all .home, .about-us, .login{display: block;}
  .navbar-header .header-all .outsourcing{display: none;}
  .navbar-header .header-all .services{display: none;}
  .navbar-collapse .about-us{display: none;}
  .navbar-collapse .outsourcing{display: none;}
  .navbar-collapse .services{display: none;}
  .navbar-collapse .login{display: none;}
  .navbar-collapse .outsourcing{display: block;}
  .navbar-collapse .services{display: block;}
  

}
@media screen and (max-width: 520px){
  .navbar-header .header-all .home, .login{display: block;}
  .navbar-header .header-all .outsourcing, .services, .about-us{display: none;}
  #aliflinks  .home{display: none;}
  .navbar-collapse .about-us{display: block;}
  .navbar-collapse .outsourcing{display: block;}
  .navbar-collapse .services{display: block;}
  .navbar-collapse .login{display: none;}  
    
}
@media screen and (max-width: 340px){
  .navbar-header .header-all .login{display: block;}
  .navbar-header .header-all .home{display: none;}
  .navbar-header .header-all .outsourcing, .services, .about-us{display: none;}
  #aliflinks  .home{display: block;}
  .navbar-collapse .about-us{display: block;}
  .navbar-collapse .outsourcing{display: block;}
  .navbar-collapse .services{display: block;}
  .navbar-collapse .login{display: none;}  
    
}
/*---------Login css--------------------*/
.sidenav {
    height: 0%;
    width: 26%;
    position: fixed;
    z-index: 20;
    top: 50px;
    right: 0;
/*    background-color: #111;*/
    background-color: rgba(17,17,17, .8);
    overflow-x: hidden;
    transition: 0.5s;
    
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 26px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    margin-top: 20px;
    right: 20px;
    font-size: 36px;
    margin-left: 280px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media screen and (min-width: 1820px) {
	#hornav ul > li > a,
	#hornav ul > li > span{
		font-size: 18px !important;
		letter-spacing: 1.2px !important;
	}
	#hornavmenu a{padding: 10px 17px !important;}
	
	#hornav ul > li >a.logoImgTag{padding:5px 17px !important;}
	.logoImg{height:42px !important;width: 357px !important;}
	.h2_heading{font-size:70px !important;}
	.ae_subHeading{font:40px Times New Roman !important;}
	.pmsBox_header{font:bold 24px/30px Arial !important;}
	.about_us, .mAndS_animateBox, .pms, .pmsBox_body{
		font:20px/40px Arial !important;
	}
}