.text-xs-left { text-align: left; }

         .text-xs-right { text-align: right; }

         .text-xs-center { text-align: center; }

         .text-xs-justify { text-align: justify; }



          body{

               font-size: 18px;
               font-family: 'Roboto', sans-serif;
               color: rgb(27, 27, 27);

          }



          h1, h2, h3{

            /* color: #786558; */

          }

          .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
            font-weight: 400;
            line-height: 1;
            color: rgb(255, 255, 255);
        }



          .en-font-family-1{

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

          }



          .en-font-family-2{

            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

          }



          .en-color-1{

               color: #272d57;

          }



          .en-color-2{

               color: #272d57;

          }



          .en-color-white{

              color: white;

          }



          .en-wrapper{

               background-color: #ffffff;

               padding: 0;

          }

        .en-white-bk {
            background-color: #ffffff;
        }




          html{

                /* box-shadow: inset 0px 0px 200px 25px rgba(0,0,0,1); */

          }

          .en-content-bk{

               background: #999;

               background: linear-gradient(to bottom, #999 0%, #999 30%, #999 80%, #999 100%), url(../../src/img/bk-old.jpg);

               background-blend-mode: screen;     

               background-position: top center;   

               background-repeat: repeat;   

          }



          .en-thumbnail-wrapper{

               margin: 0;

          }



          .en-thin-bar{

               height: 10px;

               background-color: #ffffff;

               position: relative;

          }



          .en-flex-container{

               flex-direction: column;

          }



          .list-group .list-group-item {

              border: none;

              margin-bottom: 0;

              border-bottom: 1px dotted #DFDFD0;

              

              background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,.05) 100%)

          }



          .list-group .list-group-item-header{

              background: linear-gradient(to bottom, #192453 0%, #786558 100%);

              color: white;

              font-size: 1.4em;

          }



          .list-group .en-no-border{

            border: none !important;

          }



          .en-header-bar{

               position: relative;

               background-color: #0060af;

               padding: 20px;

          }


          .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
            color: rgb(255, 255, 255);
            background-color: #ed1c24;
        }




          .navbar-default{

               background-color: #192453;

               border-color: transparent;

               margin-bottom: 0;

               border: none;

          }



          .navbar-default .navbar-toggle{

               background-color: #e7e7e7;

          }





          .navbar-default .navbar-nav>li>a{

               color: #222222;

               font-weight: bold;

          }



          .navbar-default{

               margin-left: -15px;

               margin-right: -15px;

          }



          .en-footer-nav{

               display: block;

               margin: 0;

               padding: 0;

               font-size: 16px;

          }



          .en-footer-nav > li{

            display: inline;

          }


          .en-footer-nav > li > a{

            /* color: white; */

          }

.dropdown-content {
    background-color: #192453;
}

.dropdown-content a {
    padding: 15px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.dropdown-content a:active {
     color: red ;
}

.dropdown-content a:hover {
    padding: 15px !important;
    color: #000000 !important;
    font-weight: bold !important;
}


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-control {
z-index: 2;
}

.carousel-caption {
    text-align: center;
    margin-bottom: 800px;
}
  
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    }
}


  

@media only screen and (min-width : 768px) {

    .text-sm-left { text-align: left; }

    .text-sm-right { text-align: right; }

    .text-sm-center { text-align: center; }

    .text-sm-justify { text-align: justify; }


    .clear-padding-sm {
        padding: 0 !important;
    }


    .en-wrapper{

        padding: 0;



        position: relative;

        border-radius: 0;

        /* border: 1px solid #aaaaaa; */

        /* box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,.12), 0px 5px 40px 10px rgba(0,0,0,1); */

    }



    .en-footer{

    position: relative;

    }





    .navbar-default{

        background-color: transparent;

        border-color: transparent;



        margin-left: auto;

        margin-right: auto;

        margin-top: 20px;

        margin-bottom: 5px;

    }



    .navbar-nav>li{               

        background-color: #192453;

        background: #f0efef;



        border-left: solid 1px #FFFFFF;  

        border-right: solid 1px #b3d0db;  

    }



    .navbar-nav>li:first-child,

    .navbar-nav>li.active:first-child{

        /* border-top-left-radius: 5px; */

        /* border-bottom-left-radius: 5px;  */

        overflow: hidden;  

        border-left: 0;                    

    }



    .navbar-nav>li:last-child,

    .navbar-nav>li.active:last-child{

        /* border-top-right-radius: 5px; */

        /* border-bottom-right-radius: 5px;  */

        overflow: hidden;  

        border-right: 0;                         

    }



    .carousel-inner{
        background-color: #003469;
        height: 100% ;
        max-height: 800px;

    }

   .carousel-inner .item img {
    height: 100% ;
    max-height: 800px;
    margin: auto;
   }

    

    .carousel-indicators{

        width: 100%;

        margin: auto;

        left: initial;

        right: initial;

        position: absolute;

        bottom: 10px;

        rotate: right;

    }



    .carousel-indicators li {

        background-color: #786558;

        border-color: #786558;

    }



    .carousel-control {

        width: 50px;

    }





    .en-thumbnail-wrapper{

        margin: 0 30px;

    }



    .en-flex-container{

        display: flex;

        align-items: stretch;

        flex-direction: row;
    }

    
    .topnav {
        overflow: hidden;
        background-color: #333;
    }
    
    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }
    
    nav li .active {
        background-color: #ffffff00;
        color: white !important;
    }

    nav li :hover {
        color:#ffffff !important;
        background-color:#ed1c24 !important;
    }
    
    .topnav .icon {
        display: none;
    }
    
    .dropbtn {
        background-color: transparent;
        border-color: transparent;
        margin-left: auto;
        margin-right: auto;
                
    }

    .dropdown {
    position: relative;
    display: inline-block;
    }

    .btn-primary {
        color: #fff;
        background-color: #003469;
        border-color: #003469;
    }

    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #192453;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }

    .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    }

    .dropdown-content b {
        overflow:hidden;
        max-height:0;
        -webkit-transition:max-height 500ms ease;
        -moz-transition:max-height 500ms ease;
        -o-transition:max-height 500ms ease;
        transition:max-height 500ms ease;
    }

    .dropdown-content a:hover {
        background-color: #192453;
    }

    .dropdown:hover .dropdown-content {display: block;}

    .dropdown:hover .dropbtn {background-color: transparent;}
}