.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;

               color: #333;

          }



          h1, h2, h3{

            /* color: #786558; */

          }



          .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: #007DC5;

          }



          .en-color-2{

               color: #007DC5;

          }



          .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, #679eef 0%, #786558 100%);

              color: white;

              font-size: 1.4em;

          }



          .list-group .en-no-border{

            border: none !important;

          }



          .en-header-bar{

               position: relative;

               background-color: #007DC5;

               padding: 20px;

          }







          .navbar-default{

               background-color: #007DC5;

               border-color: transparent;

               margin-bottom: 0;

               border: none;

          }



          .navbar-default .navbar-toggle{

               background-color: #e7e7e7;

          }





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

               color: #FFFFFF;

               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: #007DC5;
}

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

.dropdown-content a:active,
.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;
    background-color: #FFFFFF;
  }
  
  .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;
  }
  
  /*
    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; }



               .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: 20px;

              }



              .navbar-nav>li{               

                   background-color: #2556a8;

                   background: linear-gradient(to bottom, #007DC5 1%,  #007DC5 100%);



                   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{

                    height: 600px;

               }

              

               

               .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;
               }
               
               .active {
                    background-color: #007DC5;
                    color: white;
               }
               
               .topnav .icon {
                    display: none;
               }
               
               .dropbtn {
                    background-color: transparent;
                    border-color: transparent;
                    margin-left: auto;
                    margin-right: auto;
                         
               }

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

               /* .dropdown-content {
               display: none;
               position: absolute;
               background-color: #f1f1f1;
               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: #ddd;
                }

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

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