@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic');

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background:url(../image/bg.png) repeat ;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: 700;
    letter-spacing: 0px;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

hr {
    max-width: 400px;
    border-color: #999999;
}

.img-full {
    min-width: 100%;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,1);
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #000000;
    background: rgba(0,0,0,0.0);
}

.footer-row {
    background: #000000;
    background: rgba(0,0,0,1);
    color:white;
}

.footer-row a {
    color:white
}

footer p {
    margin: 0;
    padding: 50px 0;
}

.poweredby {
    margin-top:10px;
    font-size:smaller;
    margin-bottom:10px;
}


/*Social Media*/
.social{
    position:absolute;
    right:0;
    padding-top:10px;
    text-align: right;
}

.social-share{
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.social-share li {
    display: inline-block;
}

ul.social-share li a {
    display: inline-block;
    color: #fff;
    background-color:#000000;
    background: rgba(0,0,0,0.8);
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 2px;
}

ul.social-share li a:hover {
    background: #fff;
    color: #000;
}
.logoarea {
   text-align:center;
    margin-top:15px;
    margin-bottom:10px;
}
.logo {
    max-width:300px;
    max-height:200px
}
.contact-header {
    color:white;
}
.social-header {
    color:white;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 10px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    background-color: #777;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
}
.carousel-box {
    margin-bottom: 5px;
    padding: 15px 15px;
    background-color:transparent;
    background: rgba(0,0,0,0.2);
}
.btn-primary {
    background-color:#000;
    color:#fff;
}
.btn-primary:hover {
    background-color:rgba(0,0,0,0.6);
    color:#fff;
}
.ProductAreaContainer {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;


}
.ProductItem {
 float:left;
    display:inline-block;
    width: 100%;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}