.fas {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }

  .fas:hover {
    opacity: 0.7;
  }

  .fas-facebook {
    padding : 10px;
    background: #3B5998;
    color: white;
  }

  .fas-twitter {
    padding : 10px;
    background: #55ACEE;
    color: white;
  }

  .fas-google {
    padding : 10px;
    background: #dd4b39;
    color: white;
  }

  .fas-linkedin {
    background: #007bb5;
    color: white;
  }

  .fas-youtube {
    padding : 10px;
    background: #bb0000;
    color: white;
  }

  .fas-instagram {
    background: #125688;
    color: white;
  }

  .fas-pinterest {
    background: #cb2027;
    color: white;
  }

  .fas-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  .fas-skype {
    background: #00aff0;
    color: white;
  }

  .fas-android {
    padding : 10px;
    background: #a4c639;
    color: white;
  }

  .fa-dribbble {
    background: #ea4c89;
    color: white;
  }

  .fa-vimeo {
    background: #45bbff;
    color: white;
  }

  .fa-tumblr {
    background: #2c4762;
    color: white;
  }

  .fa-vine {
    background: #00b489;
    color: white;
  }

  .fa-foursquare {
    background: #45bbff;
    color: white;
  }

  .fa-stumbleupon {
    background: #eb4924;
    color: white;
  }

  .fa-flickr {
    background: #f40083;
    color: white;
  }

  .fa-yahoo {
    background: #430297;
    color: white;
  }

  .fa-soundcloud {
    background: #ff5500;
    color: white;
  }

  .fa-reddit {
    background: #ff5700;
    color: white;
  }

  .fa-rss {
    background: #ff6600;
    color: white;
  }
/**/

