@import url('https://fonts.googleapis.com/css?family=Aclonica|BenchNine|Parisienne|Pinyon+Script|Syncopate');
.h2 {
font-family: 'Aclonica', sans-serif;
font-size:20px;
}







    /*font-family: 'Aclonica', sans-serif;

    font-family: 'BenchNine', sans-serif;

    font-family: 'Syncopate', sans-serif;

    font-family: 'Pinyon Script', cursive;
        
   font-family: 'Parisienne', cursive;     */






.pgtitle {
width:100%;
border:0px solid; 
background-size: 82px;
background-position-y: 69px;
background-position-x: 1086px;
padding:50px 50px 0px;

}
  
.text2 h5 {
    padding:4px 10px 4px;
            text-align:center;
            color:#fff;
            font-size:12px;
            background-color:#7898ff;
            width:100%;
            transition:0.5s;
}

.text2 h4 {
    padding:5px 3px 5px 3px;
    color:#4a90fe;
    text-align:center;
    font-size:14px; 
    margin:2px;
}

.text2 h5:hover {
    padding:4px 10px 4px;
            text-align:center;
            color:#fff;
            font-size:13px;
            font-weight:bold;
            background-color:#3c67f2;
            width:100%;
} 
   
        .ll img {
           
          width:100%;
          transition:0.5s;
          height:157px;
         
         
        }      
   
         .ll img:hover {
           
          opacity:0.8;
          transform:scale(1.1);
         background-color:#a4d5ff;
        }    
         
        
        
.pkp {
  
  
  position:relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 8s;
  animation-iteration-count:250;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   { top:0px; bottom:-0px;}
  20%  { top:-300px; top:-300px;}
  40%  {top:0px; bottom:-0px;}
  60%  {top:0px; bottom:-0px;}
 80%  {top:0px; bottom:-0px;}
   100%  { top:0px; bottom:-0px;}
}

/* Standard syntax */
@keyframes example {
  0%   { top:0px; bottom:-0px;}
  20%  { top:-300px; top:-300px;}
  40%  {top:0px; bottom:-0px;}
  60%  {top:0px; bottom:-0px;}
 80%  {top:0px; bottom:-0px;}
   100%  { top:0px; bottom:-0px;}
}


.pgtitle_text {
padding-top:0px;

}

.aaa{
          
            text-align:right;
             line-height:20px;
           
            
        }
  .aaa h1 {
            color: rgba(96, 152,63, 0.6);
            transition:0.5s;
            text-align:right;
            font-size:40px;
            margin-top:0px;
            
        }
         .aaa h1:hover {
            color: #a3cf62;

        }
     


   .ml p a {
            color:#1a6f2b;
            transition:0.5s;
            font-weight:bold;
        }
          .ml p a:hover {
            color:#3044de;
            font-size:15px;
        }

.pgtitle_text {
padding-top:0px;


}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #306ebd;
border-right:3px solid #a8e693;
}

.margintop20 {
    margin-top:20px;
}

.nav-pills>li>a {
border-radius: 0px;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: none;
}


.nav-stacked>li+li {
margin-top: 0px;
margin-left: 0;
border-bottom:3px solid #07486f;

border-right:3px solid #daffe5;
background:#ebf0fd;
}

    .nav-stacked > li + li:hover {
        background:#aaf649;
    }

.active2 {
   
}

 
   @media screen and (max-width: 800px) {


       .aaa{
          
            text-align:left;
            font-size:25px;
           
            
        }
        .aaa h1 {
            color: rgba(96, 152,63, 0.6);
            transition:0.5s;
            text-align:left;
            font-size:25px;
            line-height:20px;
            margin-top:0px;
            
        }
      


       .text2 h4 {
   padding:5px 3px 5px 3px;
    color:#4a90fe;
    text-align:center;
    font-size:11px; 
    margin:2px;
}
    .pgtitle {
        width: 100%;
        border: 0px solid;
        background-size: 82px;
        background-position-y: 69px;
        background-position-x: 1086px;
        padding: 10px 10px 0px;

    }    

}

.fontt p {
    font-family: 'Merienda', cursive;
    color:#684d43;
    text-indent:-15px;
    padding-left:15px;
}