/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {
    font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
    font-size: 11px;
}

body {
    color: #52697e;
    font: 10px Arial,Helvetica,sans-serif;
    margin: 0px;
    padding: 0;
    text-align: left;
    /*background-image:url(images/background_1.jpg);*/
    background-attachment:fixed;
    background: #000000;
}

#mainContainer {
    background: #ffffff;
    box-shadow: 4px 4px 24px 0 #333;
}

#itemButtonLeftCol {
    background: #e8f2ff;
    text-align: left;
    color: #000000;

}

#itemButtonLeftCol:hover {
    background: #1a1a1a;
    

}

#navMenuItem{
    color: #000000;
}


/* SmartSuggest */
#smartsuggest {
    position: absolute;
    background-color: #ffffff;
    text-align: center;
    font-size: 10px;
    /*border: 1px solid #000000;*/
    border-radius: unset;
    z-index:99;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

#categoriesLeft {
    background: #000000;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 2em;
    font-weight: bold;
    box-shadow: 2px 2px 12px 0 #333;
}

#categoriesLeftItem {
    color: #000000;
}
#bodyContent {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin: 5px 0 0;
    width: 793px;
    font: 14px Arial, Helvetica, sans-serif;
}
#asmartsuggest {
    color: #52697e;
    text-decoration: none;
    display: block;
    border: 1px solid #000000;

}

#asmartsuggest:hover {
    background-color: #79caef;
    z-index:99;
    border: 1px solid #000000;
    border-radius: none;
}


#header {
    height: auto;
    background: #ffffff;
    margin-left: 2px;
    width: 960px;

}

#headerbar {
    margin-top: 2px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid;
    z-index: 999;
    /*box-shadow: 2px 2px 12px 0 #333;*/

}

#headerbarrow {
    position: absolute;
    margin-top: 65px;
}

#contentMain {
    margin-top: 0px;
}

#searchboxHeaderbar {
    margin-top: 13px;
    text-align: right;
}

#languageFlags {
    margin-top: 13px;
    text-align: right;
    font-size: 20px;
}