.dcsfa{
  color: #7d9ab9;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
/**/
.fav {
padding: 5px;
font-size: 18px;
/* width: 42px;*/
text-align: center;
text-decoration: none;
z-index: 10011;

}
                  /*.fav {
                    padding: 10px;
                    font-size: 18px;
                    width: 42px;
                    text-align: center;
                    text-decoration: none;
                    margin: 5px 2px;
                    border-radius: 50%;
                    border: 2px solid white;
                    }*/

                    .fav:hover {
                      opacity: 0.7;
                      color: white;
                    }

                    .fa-facebook {
                      /*background: #3B5998;*/
                      width:100px;
                      color: white;
                    }
                    .fa-twitter {
                      /*background: #3B5998;*/

                      color: white;
                    }
                    .fa-youtube {
                     /* background: #3B5998;*/

                     color: white;
                   }
                   .fa-android {
                    /*background: #3B5998;*/

                    color: white;
                  }

                  .myDialog {
                    padding: 5px 10px;

                    border: 1 px solid #999;

                    position: fixed;  
                    top: 40%;
                    left: 0; 
                  }
/**/
*{
                              box-sizing: border-box;
                            }

                            .search-box{
                              width: fit-content;
                              height: fit-content;
                              position: relative;
                            }
                            .input-search{
                              height: 30px;
                              width: 30px;
                              border-style: none;
                              padding: 5px;
                              font-size: 14px;
                              letter-spacing: 2px;
                              outline: none;
                              border-radius: 25px;
                              transition: all .5s ease-in-out;
                              background-color: transparent;
                              padding-right: 20px;
                              color:Black;
                            }
                            .input-search::placeholder{
                              color:Black;
                              font-size: 18px;
                              letter-spacing: 2px;
                              font-weight: 100;
                            }
                            .btn-search{
                              width: 30px;
                              height: 30px;
                              border-style: none;
                              font-size: 20px;
                              font-weight: bold;
                              outline: none;
                              cursor: pointer;
                              border-radius: 50%;
                              position: absolute;
                              right: 0px;
                              color:Black;
                              background-color:transparent;
                              pointer-events: painted;  
                            }
                            .btn-search:focus ~ .input-search{
                              width: 300px;
                              border-radius: 0px;
                              background-color: transparent;
                              border-bottom:1px solid rgba(255,255,255,.5);
                              transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
                            }
                            .input-search:focus{
                              width: 300px;
                              border-radius: 0px;
                              background-color: transparent;
                              border-bottom:1px solid rgba(255,255,255,.5);
                              transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
                            }
/**/

                            .menuarea{
                              position : static;
                            }
                            .megaarea{
                              position : absolute;
                              width : 100%;
                              left :0;
                              right : 0;
                              padding : 15px;
                            }
                            .borderLine{
                              border-top: solid 2px #121481;
                              border-bottom : solid 2px #121481; 
                              border-left: solid 5px #121481;
                              border-right : solid 5px #121481; 
                            }
                            ul li {

                            }

                            .vl {
                              border-right: 6px solid #f1f1f1;
                            }

                            input[type=text], select {
                              width: 100%;
                              padding: 12px 20px;
                              margin: 8px 0;
                              display: inline-block;
                              border: 0px solid lightgrey;
                              border-radius: 0px;
                              box-sizing: border-box;
                            }

                            .activetab{
                              border-bottom:solid 5px #121481;
                              transition: border-width 2s linear;
                            }
/**/

/*sub menu of subjects*/

.list-unstyled,
.list-unstyled ul { min-width: 120px }

@media ( min-width: 767px ) {
.panel-group { width: 400px; }
.thumbnail { margin: 0; }
}

/* Grid demo styles */
.grid-demo {
padding: 10px 30px;
}

.grid-demo [class*="col-"] {
margin-top: 5px;
margin-bottom: 5px;
font-size: 1em;
color:#1A5276;
text-align: center;
line-height: 2;
background-color: white;
border: 1px solid #1A5276;
}
.tab button{
border:1px solid white; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: white;
background-color: #5499C7; background-image: -webkit-gradient(linear, left top, left bottom, from(#5499C7), to(#5499C7));
background-image: -webkit-linear-gradient(top, #5499C7, #5499C7);
background-image: -moz-linear-gradient(top, #5499C7, #5499C7);
background-image: -ms-linear-gradient(top, #5499C7, #5499C7);
background-image: -o-linear-gradient(top, #5499C7, #5499C7);
background-image: linear-gradient(to bottom, #5499C7, #5499C7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5499C7, endColorstr=#5499C7);
padding: 5px;
margin: 5px;
min-width: 150px;
max-width: 350px;
}

.tab button:hover{
border:1px solid #f7b800;
background-color: #ffc92b; background-image: -webkit-gradient(linear, left top, left bottom, from(#615378), to(#615378));
background-image: -webkit-linear-gradient(top, #615378, #615378);
background-image: -moz-linear-gradient(top, #615378, #615378);
background-image: -ms-linear-gradient(top, #615378, #615378);
background-image: -o-linear-gradient(top, #615378, #615378);
background-image: linear-gradient(to bottom, #615378, #615378);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#615378, endColorstr=##615378);
}
.tab button.active {
border-bottom: 5px solid #AFEEEE; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: white;
background-color: #fcfac0; background-image: -webkit-gradient(linear, left top, left bottom, from(#615378), to(#615378));
background-image: -webkit-linear-gradient(top, #4682B4, #4682B4);
background-image: -moz-linear-gradient(top, #4682B4, #4682B4);
background-image: -ms-linear-gradient(top, #4682B4, #4682B4);
background-image: -o-linear-gradient(top, #4682B4, #4682B4);
background-image: linear-gradient(to bottom, #4682B4, #4682B4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4682B4, endColorstr=#4682B4);
}
.tab2{
border:1px solid white; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: white;
background-color: #2d3666; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d3666), to(#2d3666));
background-image: -webkit-linear-gradient(top, #2d3666, #2d3666);
background-image: -moz-linear-gradient(top, #2d3666, #2d3666);
background-image: -ms-linear-gradient(top, #2d3666, #2d3666);
background-image: -o-linear-gradient(top, #2d3666, #2d3666);
background-image: linear-gradient(to bottom, #2d3666, #2d3666);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d3666, endColorstr=#2d3666);
padding: 5px;
margin: 5px;
min-width: 150px;
max-width: 350px;
}

.tab2:hover{
border:1px solid white;
background-color: #ffc92b; background-image: -webkit-gradient(linear, left top, left bottom, from(#615378), to(#615378));
background-image: -webkit-linear-gradient(top, #615378, #615378);
background-image: -moz-linear-gradient(top, #615378, #615378);
background-image: -ms-linear-gradient(top, #615378, #615378);
background-image: -o-linear-gradient(top, #615378, #615378);
background-image: linear-gradient(to bottom, #615378, #615378);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#615378, endColorstr=##615378);
text-decoration: none;
color:white;
}
.tab2.active {
border-bottom: 5px solid #615378; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: white;
background-color: #fcfac0; background-image: -webkit-gradient(linear, left top, left bottom, from(#615378), to(#615378));
background-image: -webkit-linear-gradient(top, #C0C0C0, #C0C0C0);
background-image: -moz-linear-gradient(top, #C0C0C0, #C0C0C0);
background-image: -ms-linear-gradient(top, #C0C0C0, #C0C0C0);
background-image: -o-linear-gradient(top, #C0C0C0, #C0C0C0);
background-image: linear-gradient(to bottom, #C0C0C0, #C0C0C0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C0C0C0, endColorstr=#C0C0C0);
}
ul.demo {
list-style-type: none;
margin: 0;
padding: 0;
}

.blink_me {
animation: blinker 2s linear infinite;
}

@keyframes blinker {  
50% { opacity: 0; }
}



a {
  color: currentColor;
  text-decoration: none;
}

p {
  font-size: 14px;
  line-height: 19px;
}

.flex-caption {
  position: relative;
  background: #fff;
  color: #333;
  max-width: 310px;
  display: table;
  padding: 30px;
  border-radius: 4px;
}

.flex-caption p {
  color: #777;
}

li.css a {
      border-radius: 0;
}

.flex-viewport {
  max-height: 450px;
  max-width: 800px;
}

section.slider {
  width: 800px;
  margin: 5% auto;
}

.flexslider .slides img {
  height: auto;
  max-width: 490px;
  border-radius: 4px 0px 0px 4px;
  float: left;
}

.flexslider {
  border: 0px solid #ffffff;
  box-shadow: 0 1px 30px rgba(0,0,0,.4);
  transition: 400ms ease;
}

span.date {
  font-size: 11px;
}

.flex-control-nav {
  bottom: 5px;
}

.flex-control-paging li a {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
}

.flex-control-paging li a:hover {
  background: #4183D7;
}

.flex-control-paging li a.flex-active {
  background: #4183D7;
}

.flex-control-nav {
  text-align: left;
  margin-left: 20px;
}

.flexslider .slides > li {
  position: relative;
}

.card-outmore {
  padding: 10px 30px 10px 30px;
  border-radius: 0px 0px 4px 0px;
  border-top: 1px solid #e0e0e0;
  background: #efefef;
  color: #222;
  display: inline-table;
  width: 100%;
  max-width: 310px;
  transition: 400ms ease;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
}
.card-outmore h5 {
  float: left;
  margin: 0px;
}
.card-outmore i {
  float: right;
}
#outmore-icon {
  border:1px solid ;
  padding: 1px 6px;
  border-radius: 50em;
}

.flex-direction-nav a:before {
  font-family: "FontAwesome";
  font-size: 38px;
  display: inline-block;
  content: '\f104';
  color: #fff;
}

.flex-direction-nav a.flex-next:before {
  content: '\f105';
  color: #333;
}

a:hover .card-outmore {
  background: #2C3E50;
  color: #fff;
}

a:hover .flexslider {
  box-shadow: 0 10px 50px rgba(0,0,0,.6);
}