.body {
    font-family: 'Abhaya Libre', serif;
}

body {
    background: #f9f9f9 url(../img/page-bg-1.jpg);
}

.language-changer {
    text-align: right;
    float: right;
}

/* * {
    font-size: 16px;
} */

a:link {
    text-decoration: none;
}

nav ul li a:hover {
    border-bottom: 2px solid #fff;
    /*background: #9eb9cb;*/
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/*----------------------------------------------*/


/*----------------------------------------------*/

.medal {
    padding-left: 35%;
}


#myCarousel {
    margin-top: 95px;
}

section {
    padding-top: 20px;
    /* margin-top: -20px; */
}

#section1,
#section4,
#section3 {
    /* background-color: #e0e0e0; 
	background-color: #f8f6f6;*/
    background-color: #fff;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom:10px;
    padding-bottom: 10px;
}

#section2 {
    background: url("../img/sec_2_bg.jpg") center;
    background-attachment: scroll;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 300px;
    width: 100%;
    height: auto;
    background-size: cover;
}

#sec3_carousel-indicator {
    bottom: -20px;
}

#sec4-col2 {
    border: 2px solid #003171;
}

#section5 {
    background: url("../img/sec_5_bg.jpg") center;
    background-attachment: scroll;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 300px;
    width: 100%;
    height: auto;
    background-size: cover;
    margin-top: 10px;
}

#section6{
	/* background-color: #e0e0e0; 
	background-color: #f8f6f6;*/
	background-color: #e1e1e1;
	border-radius: 10px;
	margin-top: 10px;
}

.carousel-inner .carousel-item .w-50 {
    margin: auto;
}

.card {
    padding: 5px;
}

.card img {
    box-shadow: 0 0 5px #333;
}

.card-body-coustom {
    background-color: #e9e9e9;
    text-align: center;
}

.col-xs-3 {
    width: 25%;
}

.section-head {
    border-bottom: 5px solid #03224b;
    width: auto;
    text-transform: uppercase;
    padding-right: 15px;
    padding-left: 0px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.action-btn {
    background: #f8f8f8;
    color: #003171;
    border: 0 none;
    font-weight: 600;
}

.action-btn:hover {
    background: #003171;
    color: #fff;
}

.align-padding {
    /* padding: 10px; */
}

footer {
    background-color: #03224b;
}

#footerRow1 {
    margin-bottom: 3%;
}

.footer-ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 2px;
}

.footer-ul li a {
    font-size: 12px;
    color: #a0a3a4;
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
}

.footer-ul i {
    margin-right: 10px;
}

.footer-ul li ul li {
    padding-left: 20px;
}

.footer-ul-font {
    font-size: 12px;
}

.footer-ul li a:hover {
    transition: color 0.2s linear 0s, background 0.2s linear 0s;
    color: #ffb733;
    ;
}

.copyright {
    min-height: 40px;
    background-color: #000000;
}

.copyright p {
    text-align: left;
    color: #FFF;
    padding: 10px 0;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.text-center {
    text-align: center !important;
}

.m-auto {
    margin: auto !important;
}


/* Page Header Image Start */

@media only screen and (max-width: 320px) {
    #myCarousel {
        margin-top: 100px;
    }
     #button-nav1 a img{
        
        width:110px;
    }
}
@media only screen and (max-width: 500px) {
    #myCarousel {
        margin-top: 260px;
    }
    .logo {
        width: 50%;
    }
    .language-changer {
        margin-top: -25px;
    }
    h3 {
        font-size: 15px;
    }
    #button-nav1 a img{
        
        width:110px;
    }
}

@media only screen and (max-width: 768px) {
    #myCarousel {
        margin-top: 235px;
    }
    .logo {
        width: 50%;
    }
    .language-changer {
        margin-top: -25px;
    }
    h3 {
        font-size: 15px;
    }
   
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 250px) {
    
    #myCarousel {
        margin-top: 280px;
    }
    .d-sm-block
    {
        display: none !important;
    }
    }
    
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 500px) {
    
    #myCarousel {
        margin-top: 150px;
    } 
    #bestweb {
    position: absolute;
    top: -100%;
    z-index: 900;
   
}
   
   
}    


@media only screen and (min-width: 400px) {
    
    #myCarousel {
        margin-top: 130px;
    }
    
    #bestweb {
    position: absolute;
    z-index: 900;
    left: 80%;
}
}
  #button-nav1 a img{
        
        width:110px;
    }
    
}


/* Medium devices (landscape tablets, 768px and up) 
    
     #myCarousel {
        margin-top: 200px;
    }
}
*/

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #myCarousel {
        margin-top: 135px;
    }
  #button-nav1 a img{
        
        width:140px;
    }
     #search{
        height:45px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
     #myCarousel {
        margin-top: 110px;
    }
     .h-slider{
        height: 450px;
    }
    #button-nav1 a img{
        
        width:170px;
    }
     #search{
        height:45px;
    }
} 