#ownbuttonleft {
    float: left;
    border-right: 1px solid white;
    background: linear-gradient(to bottom, rgba(62, 117, 228, 1) 0px, rgba(62, 117, 228, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#ownbuttonright {
    float: right;
    border-right: 1px solid white;
    background: linear-gradient(to bottom, rgba(117, 157, 238, 1) 0px, rgba(209, 221, 245, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#ownbuttonnone {
    float: none;
    border-right: 1px solid white;
    background: linear-gradient(to bottom, rgba(217, 218, 220, 1) 0px, rgba(190, 191, 193, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#ownbuttonright:hover {
    background: linear-gradient(to bottom, rgba(209, 221, 245, 1) 0px, rgba(117, 157, 238, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white;	
    border-right: 1px solid white;
}

#ownbuttonleft:hover {
    background: linear-gradient(to bottom, rgba(188, 189, 191, 1) 0px, rgba(117, 118, 120, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white;	
    border-right: 1px solid white;
}

#ownbuttonnone:hover {
    background: linear-gradient(to bottom, rgba(188, 189, 191, 1) 0px, rgba(117, 118, 120, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white;	
    border-right: 1px solid white;
}



#ownbutton {
    height: 30px;
    line-height: 14px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    color: black;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

#ownbutton:hover {
    height: 30px;
    line-height: 14px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    color: white;;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

#storeLogo {
    height: 110px;
    vertical-align: bottom;
    margin-top: 30px;
    margin-left: 30px;
    clear: left;
    float: left;
}

#headerShortcuts {
    float: right;
    margin-top: -15px;
    clear: left;
    margin-right: 10px;
}

#columnLeft {
    padding-top: 5px;
}

#columnRight {
    padding-top: 5px;
}

.infoBoxContainer { 
    position: center;
}

.infoBoxHeading {
    padding: 0px;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    margin-left: 0px;
    width: 100%;
    border-radius: 18px;
}

.infoBoxHeadingown {
    font-size: 18px;
    font-family: Arial;
    font-weight: bold;
    width: 100%;
    background: #0b4673;
    text-align: left;
    moz-box-shadow: 2px 2px 6px #292929; /* Firefox */
    webkit-box-shadow: 2px 2px 6px #292929; /* Chrome, Safari */
    khtml-box-shadow: 2px 2px 6px #292929; /* Konqueror */
    box-shadow: 2px 2px 6px #292929; /* CSS3 */
}

.infoBoxContents {
    padding: 5px;
    font-size: 13px;
    font-family: Arial;
    line-height: 1.5;
}

.contentContainer {
    border-radius:5px;
    padding-bottom: 10px;
}

.contentContainer h2 {
    background:#6AA8D7 url("images/gradient.png") repeat-y left;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 0 0 10px;
    margin:5px;
}

.contentText, .contentText table {
    padding: 7px;
    font-size: 13px;
    line-height: 1.5;
}

.productListTable {
    padding: 5px;
    font-size: 11px;
    line-height: 1.5;
}

.productListTable tr.alt td {
    background-color: #ecf6fc;
}

.fieldKey {
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    width: 150px;
}

.fieldValue {
    font-size: 12px;
    font_weight: bold;
    line-height: 1.5;
    color: #FF0000;
}

h1 {
    background:#000000;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 0 0 10px;
    moz-box-shadow: 2px 2px 6px #292929; /* Firefox */
    webkit-box-shadow: 2px 2px 6px #292929; /* Chrome, Safari */
    khtml-box-shadow: 2px 2px 6px #292929; /* Konqueror */
    box-shadow: 2px 2px 6px #292929; /* CSS3 */
}

img {
    border: 0;
}



#piGal {
    float: center;
    width: 250px;
}

#piGal img {
    max-width: 250px;
    max-height: 100%;
}

.buttonSet {
    clear: both;
}

.buttonAction {
    float: right;
}

.buttonActionHeader {
    clear: both;
    margin-left: 10px;
    margin-top: -7px;

}

.productinfoexpirydate {
    clear: both;
    float: right;
    font-size: 14px;
    margin-right: 8px;
    margin-top: -5px;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 14px; }
.errorBox { font-family :border: 1px solid #DCDCDC;
            border-radius: 5px 5px 5px 5px; Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #ffffff; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

A {
    text-decoration: none;
}

A:hover {
    text-decoration: none;
}

FORM {
    display: inline;
}

TR.header {
    background: #ffffcc;
    background-image: url("images/header_background.jpg");
}

TR.headerNavigation {
    background: #bbc3d3;
    position: fixed;
    top: 0px
        right: 100px;
}

TD.headerNavigation {
    font-family: Arial, Arial, sans-serif;
    font-size: 10px;
    background: #000000;
    color: #ff00000;
    font-weight : bold;
    position: fixed;
    top: 0px;
    right: 100px;
}

A.headerNavigation { 
    color: #FFFFFF; 
}

A.headerNavigation:hover {
    color: #ffffff;
}

TR.headerError {
    background: #ff0000;
}

TD.headerError {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    background: #ff0000;
    color: #ffffff;
    font-weight : bold;
    text-align : center;
}

TR.headerInfo {
    background: #00ff00;
}

TD.headerInfo {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    background: #00ff00;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

TR.footer {
    background: #bbc3d3;
}

TD.footer {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background: #bbc3d3;
    color: #ffffff;
    font-weight: bold;

}

.infoBox {
    background: #b6b7cb;
}

.infoBoxNotice {
    background: #FF8E90;
}

.infoBoxNoticeContents {
    background: #FFE6E6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

TD.infoBoxHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: #bbc3d3;
    color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
    background: #f8f8f9;
    font-size: 14px;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
    background: #f8f8f9;
    font-size: 14px;
}

TABLE.productListing {
    border: 1px;
    border-style: solid;
    border-color: #b6b7cb;
    border-spacing: 1px;
    font-size: 14px;
}

.productListingHeader {
    table-layout: fixed;
    color: #FFFFFF;
    font-weight: bold;
}

.productListingHeader A:hover {
    color: #FFFFFF;
}

.productListingData {
    table-layout: fixed;
    font_size: 14px;
}

A.pageResults {
    color: #0000FF;
}

A.pageResults:hover {
    color: #0000FF;
    background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #9a9a9a;
}

TR.subBar {
    background: #f4f7fd;
}

TD.subBar {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000000;
}

TD.main, P.main {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
    align: left;
}

TD.maincenter, P.maincenter {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    align: center;
}

TD.attributes, P.attributes {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-align: justify;
    width: 100%;
    color: #1a1a1a;
    border-radius: 0;
    border-style: none;
    align-items: center;
    white-space: nowrap;
    align-self: center;
    transition: all .15s ease;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    padding-top: 12px;
}

TD.smallText, SPAN.smallText, P.smallText {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
}

TD.accountCategory {
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #aabbdd;
}

TD.tableHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

SPAN.newItemInCart {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
}

TEXTAREA {
    width: 100%;
    font-family: Verdana, Arial, sans-serif;
    font-size: 14px;
}

SPAN.greetUser {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #f0a480;
    font-weight: bold;
}

TABLE.formArea {
    background: #f1f9fe;border: 1px solid #DCDCDC;
    border-radius: 5px 5px 5px 5px;
    border-color: #7b9ebd;
    border-style: solid;
    border-width: 1px;
}

TD.formAreaTitle {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

SPAN.markProductOutOfStock {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #c76170;
    font-weight: bold;
}

SPAN.productSpecialPrice {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
}

SPAN.errorText {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
    list-style-type: none;
    margin: 2px 2px 2px 10px;
    padding: 5px;
}

.accountLinkListEntry {
    float: left;
    margin-right: 5px;
}


#searchbox {
    float: right;
    height: 70px;
    width: 250px;
    margin-top: 30px;
    margin-right: 35px;
    text-align: center;
} 
#shortcutbutton {
    vertical-align: middle;
    float: right;
    margin-right: 5px;
    clear: right;
}
/* end SmartSuggest */

#buttonbox {
    vertical-align: middle;
    clear: both;
    float: left;
    margin-left: 40px;
} 

#InformationBoxHeader {
    float: left;
    height: 30px;
    width: 990px;
    background: #000000;
    margin-left: -20px;
}

#arounddiv {
    background: #ffffff;
}

#headercart {
    float: right;
    width: 300px;
    color: #000000;
    height: 112px;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
}

