.text-xs-left { text-align: left; }
         .text-xs-right { text-align: right; }
         .text-xs-center { text-align: center; }
         .text-xs-justify { text-align: justify; }

          .en-width-fix{
            width: 100%;
            overflow-x:hidden;
          }

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

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

          .en-color-2{
               color: #333333;
               /*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: linear-gradient(to bottom, #772428 0%, rgb(119, 152, 253) 100%);
               background: url(../../src/img/bk1-old1.jpg);      
               background-position: top center;   
               min-height: 10px;                    
          }

          .en-content-bk{
               background: #999;
               background: linear-gradient(to bottom, #666 0%, #999 30%, #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, #B8400C 0%, #3E1504 100%);
               background: linear-gradient(to bottom, #B8400C 0%, #3E1504 100%), url(../../src/img/bk1.gif);      
               background-blend-mode: multiply;     
               background-position: top center;

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

          .en-column {
            -webkit-columns: auto 1;
            -moz-columns: auto 1;
            columns: auto 1;
          }

          @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;
                    font-weight: bold;
               }

               .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,
               .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: #772428;
                    background: linear-gradient(to bottom, #772428 0%, #772428 100%);         
                    color: white !important;
               }

               .carousel-inner{
                    max-height: 768px;
                    background-color: #000;
               }

               .carousel-indicators{
                  width: 100%;
                  margin: auto;
                  left: initial;
                  right: initial;
                  position: absolute;
                  bottom: 0;
                  padding: 10px 0;
                  background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .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: 20px;
                  right: 20px;
                  padding: 20px;
                  border-radius: 5px;
                  max-width: 40%;
                  font-size: 2em;
                  background: rgba(119, 36, 40, .75);
                  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
               }

               .en-text-wrapper-2{
                   position: absolute;
                    color: white;
                    top: 20px;
                    padding: 1rem 2rem;
                    max-width: 40%;
                    font-size: 2em;
                    background-color: #772428;
                    border-radius: 0 5px 5px 0;
                    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
               }

               .en-text-wrapper-2.right{
                 left: auto;
                 right: 0;
                 border-radius: 5px 0 0 5px;
               }

               .en-text-wrapper-2.bottom{
                 top: auto;
                 bottom: 65px;
               }

               .en-list-hover li {
                 padding: 10px;
               }

              .en-list-hover li:hover,
               .en-free-estimate{
                  white-space: nowrap;
                  border-radius: 5px;
                  padding: 10px;
                  color: white;
                  background-color: #772428;
                  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
               }

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

               .en-column {
                    -webkit-columns: auto 3;
                    -moz-columns: auto 3;
                    columns: auto 3;
               }
          }