.navbar-toggle
{
    margin-left: 0px;
}

.nav-shadow {
    border-bottom: 1px solid #0d47a1;
    box-shadow: 5px 10px 18px #888888;
}

.card {
    margin-top: 10px;
}

nav button {
    /*margin-right: 20px;*/
    margin-right: 5px;
}

nav .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px;
    margin-left: -15px; */
}

#breadcrumb li {
    display: inline-block;
}

.B_crumbBox {
    padding: 0;
}

#breadcrumb {
    padding: 0;
    text-align: left;
}


/* search Start */

* {
    /*border-radius: 0!important*/
}

.left {
    float: left;
    margin-left: 13px
}

.glyphicon-search {
    color: #fff
}

.mobile_search {
    margin: 6px 0 5px 0;
}


/* search END */


/* Background image Start */

.jumbotron {
    text-align: center;
    padding-top: 13rem;
    /*  padding-bottom: 10rem; */
    text-shadow: 2px 2px #000;
    font-weight: 700;
}

.jumbotron {
    background-color: #03224b;
}

.lead span {
    color: orange;
    font-weight: bold;
}

.bg-cover {
    /* background-size: cover;
  background-position: center center;*/
    color: white;
    position: relative;
    z-index: -2;
    background-repeat: no-repeat;
    background-position: bottom;
}

.overlay {
    background-color: #000;
    /*  background: url("../img/sec_5_bg.jpg") center;*/
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.headerFontSize {
    font-size: 36px;
    font-weight: lighter;
}

.headerFontSize-ta {
    font-size: 52px;
    font-weight: lighter;
    padding-top: 20px;
}

#table {
    border-collapse: collapse;
}

#table.gsc-search-box {
    margin-bottom: 1px;
}
/* Background image END */


/* footer margin start */
/*
.navbar-nav {
    margin-top: 10px;
}
 */

/* footer margin END */

.card-body {
    padding: .25rem;
}


/* Fallen Comrades start */

.main-section {
    border: 1px solid #03224b;
    background-color: #fff;
    margin: 10px 18px;
}

.profile-header {
    background-color: #03224b;
    height: 70px;
}

.user-detail {
    margin: -50px 0px 20px -12px;
}

.user-detail img {
    height: 150px;
    width: 150px;
}

.user-detail h5 {
    margin: 15px 0px 5px 0px;
}

.user-social-detail {
    padding: 15px 0px;
    background-color: #03224b;
}

.user-fallen-comrades-detail {
    padding: 15px 60px;
    background-color: #03224b;
}

.user-detail h4 {
    /*  font-size: 1.1rem; */
    font-size: .8rem;
}

.user-detail h5 {
    /* font-size: 1rem; */
    font-size: .8rem;
}

.user-social-detail a i {
    color: #fff;
    font-size: 18px;
    padding: 0px 5px;
}

.rounded-circle {
    border: 5px solid #fff;
}


/* Fallen Comrades END */


/*Change the Carousel indicator Color in Section 3 START*/

.carousel-indicators .active {
    background-color: #666666;
}

.carousel-indicators li {
    background-color: #808080;
}


/*Change the Carousel indicator Color in Section 3 END*/

#uniformCarouselImage {
    background-color: #9f9494;
}

#navbarSupportedContent {
height: 50px;

}
/*
.right-button {
    margin-bottom: 15px;
    padding-left: 14%;
}
*/
.right-log {
    position: absolute;
    top: 70%;
    /*left: 80%;*/
}

.right-log img {
    width: 20%;
    height: 25%
}

@media only screen and (min-width: 770px) {
    .right-log img {
        width: 80%;
        height: 80%
    }
    
   
}

.bestweb{
     position: absolute;
     top: -10%;
     z-index: 900;
    
}
.bestweb img{
 width:50%;
}

@media only screen and (min-width: 770px) {
    .bestweb{
        top: -5%;
       left: 50%;
    }
    .bestweb img{
         width:280px;
        }
}
@media only screen and (min-width: 990px) {
    .bestweb{
       left: 80%;
    }
     #search{
        height:45px;
    }
}


/**/
.Mostpopweb{
     position: absolute;
     top: -10%;
     z-index: 1000;
    
}
.Mostpopweb img{
 width:100px;
}

@media only screen and (min-width: 770px) {
    .Mostpopweb{
        top: -5%;
       
    }
    .Mostpopweb img{
         width:150px;
        }
}
@media only screen and (min-width: 990px) {
    .Mostpopweb{
       left: 2%;
    }
    #search{
        height:45px;
    }
}

/*------------STYLE FOR BESTWEB POPUP END------------*/

/*------------Navbar start------------*/

.navbar {
    padding: .0rem 1rem;
    margin-left: -34px;
}


/*------------Navbar END------------*/

.img-shadow {
    box-shadow: 0 0 10px #333;
}

.row-top  img {
    box-shadow: 0 0 10px #333;
}

.social_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}

