/* Add here all your css styles (customizations) */

.article-image{
    max-width: 400px;
    padding:10px;
}

.article-image-small{
    max-width: 300px;
    padding:10px;
}

.site-orange{
    color: #ed810e;
}

.site-orange-bg{
    background-color: #ed810e !important;
}

.progress-bar{
    background-color: #ed810e !important;
}

#rootwizard .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ed810e !important;

}

#rootwizard .nav-pills > li > a{
    color: #ed810e;
}

.article-text{
    text-align: justify;
}


/*masonry*/

m-grid-no-popup:after {
    content: '';
    display: block;
    clear: both;
}

/* clear fix */
.m-grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */

.m-grid-sizer,
.m-grid-item {
    width: 25%;
    padding:0.5%;
}

.m-grid-item {
    float: left;
}

.m-grid-item img {
    display: block;
    max-width: 100%;
}

/* ---------------------------- end masonry -------------------------*/

.title-price{
    color:#18ba9b !important;
}

.custom-hr{
    margin: 3px !important;
}

.custom-address{
    height: 140px!important;
}

.site-call{
    width: 1em;
    height: 1em;
    position: relative;

}

i.icon-lg{
    line-height: 55px !Important;
}

.site-call-icon,
.site-cart-icon,
.site-calc-icon
{
    -webkit-box-shadow: 5px 5px 20px -2px rgba(77,74,77,1);
    -moz-box-shadow: 5px 5px 20px -2px rgba(77,74,77,1);
    box-shadow: 5px 5px 20px -2px rgba(77,74,77,1);
}
.site-cart-icon:hover,
.site-call-icon:hover,
.site-calc-icon:hover{
    -webkit-box-shadow: 5px 5px 20px 0px rgba(77,74,77,1);
    -moz-box-shadow: 5px 5px 20px 0px rgba(77,74,77,1);
    box-shadow: 5px 5px 20px 0px rgba(77,74,77,1);
}

.floatingCartHolder{
    position: fixed;
    z-index: 91000 !important;
    bottom: 30px;
    left: 50px;
}

.floatingCalcHolder{
    position: fixed;
    z-index: 91000 !important;
    bottom: 30px;
    right: 50px;
}

.phoneCallHolder{
    position: fixed;
    z-index: 91000 !important;
    bottom: 30px;
    right: calc(50% - 30px);
}

.price{
    color: #ef2809;
    font-weight: 600;
    font-size: x-large;
}

.no-padding{
    padding:0px !important;
}

.price-small{
    font-size: 1.2em;
    color: #ef2809;
    font-weight: 600;
}

.product-description h4.title-price a {
    color: #009349 !important;
    font-weight: 600;
}

.site-shadow{
    -webkit-box-shadow: 5px 5px 10px -5px rgba(77,74,77,1);
    -moz-box-shadow: 5px 5px 10px -5px rgba(77,74,77,1);
    box-shadow: 5px 5px 10px -5px rgba(77,74,77,1);
}

.margin-bottom-5{
    clear: none !important;
}

.box-margin-5{
    margin: 5px !important;
}

.site-red{
    color: #ef2809 !important;
}

.site-custom-box{
    background: #fff;
    padding: 2px;
}

.cart-text{
    font-size: 1.2em;
}

.site-custom-box .col-md-3:not(:first-child),
.site-custom-box .col-md-2:not(:first-child),
.site-custom-box .col-md-1:not(:first-child)
{
    margin-top: 30px;
}

h6.title-price a{
    font-size: 0.8em;
    font-weight: 400;
}


.custom-button{
    border: 0;
    color: transparent;
    font-size: 18px;
    padding: 10px 25px;
    cursor: pointer;
    font-weight: 400;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}

@media(min-width:600px) and (max-width:992px){
    .site-custom-box .col-md-3:not(:first-child),
    .site-custom-box .col-md-2:not(:first-child),
    .site-custom-box .col-md-1:not(:first-child)
    {
        margin-top: 0px;
    }
    .custom-button{
        border: 0;
        color: transparent;
        font-size: 17px;
        padding: 8px 20px;
        cursor: pointer;
        font-weight: 400;
        position: relative;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
    }
}

@media(min-width:992px){
    .site-custom-box .col-md-3:not(:first-child),
    .site-custom-box .col-md-2:not(:first-child),
    .site-custom-box .col-md-1:not(:first-child)
    {
        margin-top: 40px;
    }


}


/* for mobile devices*/
@media (max-width: 600px) {
    .steps>ul{
        display: none;
    }

    .wizard>.content{
        margin-top: 5px;
        padding-top:5px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .shopping-cart .coupon-code{
        margin-top: 5px;
        padding-top:5px;
    }

    .voucher{
        display: none;
    }

    .site-custom-box .col-md-3:not(:first-child),
    .site-custom-box .col-md-2:not(:first-child),
    .site-custom-box .col-md-1:not(:first-child)
    {
        margin-top: 0px;
    }

    .content{
        background: #f8f8f8;
        padding-top: 5px;
        padding-bottom: 5px;
    }


    .content-md{
        background: #f8f8f8;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .shop-subscribe h2 {
        margin: 0;
        color: #fff;
        font-size: 1.2em;
        font-weight: 200;
        text-transform: uppercase;
        text-align: center;
    }

    .m-grid-sizer, .m-grid-item {
        width: 100%;
        padding: 0.5%;
    }

    .product-description h4.title-price a {
        color: #009349 !important;
        font-weight: 600;
    }

    .shop-product .shop-product-social li i {
        color: #dedede;
        font-size: 1.2em;
        display: inline-block;
    }

    .mobile-price{
        font-size: 0.6em;
        color:red;
        position: relative;
        float: right;
        top: -15px;
    }

    .custom-button{
        border: 0;
        color: transparent;
        font-size: 17px;
        padding: 8px 20px;
        cursor: pointer;
        font-weight: 400;
        position: relative;
        white-space: nowrap;
        display: inline-block;
        text-decoration: none;
    }

}


.custom-cart-button{
    background-image: url('/images/add-to-cart-blue-orange.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    color: transparent;
    border-radius: 5px;
}

.custom-cart-button:hover{
    background-image: url('/images/add-to-cart-orange-blue-hover.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    color: transparent;
    border-radius: 5px;
}

.custom-cart-button:focus,
.custom-cart-button:active{
    background-image: url('/images/add-to-cart-orange-blue-hover.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    color: transparent !important;
    border-radius: 5px !important;
}


.custom-cart-header{
    background: lavender;
    padding: 10px 5px;
    border-radius: 10px;
}

.close-text{
    float: right;
    font-size: 11px;
    line-height: 1;
    color: red;
    text-shadow: 0 1px 0 #fff;
}

.custom-qty-field{
    max-width: 80px;
    position: relative;
    float: left;
}

.qtyms{
    position: relative;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    display: none !important;
}

.custom-fa-icon-size{
    font-size: 17px;
}

.meniu-text{
    position: relative;
    float: left;
    padding-left: 5px;
    top: -5px;
}

.meniu-toogle{
    position: relative;
    float: left;
}

.bonusItem{
    background: #f1ffef;
}

.calc-red{
    color:#CC0000;
}

.calc-padding-25{
    padding: 25px;
}

.calc-padding-15{
    padding: 15px;
}

#longDescription{
    margin: 0px;
    display: contents;
}
#show-more-link {
    display: inline-block; /* Display the button inline with the paragraph */
    margin-left: 10px; /* Add some space to separate the paragraph and button */
}