#indexPage{
    float:left;
    margin-left: 100px;
}

#headercarttitle {
    float: right;
    margin-top: 30px;
    margin-right: 20px;
}

#headercartcontents {
    font-size: 13px;
}

#headerlanguages {
    font-size: 13px;
    color: #000000;
    padding-top: 5px;
    margin-left: 18px;
}

/*SIDEBAR*/
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidebar a {
    padding: 3px 3px 3px 15px;
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: #f1f1f1;
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.openbtn {
    font-size: 1.3em;
    cursor: pointer;
    background-color: #ffffff;
    color: black;
    border: none;
    padding-top: 3px;
}

.openbtnlarge {
    font-size: 15px;
    cursor: pointer;
    background-color: #ffffff;
    color: black;
    border: none;
    padding-top: 7px;
}



/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidebar {padding-top: 15px;}
    .sidebar a {font-size: 15px;}
}

#sidebarTitle {
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
} 
/*END SIDEBAR*/

/*START FOOTER*/
.footer {

    color: #000000;
    font-size: 15px;
    text-align: center;
}

.copyright {
    background-color: #000000;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
}
/*END FOOTER*/

/*Custom Bootstrap*/
.navbar { 
    padding-top: 1;
    padding-bottom: 1;
}

#carouselExampleIndicators{
    z-index: 1;
}

/*overlay*/
#overlay {
    background-color: #000000;
    width    : 100%;
    height   : 100%;
    z-index  : 999;
    opacity: 100%;
} 

#search {
    display: none;
    text-align: center;
}



#frmSearch {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    min-width: 50%;
}

/*INDEX.PHP*/
#slider1 {
    padding: 0px;
    box-shadow: 2px 2px 12px 0 #333;
}

.h5 {
    font-weight: bold;
}

#actual-product {
    background: #B4100D;
    font-size: 25px;
}

#actual-product-bottom {
    background: #660000;
    padding: 24px;
}


#charts-section {
    background: rgb(62, 139, 180);
    font-size: 25px;
}

#viento-section {
    background: rgb(220, 235, 255);
    font-size: 25px;
}

#special-offer-section {
    background: #B4100D;
    font-size: 24px;
}

#charts-section-bottom {
    background: rgb(128, 182, 211);
    padding: 24px;
}

#viento-section-bottom {
    background: rgb(182, 214, 255);
    padding: 24px;
}

