/**************************** Main body ******************************************/
html, body {
    max-width: 100%;
    overflow-x: hidden;
    padding-top: 20px;
    font-family: Calibri, Arial, sans-serif;
}

 .header-inner {
   padding: 10px 0 !important
 }
/**************************** Panels Start ************************************/
/**   all Panels for News,  Press, Events and side Panels for page links etc */
.panel-a{
    max-height: 300px;
    color: #E4BEAD;
    
}
.panel-heading-a{
    height:50px;
    color: #E4BEAD;
} 
.panel-body-a{
   
    background-color: gray;

}     
.panel-footer-a{
    height:100px; 
    background-color: chartreuse;
}



panel-default {
    
    max-height: 500px;
    border: 2px solid;
    border-color: #E4BEAD;
    
}

.panel-body {
    position: relative
}
.panel-body .image-holder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
 

}
.panel-test{
    color: #000;
    border: 2px solid;
    border-color: #E4BEAD;
    border-radius: 15px;
    padding: 10px;
    
}
div.test{

   background-color:#e7e7e7;
   margin:0 !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   padding: 0;
    
}
/**************************** Panels Finish ************************************/
/**************************** Side Link to News, Press, Events All pages*******/
.sidelink, sidelink:hover, sidelink:visited {
    
    color: #000;
    font-size: 16px;
    text-decoration: none;
}
/**************************** End      *************************************/
}

.thumbnail-img {
 height: 45%;
    width: 100%;
}

/**************************** Modal Start ********************************/
.modal {
    background-color: #a80f79;
    width: 800px;
    height: 500px;
    align-content: center;
    vertical-align: top;
        
}
/************************* Modal Finish ****************************/


/**************** nav updates start her ***************************/

/**************** added for mouse over ***************************/


/*li {
     position: relative !important;;
    text-decoration: none;
   transition-duration: 0.5s;
}
  

li:hover {
    background: #ccc;
    cursor: pointer;
}
ul li ul {
    
  visibility: hidden;
  transition: all 0.5s ease;
} */


ul li:hover > ul,
ul li:focus-within > ul, 
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
/*
ul li ul li {
    clear: both;
} 



/**************** added for mouse over ***************************/

.mobile-menu {display:none;}
.navbar-nav {
    width: 100%;
    text-align: center;}

.navbar-light{
   background-color:#a80f79;
    color: #fff;
    align-content: flex-start;
    position: fixed;
    top: 0;
    width: 100%; 
    z-index: 1000;
    
}
.navbar-int{
   background-color:#69AD40;
    color: #fff;
    align-content: flex-start;
    position: fixed;
    top: 0;
 }

.navbar-nav > li > a, .navbar-brand {
    padding-top:1px !important; 
    padding-bottom:0 
    !important;
    height: 30px;
}
.navbar {min-height:30px !important;text-align: center;}

.navbar-brand,
.navbar-nav li a {
    
    height: 40px;
    padding: 0px;
    position: 0;
}
.nav{
    
    height: 30px;
    text-align: center;
}