/*------------STYLE FOR BESTWEB POPUP START------------*/

 body, html {
                        padding: 0;
                        margin: 0;
                        /*text-align: center;*/
                        }
                        
                        /* Styles the thumbnail */
                        
                        a.lightbox img {
                        height: 150px;
                        border: 3px solid white;
                        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
                        margin: 10px 10px 0px 40%;
                        }
                        
                        /* Styles the lightbox, removes it from sight and adds the fade-in transition */
                        
                        .lightbox-target {
                        position: fixed;
                        top: -100%;
                        width: 100%;
                        background: rgba(0,0,0,.7);
                        /*width: 100%;*/
                        height:50%;
                        width: 50%;
                        opacity: 0;
                        -webkit-transition: opacity .5s ease-in-out;
                        -moz-transition: opacity .5s ease-in-out;
                        -o-transition: opacity .5s ease-in-out;
                        transition: opacity .5s ease-in-out;
                        overflow: hidden;
                        }
                        
                        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
                        
                        .lightbox-target img {
                        margin: auto;
                        position: absolute;
                        top: 0;
                        left:0;
                        right:0;
                        bottom: 0;
                        max-height: 0%;
                        max-width: 0%;
                        
                        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
                        box-sizing: border-box;
                        -webkit-transition: .5s ease-in-out;
                        -moz-transition: .5s ease-in-out;
                        -o-transition: .5s ease-in-out;
                        transition: .5s ease-in-out;
                        }
                        
                        /* Styles the close link, adds the slide down transition */
                        
                        a.lightbox-close {
                        display: block;
                        width:50px;
                        height:50px;
                        box-sizing: border-box;
                        background: white;
                        color: black;
                        text-decoration: none;
                        position: absolute;
                        top: -80px;
                        right: 0;
                        -webkit-transition: .5s ease-in-out;
                        -moz-transition: .5s ease-in-out;
                        -o-transition: .5s ease-in-out;
                        transition: .5s ease-in-out;
                        }
                        
                        /* Provides part of the "X" to eliminate an image from the close link */
                        
                        a.lightbox-close:before {
                        content: "";
                        display: block;
                        height: 30px;
                        width: 1px;
                        background: black;
                        position: absolute;
                        left: 26px;
                        top:10px;
                        -webkit-transform:rotate(45deg);
                        -moz-transform:rotate(45deg);
                        -o-transform:rotate(45deg);
                        transform:rotate(45deg);
                        }
                        
                        /* Provides part of the "X" to eliminate an image from the close link */
                        
                        a.lightbox-close:after {
                        content: "";
                        display: block;
                        height: 30px;
                        width: 1px;
                        background: black;
                        position: absolute;
                        left: 26px;
                        top:10px;
                        -webkit-transform:rotate(-45deg);
                        -moz-transform:rotate(-45deg);
                        -o-transform:rotate(-45deg);
                        transform:rotate(-45deg);
                        }
                        
                        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
                        
                        .lightbox-target:target {
                        opacity: 1;
                        top: 0;
                        bottom: 0;
                        top: 20%;
                        z-index:1;
                        left: 25%;
                        }
                        
                        .lightbox-target:target img {
                        max-height: 100%;
                        max-width: 100%;
                        }
                        
                        .lightbox-target:target a.lightbox-close {
                        top: 0px;
                        }
                        
                        /*------------STYLE FOR BESTWEB POPUP START------------*/

#myBtn {
          display: none;
          position: fixed;
          bottom: 20px;
          right: 30px;
          z-index: 99;
          font-size: 18px;
          border: none;
          outline: none;
          background-color: #d6d6d6;
          color: #069;
          cursor: pointer;
          padding: 15px;
          border-radius: 100px;
        }
        
        #myBtn:hover {
          background-color: #b0adad;
        }
        
          /*------------STYLE FOR Babel Change START------------*/
        .language-changer  ul li{
            padding: 0px 3px 3px 3px;
            height: 1.5em;
            border-right: 2px solid #007bff;
        }
           /*------------STYLE FOR Babel Change END------------*/
           
           

           
           
     
         /*------------STYLE FOR Search Bar START------------*/
         
         
         
         
               /*------------STYLE FORSearch END------------*/
 

               

.inside{
padding-left: 100px;
padding-right: 100px;
 }   
    

.service-box{
   padding:25px;
}

.joinus-box{
   padding:25px;
}

.awards-box{
  padding: 10px 20px 20px 10px;
}

 /*.fa {
      width: 18px;
}*/
            
.btn{
    padding-right:0.25rem;
    padding-left:0.45rem;
}
.logo{
    padding-top: 2px;
}

.news_para{
    font-size: 16px;
    font-style: italic;
}

.pre-img {
    max-width: 100%;
    width: 120px;
}
.pre-blog {
    font-size: 12px;
    color: #4d4d4d;
    margin-bottom: 5px;
    padding: 15px 0px 5px 1px;
    font-weight: bold;
}

.pre-name {
    font-size: 12px;
    color: #069;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px 0px 10px 0px;
}