.title-index {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-size: 32px;
}

#power-im-flieger {
    font-family: Tiempos,Times New Roman,serif;
}

.size-32 {
    font-size: 32px;
}

.size-18 {
    font-size: 18px;
}

.size-18:hover{
    border-bottom: 3px solid white;
    text-decoration: none!important;
}

.headerbar-top {
    font-size: 0.75em;
}

/*LOGIN_MODAL*/
@media (min-width: 576px){
    .modal-dialog {
        max-width: 400px;

        .modal-content {
            padding: 1rem;
        }
    }
}

.modal-header {
    .close {
        margin-top: -1.5rem;
    }
}

.form-title {
    margin: -2rem 0rem 2rem;
}

.btn-round {
    border-radius: 3rem;
}

.delimiter {
    padding: 1rem;  
}


.signup-section {
    padding: 0.3rem 0rem;
}

/*PRODUCT_INFO*/
#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-indicators>li {
    width: 100px
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}

/* ab md keine Thumbnails anzeigen */
@media (max-width: 759px) {
    #custCarousel .carousel-indicators{
        visibility: hidden;
    }
}

.carousel-item img {
    width: 80%;
}

.product-info img{
    width: auto;
    max-height: 300px!important;
    max-width: 80%!important;
}

.charts-slider img{
    object-fit: contain;
    height: 150px;
}

.shaddow {
    box-shadow: 4px 4px 24px 0 #333;
}

#products-name-slider-1 {
    font-family: HelveticaNow,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.2px;
    color: #1a1a1a;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 3px;
}

#products-price-slider-1 {
    transform: rotate(45deg);
    transform-origin: 0% 0%;
    font-family: HelveticaNow,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: -.2px;
    color: red!important;
    padding: 80%;
    z-index: 99;
    height: 300px;
}



#products-name {
    font-family: HelveticaNow,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    letter-spacing: -.2px;
    color: #1a1a1a;
}

#products-price {
    font-family: HelveticaNow,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    color: #1a1a1a;
    font-size: 1.375rem;
    line-height: 1.75rem;
    letter-spacing: -.22px;

}

.products-description {
    font-family: HelveticaNow,Helvetica,sans-serif !important;
    border-top: 1px solid;
    color: #1a1a1a !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}


#tdb {
    width: 100%;
    color: #fff;
    border-radius: 0;
    border-style: none;
    align-items: center;
    padding: 12px;
    white-space: nowrap;
    align-self: center;
    transition: all .15s ease;
    background-color: #1a1a1a;
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
}

.toast {
    background-color: #00ff00;
}

.notification {
    /*padding: 15px 26px;*/
    position: relative;
    display: inline-block;
    border-radius: 2px;
}

.notification:hover {

}

.notification .badge {
    position: absolute;
    border-radius: 50%;
    background: red;
    color: white;
}

.karte {
    background-color: #B4100D;
    background-size: cover;
}

/*Footer*/

footer {
    background-color: #292c2f;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: bold 16px sans-serif;
    padding: 55px 50px;
    margin-top: 80px;
    bottom: 0;
    color: #fff;
}

.footer-navigation h3 {
    margin: 0;
    font: normal 36px Cookie, cursive;
    margin-bottom: 20px;
    color: #fff;
}

.footer-navigation h3 a {
    text-decoration: none;
    color: #fff;
}

.footer-navigation h3 span {
    color: #5383d3;
}

.footer-navigation p.links a {
    color: #fff;
    text-decoration: none;
}

.footer-navigation p.company-name {
    color: #8f9296;
    font-size: 16px;
    font-weight: normal;
    margin-top: 20px;
}

@media (max-width:767px) {
    .footer-contacts {
        margin: 30px 0;
    }
}

.footer-contacts p {
    display: inline-block;
    color: #ffffff;
    vertical-align: middle;
}

.footer-contacts p a {
    color: #5383d3;
    text-decoration: none;
}

.fa.footer-contacts-icon {
    background-color: #33383b;
    color: #fff;
    font-size: 18px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    margin: 10px 15px 10px 0;
}

span.new-line-span {
    display: block;
    font-weight: normal;
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 2;
}

