.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: #777;
          }

          h1, h2, h3, h4, h5, h6, a, p, span, ul, li{
               font-family: 'Raleway', sans-serif;
          }

          h1, h2, h3{
            color: #196df4;
          }

          .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: #196df4;
               color: rgba(25, 109, 244, 1);
          }

          .en-color-2{
               color: #679eef;
               color: rgba(103, 158, 23, 1);
          }

          .en-color-white{
              color: white;
          }

          .en-wrapper{
               background-color: #ffffff;
               padding: 0;
          }

          .en-navbar-wrapper{
               padding: 0;
          }

          .en-navbar-bk{
               /*background: #196df4;*/
               /*background: linear-gradient(to bottom, #679eef 0%, #196df4 100%);  */    
               background: linear-gradient(to bottom, #000 0%, #000 100%);      
               background-blend-mode: screen;     
               background-position: top center;         
               min-height: 10px;              
          }

          .en-content-bk{
               background: #999;
               background: linear-gradient(to bottom, #999 0%, #ddd 30%, #ddd 80%, #999 100%), url(../../src/img/bk1.jpg);
               background-blend-mode: screen;     
               background-position: top center;   
               background-repeat: repeat;               
          }

          .navbar-default{
               background-color: transparent;
               border: none;
               padding-bottom: 0;
               margin-bottom: 0;
          }

          .navbar-default .navbar-nav>li>a{
                font-weight: 100;
               color: #ffffff;
               text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
          }

          .navbar-default .navbar-toggle{
               background-color: #000;
               color: #F2E1B1;
               border-radius: 0;
               padding: 15px 18px;
               margin: 0;
               border: none;
               /*border: 1px solid #DAF4FC;*/
          }

          .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%, #196df4 100%);
              color: white;
              font-size: 1.4em;
              text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
          }

          .list-group .en-no-border{
            border: none !important;
          }


          @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;
                    top: -100px;
                    border-radius: 0;
                    border: 1px solid #ffffff;
                    box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,.12), 0px 0px 20px 0px rgba(0,0,0,.35);
               }

               .en-footer{
                position: relative;
                top: -50px;
               }

               .en-navbar-wrapper{
                    padding-bottom: 100px;
               }

               .navbar-default{
                    margin-bottom: 0px;
               }

               .navbar-default .navbar-nav{
                    font-size: 18px;
               }

               .navbar-default .navbar-nav> li:not(:first-child){
                    border-left: 1px solid rgba(255, 255, 255, 1);
               }

               .navbar-default .navbar-nav>li:not(:last-child){
                    border-right: 1px solid rgba(0, 0, 0, 1);
               }

               .navbar-default .navbar-nav>li a{
                    font-size: 1.2em;
                    padding-top: 25px;
                    padding-bottom: 25px;
               }

               .navbar-default .navbar-nav a:focus, .navbar-default .navbar-nav a:hover,
               .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{               
                    background-color: #fff;
                    background: linear-gradient(to bottom, #679eef 0%, #196df4 100%);         
                    color: #fff !important;
               }

               .carousel-inner{
                    /*height: 600px;*/
               }

               .carousel-indicators{
                  width: 100%;
                  margin: auto;
                  left: initial;
                  right: initial;
                  position: absolute;
                  bottom: 0;
                  padding: 10px 0;
                  background: linear-gradient(to bottom, rgba(25, 109, 244, .5) 50%, rgba(25, 109, 244, .5) 100%);
               }

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

               .carousel-control {
                    width: 50px;
               }


               .en-thumbnail-wrapper{
                    margin: 0 30px;
               }

               .en-text-wrapper{
                  position: absolute;
                  top: 50px;
                  right: 50px;
                  padding: 20px;
                  border-radius: 5px;
                  width: 50%;
                  background: rgba(0, 0, 0, .25);
               }

               .en-free-estimate{
                  white-space: nowrap;
                  border-radius: 5px;
                  padding: 10px;
                  color: #fff;
                  background-color: #196df4;
                  background: linear-gradient(to bottom, #679eef 0%, #196df4 100%);
                  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
               }

               .en-flex-container{
                    display: flex;
                    align-items: stretch;
                    flex-direction: row;
               }
          }