html,
body {
    height: 100%;
    margin: 0px;
}

body {
    background: url("../images/bg.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgb(12, 12, 12);
    background-attachment: fixed;
}

@media (max-width: 768px) {
    body *
    {
    -moz-transition-property: none  !important;
    -webkit-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important;  
    }   

    #footer
    {
            padding: 25px 25px !important;

    }
    #footer2
    {
            padding: 25px 25px !important;

    }
    #authorized-dealer
    {
    border-right:none !important;
    }
    #contact-footer
    {
        margin-top:25px;
    }

} 


iframe
{
    width:100%;
}

a
{
    color:#333;
}
a:hover
{
    color:#555;
}

#logo
{
    width:100%;
}
#main {
    margin-bottom: 50px;
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
}

#header {
    text-align: center;
    margin: 0;
    padding:0;
    background-color: rgba(255, 255, 255, 0);    
    color: #333;
}
#headerPlaceholder
{
    height:0px;
}
#nav-container
{
    margin:0;
    padding:0;
    z-index: 2;
}
#nav-container-mobile
{
    margin:0;
    padding:0;
    z-index: 2;
}
#maincat-nav {
    background-color: rgba(28, 28, 28, 0.82);
    text-align: center;
    font-weight: bold;
    font-size: 15pt;
    z-index:3;
}

#maincat-nav .active span {
    background-color: #f5f5f5;
    color: #333;
    position: relative;
    z-index: 1;
}

#maincat-nav-mobile {
    background-color: rgba(28, 28, 28, 0.82);
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    z-index:3;
}

#maincat-nav-mobile .active span {
    background-color: #f5f5f5;
    color: #333;
    position: relative;
    z-index: 1;
}

    .active span:after,
    .active span:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .active span:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #f5f5f5;
        border-width: 4px;
        margin-left: -4px;
    }

    .active span:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #f5f5f5;
        border-width: 10px;
        margin-left: -10px;
    }

    #maincat-nav span {
        display: inline-block;      
        padding: 16px 12px;
        color: #fff;
            }
    #maincat-nav-mobile span {
        display: inline-block;      
        padding: 4px 12px;
        color: #fff;
            }

    #maincat-nav span:hover {
        background-color: #f5f5f5;
        color: #333;
    }
    #maincat-nav-mobile span:hover {
        background-color: #f5f5f5;
        color: #333;
    }
.current
{
    background-color: #f5f5f5;
        color: #333 !important;
       
    
}
#product-nav {
    background-color: rgba(10, 10, 10, 0.95);
    border-bottom: 1px solid #333;
    text-align: center;
}

    #product-nav span {
        display: inline-block;
        padding: 16px 12px;
        color: #ccc;
    }

    #product-nav span:hover {
        background-color: #f5f5f5;
        color: #333;
    }

#product-nav-mobile {
    background-color: rgba(10, 10, 10, 0.95);
    border-bottom: 1px solid #333;
    text-align: center;
    padding-top: 7px;
    font-size:8pt;
}

    #product-nav-mobile span {
        display: inline-block;
        padding: 6px 9px;
        color: #ccc;
    }

    #product-nav-mobile span:hover {
        background-color: #f5f5f5;
        color: #333;
    }

#sidebar {
    border-right: 1px solid black;
    padding: 50px 0;
    background-color: #F5F5F5;
    height: 100%;
}

#sidebar a {
    color: #333;
}

#sidebar ul {
    padding: 0;
    color: #f5f5f5;
    list-style-type: none;
}

#sidebar ul li {}

#sidebar ul li:hover {}



#products-container {
    background-color: #FFF;
}

.product-listing {
    margin-bottom: 50px;
}
.anchor
{
    position:relative;
    top:-100px;
}
.images {
    margin-top: 25px;
    text-align: center;
}


.images img {
    max-height: 400px;
    max-width: 400px;
    width: 100%;
    height: auto;
}


.thumbnails {
    padding: 0;
}

.thumbnails img {
    display: inline-block;
    width: 75px;
    height:auto;
    margin: 5px;
}

.img-responsive {
    display: inline;
}
.description
{
    max-height: 200px;
    overflow: hidden;
    -webkit-transition: max-height 1000ms ease-out;
    -moz-transition: max-height 1000ms ease-out;
    -o-transition: max-height 1000ms ease-out;
    transition: max-height 1000ms ease-out;
}
.description.expand
{
    max-height: 100%;
}
.expand-button
{
    font-weight: bold;
    margin-top: 5px;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
}
    
.buynow {
          text-align: center;
    border: 1px solid;
    margin-top: 20px;
    background-color: #232323;
    color: #D6D6D6;
}
.buynow:hover
{
    background-color: #444;
}

.buynow h3 {
    margin: 10px;

}

.spacer {
    padding-bottom: 50px;
    border-bottom: 1px solid black;
}

.price
{
    margin-bottom:20px;
}
.price b
{
font-size: 20pt
}
#footer
{
    background-color: black;
    color:white;
    padding: 25px 100px;
}
#footer ul
{
    list-style-type: none;
    padding-left: 20px;
    color: #bbb;
}
#footer a {
    color: inherit;
}
.glyphicon
{
    padding:0!important;
}
#footer h3 {
    border-bottom: 1px solid #2F2F2F;
}
#footer li
{
    float:left;
    width:50%;
    max-width:150px;
}
#footer li:hover
{
    color:white;
    float:left;
    width:50%;
    max-width:150px;
}


#footer2
{
    background-color: black;
    color:white;
    padding: 25px 100px;
}
#footer2 ul
{
    list-style-type: none;
    padding-left: 20px;
    color: #bbb;
}
#footer2 a {
    color: inherit;
}
.glyphicon
{
    padding:0!important;
}
#footer2 h3 {
    border-bottom: 1px solid #2F2F2F;
}
#footer2 li
{
    float:left;
    width:50%;
    max-width:150px;
}
#footer2 li:hover
{
    color:white;
    float:left;
    width:50%;
    max-width:150px;
}

#authorized-dealer
{
line-height:2;
padding-left:0;
border-right:1px solid white;

}
#social-buttons img
{
    max-height: 45px;
    width:auto;
}


#contact-footer
{

}