. lan-navtext{
    font-size: 6px;
    
}
.dropdown-menu.animated {
  /* Speed up animations */
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
/**************************** Nav finished ************************************/
/**************************** Buttons Start ************************************/
.btn-secondary{
    background-color: #fff;
    color: #000;
    border: 0;
    font-size: 16px;
     
}
.btn-secondary:hover{
    color: #000;
    background-color: #fff;
    border-bottom: 2px solid;
    border-bottom-color: #E4BEAD;
    font-size: 16px;
}
.btn-secondary:active{
     color: #000;
    background-color: #fff;
   border-bottom: 2px solid;
    border-bottom-color: #E4BEAD;
    font-size: 16px;
}
.
/**************************** Buttons finish ************************************/
/**************************** Lines Start ************************************/

.span-yellow{
  border-bottom:2px solid #E4BEAD;
  font-size: 34px;
  vertical-align: middle;
}
.span-yellow-lg{
  border-bottom:2px solid #E4BEAD;
  font-size: 34px;
  vertical-align: middle;
}
.span-lg{
  font-size: 34px;
  vertical-align: middle;
}
.span-yellow-sm{
  border-bottom:2px solid #E4BEAD;
  font-size: 16px;
 
}
.span-sm{
  font-size: 16px;  
}
.span-yellow-md{
  border-bottom:2px solid #E4BEAD;
  font-size: 22px;
 
}
.span-md{
    font-size: 22px;
    
}
/**************************** Buttons Finish ************************************/
/**************************** Blockquotes start ************************************/

.blockquote-f {
   
    color: #888;
    font-style: italic;
    font-size: 20px;
    padding-left: 20%;
    padding-right: 20%;
    text-align: center
    
}
.blockquote-skills {
    align-content: center;
    background-color: #e7e7e7;
    color: #888;
    font-style: italic;
    font-size: 17px;
    width: 100%;
    height: 38%;
  
    
}
/**************************** Blockquotes Finish ************************************/
/**************************** Background Tinit start ************************************/

/**************************** Background Tinit Finish ************************************/
/**************************** Carsouel start ************************************/
/********Note : Carousel css also in Bootstrap.min.css    ****/
.carousel img {
  position:relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
  max-width: 100%;    
 
}

.carousel-sm {
    background-color: #e7e7e7;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    
}
.carousel-div {
    background-color: #e7e7e7;
    vertical-align: middle;
     padding:0;
     margin:0;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

/**************************** quad images start ************************************/

/**************************** quad images finish ************************************/
/**************************** footers start   ************************************/

.footer-address{
    font-size: 12px;
    
}
.contact-div {
    margin-bottom: 0px;
    width: 100%;
    padding: 0;
    
    
}
.footer-contact {
    background-color: #71C6D4;
    max-height: 400px;
   
    text-align:center;
}
.footer-iframe{
  
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;

    
    
}
.footer-h1 {
    color: #fff;
    font-size: 25px;
    padding: 20px;
    
}

.input-contact{
width: 80%;
margin-bottom: 5px;
}

.textarea-contact{
width: 80%;
height: 100px;
}
a.newslink{
    text-decoration: none;
    color: #fff;
   
}
a.fptestlink{
    text-decoration: none;
    color: #888;
    
}
a.servicelink{
    text-decoration: none;
    color: #000;
   
}
li.servicelink{
    color: #E4BEAD;
    
}
a.testlink{
    
    text-decoration: none;
    color: #E4BEAD;
    font-size: 22px;
}

/**************************** Jumbotron Start ************************************/

.jumbotron{
    background: no-repeat center center; 
    -webkit-background-size: 100% 95%;
    -moz-background-size: 100% 95%;
    -o-background-size: 100% 95%;
    background-size: 100% 95%;
    background-attachment: fixed;
    background-position: center; 
    height: 85%;
    
  
}
.jumbotron h1{
    position: absolute;
  top: 50%;
  left:8%;
 }

 .AboutPhoto{
        height="400px";
        width="80%"
        
        
    }    
/**************************** Jumbotron Start ************************************/
/***************** Start of Front page member icons hovers *******************************/  



/***************** End of Front page member icons hovers *******************************/      
/***************** mobile css *******************************/
    
@media only screen and (max-width: 767px) { 
     
      html, body, div, menu, nav,ul,li{
          margin: 0;
	     padding: 0;
         border: 0;  
     }
    
    
 .mobilediv{
    padding: 30px;
    padding-left: 30px;
    padding-right: 10px;
     
        
        
    }
    
    .AboutPhoto{
        height="400px";
        width="100%"
        padding: 0px;
        margin: 0;
        
        
    }    
/*********************************************************/
/***************** Navigation              ***************/
/*********************************************************/
    
.menu {display:none;}    
.menu{display:none;}        
.mobile-menu {
     -ms-flex-line-pack: start;
    align-content: flex-start;
    background-color:#fff;
    color: #000;
    width: 100%; 
   z-index: 1;
    
}

  
 .menu {display:none;}    
    .menu{display:none;}    
    .mobile-menu {display:block; background:#eee;border-bottom: solid 1px #E4BEAD; }
    .navbar-header, .navbar {padding:0;}
    .navbar-toggle {padding:0 0 0 18px;float:none; }
     .fa-bars {font-size:36px; color:#fff;}
    .fa-bars:hover {color:#E4BEAD;}    
    
    .dropdown-item{
        color: #fff;
    
    }


.navbar-nav > li > a, .navbar-brand {
    padding-top:1px !important; 
    padding-bottom:0 !important;
    height: 30px;
}
.navbar {min-height:30px !important;}

.navbar-brand,
.navbar-nav li a {
    
    height: 60px;
    padding: 0px;
    position: 0;
    
}
.nav{
     
  float: left;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #E4BEAD;
}


. lan-navtext{
    font-size: 6px;
    
} 

.navbar-fixed-top .navbar-collapse {
    max-height: 200px;
    
    }
.dropdown-menu {
    color: #fff;
    background-color:  #E4BEAD;
    width: 100%;
        
    }
    .dropdown-menu li a{
        
    }
    
li { 
    padding: 5px 0; 
    border-bottom: 1px solid #fff; 
      z-index: 1;
    }
li:last-child {
 padding: 5px 0; 
    border-bottom: 1px solid #fff; 
      z-index: 1;
    
}
li.dropdown {
   padding: 5px 0; 
    border-bottom: 1px solid #E4BEAD; 
      z-index: 1;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #E4BEAD;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
} 
   
  }