/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 1, 2019, 3:19:27 PM
    Author     : gasper
*/


body{
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    background-color: #1e2229;
    overflow-x: hidden !important;
}


h1, h2, h3{
    margin: 0;
    padding: 0;
}

*:focus {
    outline: 0;
    outline: none;
}

a{
    text-decoration: none !Important;
    color: #3b3b3b;
}

p{
    margin: 0;
    padding: 0;
}

button{
    border: none;
}


img:focus {
    outline:none !important;
}

.default-label{
    font-weight: 400;
    font-size: 12px;
}

.default-label span{
    font-size: 10px;
    color: #c7c7c7;
}

.default-input{
    border: none;
    border-radius: 5px;
    width: 100%;
    height: 38px;
    padding-left: 10px;
    color: #ffffff;
    background: linear-gradient(120deg, #30373f, #20242b);
}

.default-textarea{
    width: 100%;
    resize: none;
    border: none;
    background-image: linear-gradient(120deg, #30373f, #20242b);
    min-height: 100px;
    padding: 10px;
}

.modal-content{
    background-color: #1e2229;
}

.modal-header .close {
    margin-top: -2px;
    color: white;
    opacity: 1;
}

.modal-title{
    color: #cb5612;
    font-weight: 700;
    padding: 20px;
    font-size: 25px;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e8e4e424;
}



/* LOGIN */

.loginCard{
    width: 400px;
    margin: 0 auto;
    margin-top: 30vh;
    background: #1e2229;
    padding: 50px;
}

.loginBody{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.shoppingCart{
    width: 193px;
    height: 38px;
    border-radius: 19px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #cb5612;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #cb5612;
    transition: .3s;
    margin-top: 20px;
}

.loginImage{
    margin-bottom: 50px;
}

.shoppingCart:hover{
    background: none;
}

.loginInput{
    margin-bottom: 15px;
}


.loginCard label{
    font-weight: normal;
    font-size: 10px;
}

/* NAVBAR */

.navbar{
    min-height: 70px;
    border: none;
    margin-bottom: 0px;
    background: none;
    padding: 30px;
    -webkit-transition: padding .4s;
    -moz-transition: padding .4s;
    transition: padding .4s;
}

.nav>li>a:hover, .nav>li>a:focus{
    background: none !Important;
    color: #cb5612;
}


.navbar .navbar-nav>li>a:hover {
    color: #cb5612;
}

.navbar .navbar-nav>li>a{
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
}

.navbar.navbar-shrink {
    padding: 0 0;
    background: #111b25;
    margin-top: 0px !important;
}

.navbar-right{
    padding-top: 13px;
}

.navigationTop{
    height: 28px;
    background-color: #111b25;
    color: #ffffff;
    font-size: 12px;
    text-align: right;
    padding-top: 5px;
    padding-right: 20px;
}

.navigationShop{
    width: 38px;
    height: 38px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #343441;
    border-radius: 50%;
    margin-top: 7px;
    transition: .3s;
}

.navigationShop img{
    margin-left: -4px;
    margin-top: -11px;
}

.navigationShop:hover{
    opacity: 0.8;
}

.navigationRent{
    height: 38px;
    border-radius: 19px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #cb5612;
    margin-top: 5px;
    transition: .3s;
    color: #ffffff;
}

.navigationRent a{
    margin-top: -5px;
}
.navbar .navbar-nav li.navigationRent a:hover{
    color: #ffffff;
}


.navigationRent:hover{
    opacity: 0.8;
}

.header{
    background-position: center;
    background-size: cover;
    height: 85vh;
}

.header-mobile{
    display: none;
}

.headerImages{

}

.headerImages img{
    margin: 0 auto;
}

.headerImages h2{
    font-size: 50px;
    color: #ffffff;
}

.headerImages h2 span{
    font-weight: 700;
}

.headerImages h3{
    opacity: 0.49;
    margin-top: 15px;
    margin-bottom: 30px;
    font-size: 16px;
}

.headerImages button{
    width: 193px;
    height: 38px;
    border-radius: 19px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #cb5612;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #cb5612;
    transition: .3s;
}

.headerImage4{
    max-width: 450px;
}

.headerImages button:hover{
    background: none;
}


.landing1{
    background-color: #1e2229;
    padding-bottom: 100px;
}

.landingNew{
    background-color: #1e2229;
    padding-bottom: 120px;
}



.landingBlog{
    background-color: #1e2229;
    padding-bottom: 100px;
}

.flex-container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing1 .card1{
    width: 371px;
    height: 92px;
    object-fit: contain;
    border-radius: 20px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(100deg, #30373f, #20242b);
    display: inline-block;
    overflow: hidden;
    margin-top: -25px;
    text-align: left;
    transition: .3s;
    margin-right: 20px;
}

.landing1 .card2{
    margin-left: 17px;
}

.landing1 .card1 .img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 90px;
    border-radius: 22px;
    float: left;
}

.landing1 .card1 .title{
    font-family: Muli;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    padding-top: 20px;
    padding-left: 105px;
    padding-right: 10px;
    height: 65px;
}

.landing1 .card1 .subtitle{
    color: #ffffff;
    opacity: 0.48;
    font-size: 12px;
    font-weight: 700;
    padding-left: 105px;
}

.landing1 .card1 .subtitle img{
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}

.landing1 .card1:hover{
    opacity: 0.8;
    cursor: pointer;
}

.landing1 h2{
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 90px;
}

.landing1 p{
    opacity: 0.49;
    margin-top: 20px;
}

.landing1 .productImg{
    margin-top: 80px;
    max-width: 100%;
}

.landing2 section{
    background-position: center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 120px;
}

.landing2 h2{
    font-size: 24px;
    font-weight: 700;
}

.landing2Border{
    width: 100%;
    border-top: 220px solid #1e2229;
    border-right: 1900px solid transparent;
    position: absolute;
    height: 170px;
}
.videoCard {
    height: min(calc(100% - 20px), auto);
    border-radius: 21px;
    background-color: #1e2229;
    overflow: hidden;
    color: #ffffff;
    transition: .3s;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}
.flex-align {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.video-responsive {
    position: relative;
    width: 100%;
    padding-top: 56.25%; !* 16:9 Aspect Ratio *!
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

/* Existing CSS */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Center three videos */
@media (min-width: 992px) {
    .center-three {
        display: flex;
        justify-content: center;
    }

    .center-three .col-md-3 {
        float: none;
    }
}

.landingNew h2{
    padding-bottom: 40px;
    font-size: 24px;
    font-weight: 700;
}

.landingBlog h2{
    padding-bottom: 40px;
    font-size: 24px;
    font-weight: 700;
}

/* Center three blogs */
@media (min-width: 992px) {
    .center-blogs {
        display: flex;
        justify-content: center;
    }

    .center-blogs .col-md-3 {
        float: none;
    }
}


.iframe-video {
border-radius: 21px;
}
.productCard{
    height: 324px;
    border-radius: 21px;
    background-color: #1e2229;
    overflow: hidden;
    color: #ffffff;
    transition: .3s;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}

.productCard:hover{
    box-shadow: none;
}

.productCard .productImg{
    height: 190px;
    border-radius: 22px;
    overflow: hidden;
    text-align: center;
    background-color: #000000;
}

.productCard .productImg img{
    width: auto;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
}


.imgLiquid{
    width: 100%;
    height: 190px;
}

.productCard .productBody{
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.productCard h3{
    font-size: 15px;
    color: #ffffff;
    height: 60px;

}


.blogCard{
    position: relative;
    height: 404px;
    border-radius: 21px;
    background-color: #1e2229;
    overflow: hidden;
    color: #ffffff;
    transition: .3s;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}
.blogCard h3{
    font-size: 15px;
    color: #ffffff;
    height: 60px;

}


.blogCard .blogImg img{
    width: auto;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.blogCard .blogImg{
    height: 190px;
    border-radius: 22px;
    overflow: hidden;
    text-align: center;
    background-color: #000000;
}

.blogCard h3{
    font-size: 15px;
    color: #ffffff;

    height: auto;
}

.blogCard h4{
    font-size: 12px;
    color: #ffffff;
    height: 60px;

}


.blogCard .blogBody{
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

.blogCard:hover{
    box-shadow: none;
}

.faq-card{
   /* height: 324px;*/
    border-radius: 21px;
    background-color: #111b25;
    overflow: hidden;
    color: #ffffff;
    transition: .3s;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}
.landingFaq h2{
    padding-bottom: 40px;
    font-size: 24px;
    font-weight: 700;
}

.landingBlog section{
    background-position: center;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 120px;
}

.productCard .additional{
    font-weight: 700;
    float: left;
    color: #ffffff;
}

.productCard .discountAdditional{
    font-size: 12px;
    margin-top: 3px;
    margin-right: 5px;
    text-decoration: line-through;
}

.productCard .shopButton{
    width: 38px;
    height: 38px;
    background-color: #343441;
    border-radius: 50%;
    float: right;
    margin-top: -10px;
}

.productCard .shopButton img{
    margin-left: 11px;
    margin-top: 12px;
    transition: .3s;
}

.productCard .shopButton:hover{
    opacity: 0.8;
    cursor: pointer;
}
.social-share{
   display: flex;
    justify-content: end;
}

.blogCard .blogButton{
    width: 38px;
    height: 38px;
    background-color: #343441;
    border-radius: 50%;
    float: right;

    margin-right: 10px;
    bottom: 10px;
    position: absolute;
}

.blog-single .blogButton img{
    width: 15px;
    margin-bottom: 3px;
    transition: .3s;
}



.blog-single .blogButton {
    width: 38px;
    height: 38px;
    background-color: #343441;
    border-radius: 50%;
    float: right;
    margin-right: 10px;
    bottom: 10px;
    position: absolute;
}

.blog-single .blogButton:hover{
    opacity: 0.8;
    cursor: pointer;
}

.blogCard .blogButton img{
    width: 15px;
  margin-bottom: 3px;
    transition: .3s;
}

.blogCard .blogButton:hover{
    opacity: 0.8;
    cursor: pointer;
}

.landing3{
    margin-top: 70px;
    margin-bottom: 120px;
}


.landing3 .section1{
    margin-bottom: 20px;
}

.landing3 .section1 img{
    width: 100px;
}

.landing3 .section2{
    margin-top: 30px;
}

.landing3 .section3{
    margin-top: 30px;
}

.landing3 .section2 img{
    width: 100px;
}

.landing3 .section3 img{
    width: 100px;
}

.referenceImage1{
    margin-top: -20px;
}

.referenceImage2{
    margin-top: -30px;
}

.landing3 .section4{
    margin-bottom: 20px;
}

.landing3 .section4 img{
    width: 100px;
}

.landing3 .section5{
    margin-bottom: 20px;
    margin-top: -20px;
}

.landing3 .section5 img{
    width: 100px;
}

footer{
    padding-top: 30px;
    background-color: #1e2229;
    font-size: 14px;
}

.footerLink{
    transition: .3s;
}

.footerLink:hover{
    color: #cb5612;
}

footer img{
    margin-bottom: 20px;
}

footer p{
    padding-left: 60px;
}

footer ul{
    list-style: none;
    margin-top: 70px;
}

footer ul li a{
    line-height: 1.79;
    color: #ffffff;
    font-weight: 700;
    transition: .3s;
}

footer ul li a:hover{
    color: #cb5612;
}


.slick-dots{
    bottom: -60px;
}

.slick-dots li button {
    text-indent: -9999px;
    overflow: hidden;
    color: #ffffff;
    border: solid 1px #979797;
    border-radius: 50%;
    margin-bottom: 10px;
    height: 14px;
    width: 14px;
    /* more CSS */
}

.slick-dots li{
    margin-bottom: 7px;
}

.slick-dots li.slick-active{
    background-color: #ffffff;
    border-radius: 50%;
    height: 14px;
    width: 14px;
}

.slick-dots li.slick-active button{
    border: none;
}

.subpageHeader{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vh;
}

.productContainer{
    width: 100%;
    background-color: #21252c;
}

.productContainer .breadCrumbs{
    margin-top: -20vh;
    color: #ffffff;
    font-size: 12px;
    line-height: 0.53px;
    margin-bottom: 15px;
    margin-left: 10px;
    text-transform: uppercase;
}

.productContainer .breadCrumbs a{
    color: #ffffff;

}

.breadCrumbs span{
    text-transform: uppercase;
}

.productContainer section{
    border-radius: 16px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.14);
    background-color: #1e2229;
    padding-top: 55px;
    padding-bottom: 60px;
    margin-bottom: 50px;
    padding-left: 80px;
    padding-right: 80px;
}

.productTitle{
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1.14px;
    color: #f08000;
    text-transform: uppercase;
}

.productShort{
    color: #f1f2f2;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.productPriceTitle{
    font-size: 12px;
    letter-spacing: 0.74px;
    font-weight: 700;
    color: #ffffff;
}

.productPrice{
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.74px;
    color: #f08000;
}

.productPriceDiscount{
    color: #ffffff;
    text-decoration: line-through;
    font-size: 16px;
    margin-top: 10px;
}

.productSpecial{
    font-size: 12px;
    letter-spacing: 0.74px;
    color: #ffffff;
    margin-bottom: 35px;
}


.productImage{
    height: 250px;
    width: 100%;
    text-align: center;
    background-color: #000000;
}

.productImage img{
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}

.productButton1{
    width: 225px;
    height: 38px;
    border-radius: 2px;
    background-color: #2a2e36;
    letter-spacing: 0.61px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-left: 20px;
    transition: .3s;
}

.productButton1 div{
    width: 38px;
    height: 38px;
    background-color: #343441;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    position: absolute;
    left: 15px;
    margin-top: -10px;
}

.productButton1:hover{
    opacity: 0.8;
}

.productDescription{
    margin-top: 120px;
}

.productDescriptionTitle{
    letter-spacing: 0.7px;
    color: #f08000;
    font-size: 16px;
    font-weight: 700;
}

.productDescriptionText{
    font-size: 14px;
    color: #ffffff;
    margin-top: 15px;
}

.blogDescriptionText{
    font-size: 14px;
    color: #ffffff;
    margin-top: 15px;
}
.productImageNav{
    margin-top: 20px;
}

.productImageNav{
    height: 100px;
    transition: .3s;
    margin-right: 5px;
}

.productImageNav img{
    max-width: 110px;
    height: 80px;
    margin: 0 auto;
}

.productImageNav:hover{
    opacity: 0.8;
    cursor: pointer;
}


.slick-slider .slick-track, .slick-slider .slick-list, .slick-list.draggable{
    height: auto !Important;
}


.productsSubpageContainer{
    padding-bottom: 40px;
}

.productSubpageTitle{
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.74px;
    text-align: center;
    color: #f08000;
    margin-bottom: 40px;
}

.productsContainer{
    margin-bottom: 80px;
}

.productsContainer .breadCrumbs{
    margin-top: -25vh;
    color: #ffffff;
    font-size: 12px;
    line-height: 0.53px;
    margin-bottom: 15px;
}

.productsContainer .breadCrumbs a{
    color: #ffffff;
}

.productsContainer section{
    border-radius: 16px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.14);
    background-color: #1e2229;
    padding-top: 55px;
    padding-bottom: 60px;
    margin-bottom: 50px;
    padding-left: 80px;
    padding-right: 80px;
}

.productsSidebar{
    border-radius: 20px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(120deg, #30373f, #20242b);
    padding: 30px;
    padding-bottom: 50px;
    margin-top: -23vh;
}

.productsSidebar ul{
    list-style: none;
    padding-left: 0px;
}

.productsSidebar ul li{
    margin-bottom: 7px;
}

.productsSidebar ul li a{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.61px;
    color: #ffffff;
    text-transform: uppercase;
}

.productsSidebar ul li a:hover{
    opacity: 0.8;
}

.productsSidebar .inside{
    padding-left: 15px;
}

.productsSidebar .inside li a{
    font-size: 12px;
    font-weight: 400;
}

.productsSidebar .inside li .activeSideBar span{
    font-weight: 700;
    color: #f08000;
}

.productsContainer .numberOfItems{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.53px;
    color: #ffffff;
    text-transform: uppercase;
}

.productsBody{
    border-radius: 16px;
    box-shadow: 0 3px 40px 0 rgba(0, 0, 0, 0.14);
    background-color: #1e2229;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.productsBody .title{
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.74px;
    color: #f08000;
}

.newProductTitle{
    font-size: 25px !Important;
    text-align: center;
}

.productsBody .text{
    color: #f1f2f2;
    font-size: 14px;
}

.cardOverview{
    width: 569px;
    height: 681px;
    box-shadow: 0 2px 25px 2px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
}

.cartOverViewTitle{
    font-weight: 700;
}

.cartOverViewTitle a{
    font-size: 12px;
    text-align: right;
    float: right;
    color: #ffffff;
    padding-top: 5px;
    transition: .3s;
}

.cartOverViewTitle a:hover{
    color: #cb5612;
}

.cartOverViewBorder{
    width: 100%;
    height: 2px;
    border: solid 0.5px #5d5a5a29;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cartOverViewCardsTitle{
    text-transform: uppercase;
}

.cartOverViewCards{
    margin-top: 10px;
    max-width: 100%;
}

.cartOverViewCards img{
    max-width: 100%;
}

.cartButton1{
    width: 100%;
    height: 38px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #cb5612;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #cb5612;
    margin-top: 20px;
    transition: .3s;
}

.cartButton1:hover{
    background: none;
}

.cartButton3{
    width: 100%;
    height: 38px;
    background: none;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 20px;
    transition: .3s;
}

.cartButton3:hover{
    background: none;
}

.cartStepBack{
    margin-top: 10px;
    background: none;
    color: #ffffff;
    font-size: 12px;
    transition: .3s;
}

.cartStepBack:hover{
    color: #cb5612;
}

.cartStepBack img{
    width: 13px;
    margin-right: 10px;
}

.cartButton2{
    width: 330px;
    float: right;
    margin-top: 0px;
    margin-bottom: 50px;
}

.shopContainer{
    margin-bottom: 100px;
}


.cartOverViewSingleProduct{
    margin-bottom: 20px;
    border-bottom: solid 1px #5d5a5a29;
    padding-bottom: 20px;
}

.cartOverViewProductImage {
    height: 110px;
    background-color: #000000;
    border-radius: 5px;
    text-align: center;
}

.cartOverViewProductImage img{
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.cartOverViewProductPrice{
    font-size: 14px;
    font-weight: 700;
}

.cartOverViewProductShort{
    font-size: 12px;
}

.cartOverViewQuantityTitle{
    font-size: 12px;
    margin-top: 20px;
}


.addQuantity{
    margin-left: 7px;
    border-radius: 5px;
    margin-top: -3px;
}

.subQuantity{
    margin-right: 7px;
    border-radius: 5px;
    margin-top: -3px;
}

.quantityInput {
    text-align: center;
    border: 2px solid #ddd;
    margin: 0px;
    width: 60px;
    height: 40px;
    border-radius: 5px;
    font-weight: 700;
}

.quantity {
    position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]
{
    -moz-appearance: textfield;
}


.quantityInput {
    text-align: center;
    margin: 0px;
    width: 48px;
    height: 32px;
    border-radius: 5px;
    font-weight: 700;
    background: #2a3037;
    border: none;
}

.quantity-down{
    display: inline-block;
    margin: 0px;
    width: 33px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    padding: 3px 0;
    background: #2a3037;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .3s;
    margin-right: 7px;
    border-radius: 5px;
    margin-top: -3px;
}

.quantity-up{
    margin: 0px;
    width: 33px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0;
    background: #2a3037;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .3s;
    margin-left: 7px;
    border-radius: 5px;
    margin-top: -3px;
    display: inline-block;
}

.quantity-up:hover {
    cursor: pointer;
    background-color: #cb5612;
    color: #ffffff;
}

.quantity-down:hover {
    cursor: pointer;
    background-color: #cb5612;
    color: #ffffff;
}

.cartOverViewProductDelete img{
    width: 15px;
    transition: .3s;
    float: right;
    margin-top: -30px;
}

.cartOverViewProductDelete img:hover{
    opacity: 0.6;
    transition: .3s;
    cursor: pointer;
}    

.shopStepsContainer{
    margin-top: -25vh;
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}


.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-weight: 700;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ffffff;
}

.multi-steps {
    /* display: table; */
    /* table-layout: fixed; */
    /* width: 100%; */
}
.multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.multi-steps > li:before {
    content: '\f00c';
    content: '\2713;';
    content: '\10003';
    content: '\10004';
    content: '\2713';
    display: block;
    margin: 0 auto 4px;
    background-color: #cb5612;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    color: #ffffff;
}
.multi-steps > li:after {
    content: '';
    height: 2px;
    width: 100%;
    background-color: #cb5612;
    position: absolute;
    top: 16px;
    left: 50%;
    z-index: -1;
    display: none;
}
.multi-steps > li:last-child:after {
    display: none;
}
.multi-steps > li.is-active:before {
    background-color: #cb5612;
    color: #ffffff;   
}
.multi-steps > li.is-active ~ li {
    color: #ffffff;
}
.multi-steps > li.is-active ~ li:before {
    background-color: #ffffff;
    color: #10141b;
}

.shopStepsTitle{
    letter-spacing: 1px;
    color: #cb5612;
    margin-top: 30px;
    font-size: 24px;
    font-weight: 700;
}

.sidebarStep1{
    margin-top: 20px;
}

.checkboxContainer {
    display: block;
    position: relative;
    padding-left: 37px;
    margin-bottom: 12px;
    margin-top: 10px;
    padding-top: 4px;
    font-weight: 400;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #2f363e;
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
    background-color: #1d2129;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid #cb572d;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.productCardAdditionalData{
    padding-bottom: 20px;
    padding-top: 20px;
}

.productCardAdditionalData img{
    width: 20px;
    text-align: right;
    float: right;
    transform: rotate(270deg);
}

.deliveryTypeCard{
    margin-bottom: 20px;
    border-bottom: solid 1px #5d5a5a29;
    padding-bottom: 20px;
}

.deliveryTypeCard .price{
    font-size: 14px;
    line-height: 1.14;
    letter-spacing: 0.11px;
    color: #ffffff;
    margin-top: 8px;
    font-weight: 700;
}

.deliveryTypeCard .title{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.14px;
    color: #ffffff;
    margin-bottom: 0px;
}

.deliveryTypeCard .text{
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.11px;
    color: #ffffff;
}


.radioContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-top: 5px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radioCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #1d2028;
    border-radius: 50%;
    border: 1px solid #2f363e;
}

/* On mouse-over, add a grey background color */
.radioContainer:hover input ~ .radioCheckmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioContainer input:checked ~ .radioCheckmark {
    background-color: #1d2129;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioCheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioContainer input:checked ~ .radioCheckmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radioContainer .radioCheckmark:after {
    top: 2px;
    left: 2px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #cb572d;
}

.cartOverViewProductTotalPrice{
    font-size: 25px;
    font-weight: 700;
}

.socialLogoLeft{
    position: fixed;
    top: 70vh;
    left: 50px;
}

.socialLogoLeft img{
    width: 20px;
    margin-bottom: 15px;
    transition: .3s;
}

.socialLogoLeft img:hover{
    opacity: 0.8;
}

.socialLogoMobile{
    display: none;
}

.cartOvewViewShipping{
    font-size: 12px;
    margin-top: 5px;
}

.cardsBox{
    margin-top: 15px;
}

.cardsBox img{
    margin-right: 15px;
}

.cartOverViewTotalPriceTitle{
    margin-top: 20px;
}

.cartOverViewTotalPrice{
    margin-top: 20px;
    font-weight: 700;
}

.cartStep1QuantityTitle{
    font-size: 12px;
    margin-top: 10px;
}

.cardStepsLogo{
    position: absolute;
    margin-top: 20px;
    margin-left: 20px;
}

.sidebarExitButton img{
    width: 15px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: .3s;
}

.sidebarExitButton img:hover{
    opacity: 0.8;
    cursor: pointer;
}

.shippingStatusDisable{
    opacity: 0.3;
}

.numberInCart{
    position: absolute;
    right: 0px;
    font-size: 9px;
    top: -4px;
    color: #ffffff;
    background: #cb572d;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    padding-top: 1px;
}

.missingData{
    border: 1px solid #cb572d;
}




.notfound{
    text-align: center;
}

.notfound h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 150px;
    font-weight: 200;
    margin: 0px;
    color: #cb5612;
    text-transform: uppercase;
}

.notfound h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 5px;
}

.notfound div{
    font-size: 20px;
    color: #ffffff;
    margin-top: 20px;
}

.categoryImg{
    height: 130px;
    margin-top: 20px;
    margin-bottom: -20px;
    background-color: #000000;
    border-radius: 22px;
    overflow: hidden;
    background-size: 130px !Important;
}

.categoryImg img{
    max-width: 100%;
    height: 100%;
    width: auto;
}

.categoryImg .imgLiquid{
    height: 130px;
}

.categoryCard{
    transition: .3s;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
    padding-bottom: 40px;
}

.categoryCard div{
    color: #ffffff;
    font-size: 15px;
}

.categoryCard:hover{
    box-shadow: none;
    cursor: pointer;
}


.activeSidebar a, .activeNav a, .activeSidebar span{
    color: #cb5612 !important;
}


.productsSidebarFilter{
    margin-top: 50px;
}

.searchContainer{
    display: block;
    position: absolute;
    right: 80px;
    width: 300px;
    margin-top: 90px;
    z-index: 10000;
    display: none;
}

.searchContainer input{
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #cb572d;
    z-index: 10000;
    padding-left: 20px;
    padding-right: 20px;
}


.searchResultsItems a{
    color: #ffffff;
    transition: .3s;
}

.searchResultsItems a:hover{
    text-decoration: underline;
}

.searchResultsItems a div{
    padding: 10px;
    border-bottom: 1px solid #1d2129;
}

.searchResultsItems a div:hover{
    text-decoration: underline;
}

.hideSearchInput img{
    width: 15px;
}

.criteryBox{
    padding-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
}

#mobile-navigation{
    display: none;
}

.slicknav_menu{
    display: none;
}


.stepBackMobile{
    display: none;
}

.sendDemandButton{
    height: 38px;
    font-weight: 700;
    border-radius: 19px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #cb5612;
    margin-top: 5px;
    transition: .3s;
    color: #ffffff;
    width: 200px;
}

.sendDemandButton:hover{
    opacity: 0.8;
}

.demandsStatus{
    padding: 10px;
}

.reservationButton1{
    width: 100%;
    height: 38px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #cb5612;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    border: 1px solid #cb5612;
    margin-top: 20px;
    transition: .3s;
}

.calendarContainer{
    width: 640px;
    left: 50%;
    margin-left: -320px;
}


/* END OF CALENDAR */

.productSidebarShowMore{
    display: none;
}

.pageTitle{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.39;
    color: #ffffff;
    text-align: center;
    margin-top: 30px;
}

.pageBody{
    font-size: 13px;
    color: #ffffff;
    text-align: justify;
    margin-bottom: 50px;
    margin-top: 20px;
}

.advertisingImage{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
}


.footerImages {
    padding-top: 40px;
    padding-bottom: 30px;
}

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

.footerSlickIMG{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 250px;
}

.mobileCartShop{
    display: none;
}

.contactBody * {
    background: none !important;
    font-family: 'Muli', sans-serif !important;
    font-size: 13px !important;
}

.contactBody a {
    color: #1155cc !important;
}

.contactBody div {
    color: #fff !important;
}

.contactBody > div > span, .contactBody > div > font {
    color: #fff !important;
}

.MsoNormal u {
    text-decoration: none !important;
}

.cartOverViewImage img {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
    border-radius: 10px;
}

/* COOKIES */
#gdpr-cookie-message {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background-color: #111b25;
    padding: 10px 20px;
    text-align: center;
}

#gdpr-cookie-message h4,
#gdpr-cookie-message p {
    color: #fff;
    display: inline-block;
    margin: 0;
    font-size: 13px;
    padding-right: 15px;
}

#gdpr-cookie-message h4 {
    font-weight: bold;
    color: #cb572d;
    text-transform: uppercase;
}

#gdpr-cookie-message p a {
    color: #c2b6b5;
    text-decoration: underline;
    padding-left: 5px;
}

#gdpr-cookie-message button {
    margin: 0 10px;
    background-color: #ffffff;
    border: none;
    padding: 5px 10px;
    color: #000;
    font-size: 13px;
}

#gdpr-cookie-message button#gdpr-cookie-advanced {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}

#gdpr-cookie-message button:hover {
    background-color: #cb572d;
    color: #fff;
}

#gdpr-cookie-message button#gdpr-cookie-advanced:hover {
    opacity: 0.7;
}

#gdpr-cookie-types h5 {
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
}

#gdpr-cookie-types ul li {
    list-style: none;
    color: #fff;
    display: inline-block;
    padding: 5px;
    font-size: 13px;
}

.searchResultsItems{
    background-color: #111a2594;
    border-radius: 5px;
    padding: 10px;
    z-index: 1000;
    max-height: 300px;
    overflow-y: scroll;
    padding-bottom: 30px;
}


footer ul{
    padding-left: 20px;
}

.showSearchInputMobile{
    display: none;
}


.footerAdd{
    background-color: #1f232a;
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 12px;
}

.footerAdd img{
    max-width: 100%;
    margin-bottom: 5px;
}