.footer-about h4 {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-about p {
    line-height: 20px;
    color: #92999f;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

div.social-links {
    margin-top: 20px;
    color: #fff;
}

.social-links a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color: #33383b;
    border-radius: 2px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    margin-right: 5px;
    margin-bottom: 5px;
}

img {
    background-color: transparent;
}

/*product_listing*/
.product-listing-productdiv {
    outline: 1px solid #1a1a1a;
}

@media (hover: hover) and (pointer: fine) {
    .product-listing-productdiv:hover {
        transform: scale(1.1);
        z-index: 2;
    }
}

.product-listing-categoriesdiv {
    outline: 1px solid #1a1a1a;
}


@media (hover: hover) and (pointer: fine) {
    .product-listing-categoriesdiv:hover {
        transform: scale(1.1);
        z-index: 3;
    }
}

.prod-list-btn {
    width: 100%;
    border: none;
    border-radius: 0;
    opacity: 0.8;
    vertical-align: bottom;
}

.prod-list-btn:hover {
    opacity: 1;
}

.prod-list-name {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    text-align: center;
    color: #1a1a1a!important;
    text-decoration: none!important;
    -webkit-line-clamp: 4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.prod-list-release-date {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    text-align: left;
    color: red!important;
    text-decoration: none!important;
    -webkit-line-clamp: 4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.prod-list-price {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 900;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    color: red;
    text-align: center;
}

.cat-list-name {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    text-align: center;
    text-decoration: none!important;
    -webkit-line-clamp: 4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    writing-mode: horizontal-tb;
    background-color: #1a1a1a;
    color: white;
}

.text-overflow {
    text-overflow: ellipsis;
}

.prod-info-model {
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 600;
    font-family: HelveticaNow,Helvetica,sans-serif;
}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
    border-bottom: 1px solid;
    padding: 1px;
}

#fixed-headerbar {
    background-color: #ffffff;
}

#alert-danger {
    font-size: 1rem;
    font-weight: 600;
}

.btn-primary {
    width: 100%;
    color: #fff;
    border-radius: 0;
    border-style: none;
    align-items: center;
    padding: 12px;
    white-space: nowrap;
    align-self: center;
    transition: all .15s ease;
    background-color: #1a1a1a;
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    text-overflow: ellipsis;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    opacity: 0.8;
}

.btn-primary:hover {
    background-color: #1a1a1a;
    opacity: 1;
}

.shopping-cart-products-name {
    color: #1a1a1a;
    padding: 12px;
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    text-overflow: ellipsis;
}

.shopping-cart-image {
    max-height: 150px;
    max-width: 100%;
}

.shopping-cart-price {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: red;
    padding-top: 20%;
}

.checkout-confirmation-price {
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: red;
}

.text-empty-cart {
    color: #1a1a1a;
    padding: 12px;
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    text-overflow: ellipsis;
}

.text-logoff {
    color: #1a1a1a;
    padding: 12px;
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    text-overflow: ellipsis;
}

.shipping-address {
    color: #1a1a1a;
    padding: 12px;
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    text-overflow: ellipsis;
}

.progress-bar{
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.progress-bar-inactive{
    background-color: #ffffff!important;
    color: #1a1a1a;
}
.progress{
    border-radius: 40px !important;
    background-color: white !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 2px solid #337AB7;
}

.progress-bar-activated {
    border-radius: 0px !important;
}

.footer-texts {
    color: #ffffff!important;
}

.conditions {
    color: #1a1a1a;
    padding: 12px;
    font-family: HelveticaNow,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
}

.company-name {
    font-size: 1rem;
    padding-top: 5px;
    font-weight: 700;
}

.slider-img {
    max-width: 150px;
    
}

.charts-inner {
    height: 400px;
}

.viento-inner {
    height: 400px;
}


.slider-img-viento {
    max-height: 320px;
    max-width: 350px;
}

.caption-below-image {
    position: relative;
    left: auto;
    right: auto;
}

.charts-slider-price {
    color: #1a1a1a;
    font-size: 1.5rem;
    font-weight: 700;
}

.color-1a1a1a {
    color: #1a1a1a!important;
}

.charts-slider-more-links {
    color: #1a1a1a!important;
    font-weight: 700;
}


.no-underline {
    border: none;
}

.no-underline:hover {
    border: none;
}

.bg-grey {
    background-color: #c3c3c3;
}

.airbatt-index-link {
    font-weight: 700;
}