@import url(https://fonts.googleapis.com/css?family=Marck+Script); 





@font-face {
    font-family: 'laurenscriptregular';
    src: url('../fonts/laurenscript-webfont.eot');
    src: url('../fonts/laurenscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/laurenscript-webfont.woff2') format('woff2'),
         url('../fonts/laurenscript-webfont.woff') format('woff'),
         url('../fonts/laurenscript-webfont.ttf') format('truetype'),
         url('../fonts/laurenscript-webfont.svg#laurenscriptregular') format('svg');
    font-weight: normal;
    font-style: normal;


}

body {color: #343434; background: #f4f4f4;

background-image: url('../images/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top; 
    font-family: 'Open Sans', sans-serif;

}

#top .container {background: none; font-size: 20px; margin-top:  35px;}
#top .container span {font-size: 20px;}


.home .col-md-12 .img-responsive, .home .col-md-12   {
    margin: 0 auto;
    text-align: center;
}

h1, .h1, h2, .h2, h3 { font-family: 'Open Sans', sans-serif; color:#0a56a6; margin-top:0px;}

.container {background: #ffffff;}

.caret {color: white;}



header .navbar-brand {
    
    height: 100px;
    margin-left: 15px;
    max-height: 100px;
    padding: 0px;

}

header #top .follow span {
    font-size: 20px;
    padding-right: 6px;
    vertical-align: text-top;}

header #top .follow {margin-top:20px;}


#side-bar {
background-color: #0a56a6;
    background-image:url(../images/side-strip.jpg);
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-position: bottom; 
    color: #ffffff;
    padding-bottom: 30px;

}

#side-bar  h3 { font-family: 'time', cursive; color:#ffffff;}

#side-bar a {color: #ffffff; font-size: 16px; }

#side-bar a i {color: #ffffff; font-size: 30px; }



footer h4 { font-family: 'time', cursive; font-size: 30px; color:#0a56a6; }

span {color:#0a56a6; font-weight:600; }

blockquote {background:#f1f1f1; border-left: 5px solid #0a56a6; font-size: 16px;}


.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.machinelist ul li {font-size: 12px;}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}



footer {background: #0a56a6; padding: 20px; color: #ffffff; font-size: 12px; }

footer  a, footer a:hover {color: white;}

footer h3 {color: #ffffff;}
.footer-text {color: #0a56a6; font-size: 20px;}


.contact-info i {
    color: #fff;
    font-size: 40px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 40px;
}


.contact-info h3 {
   
    margin-top: 0;
}

#Carousel span {color: white;}
#carousel-bounding-box span {color: white;}

<!--slider-->
.jk-slider{
    width:100%;
}
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}


-----------



.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  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;
}



.list-style-main li {border-bottom: 1px solid green; padding: 10px;}