/*
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;
    /*line-height: 1.75; */
    color: #333334;
    font-weight: 400;
    background-color: #ffffff;
    overflow-x: hidden !important;
}

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

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

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

p{
    margin: 0;
    padding: 0;
}


img:focus {
    outline:none !important;
}

/* NAVBAR */

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

.navigationtop{
    height: 32px;
    background-color: #10151c;
    width: 100%;
    padding-top: 3px;
}

.navigationtopText{
    font-size: 14px;
    line-height: 1.71;
    color: #ffffff;
    padding-left: 5px;
}

.navigationTopSearch{
    position: absolute;
    top: 0px;
    right: 20px;
    cursor: pointer;
}



.navigationtopImage{
    padding-left: 20px;
}

.navbar-default {
    border-color: transparent;
    background: none;
}


.navShopingCart{
    margin-right: 15px;
    padding: 14px !important;
}

.navbar-default {
    padding: 20px 0;
    -webkit-transition: padding .4s;
    -moz-transition: padding .4s;
    transition: padding .4s;
    margin-top: 30px;
}

.mobileNav{
    display: none;
}

.mobileNavBody{
    display: none;
}

.navbar-default .navbar-brand {
    font-size: 2em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.navbar-default.navbar-shrink {
    padding: 0 0;
    background: #ffffff;
    border-bottom: 1px solid #efeff3;
    margin-top: 0px;
}

.navbar-default.navbar-shrink .navbar-brand {
    font-size: 1.5em;
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    font-weight: 900;
    transition: .3s;

    font-size: 14px;
}

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

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    margin-left: 15px;
    margin-top: -10px;
}

.navbar-second{
    background-color: #ffffff;
}

.navbarTitle{
    padding-right: 40px !important;
}

.activeNav a{
    color: #f08000 !important;
}


.navbar-default.navbar-second .navbar-nav>li>a{
    color: #10151c;
}

/* END OF NAVBAR */
/* LANDING PAGE */
.header{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 90vh;
}

.headerImageBottom{
    position: absolute;
    width: 100%;
}


.headerImageUp{
    position: absolute;
    max-width: 100%;
}

.landingSubTitle1{
    opacity: 0;
    color: #ffffff;
    margin-top: 35vh;
    font-weight: 900;
    font-size: 14px;
    -webkit-animation: fadeInUp 1s ease-in-out 0s bacck;
    animation: fadeInUp 1s ease-in-out 0s forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.landingTitle{
    opacity: 0;
    font-size: 55px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #ffffff;
    margin-top: 10px;
    -webkit-animation: fadeInUp 1s ease-in-out 0s bacck;
    animation: fadeInUp 1s ease-in-out 0s forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}



.landingSubTitle2{
    opacity: 0;
    font-size: 20px;
    letter-spacing: 0.8px;
    color: #ffffff;
    -webkit-animation: fadeInUp 1s ease-in-out 0s bacck;
    animation: fadeInUp 1s ease-in-out 0s forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.landing1{
    padding-top: 50px;
    padding-bottom: 50px;
}

.landing1Title{
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 1.1px;
    color: #333334;
}

.landing2Title{
    text-shadow: 0 2px 10px #000000;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 1px;
    color: #ffffff;
}

.landingText1{
    margin-bottom: 15px;
}

.landing3Title{
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 1.1px;
    color: #333334;
    margin-top: 120px;
}

.landingText3{
    margin-bottom: 15px;
    color: #ffffff;
    margin-top: 10px;
    text-shadow: 0 2px 10px #000000;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5;
}


/*.historyImage{
    margin-top: 105px;
    width: auto;
    z-index: -1;
    position: absolute;
}*/

.historyImage{
    margin-top: 105px;
    width: 75%;
    right: 0;
    height: 500px;
    z-index: -1;
    position: absolute;
}

.landing2{
    padding-top: 50px;
    padding-bottom: 80px;
    background-color: #efefef;
    margin-top: 50px;
}


.serviceCard{
    margin-top: 50px;
}

.serviceCardTitle{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-align: center;
    color: #333334;
    margin-top: 10px;
}


.serviceCardImg{
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition:         transform .8s ease-in-out;
}

.serviceCardImg:hover{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}


.landing3{
    padding-top: 50px;
    padding-bottom: 50px;
    background: white;
    position: relative;
}

.referenceCard{
    margin-top: 15px;
    background-color: #ffffff;  
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.14);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    height: 280px;
    margin-bottom: 30px;
}


.referenceCardImageCont{
    height: 210px;
    overflow: hidden;
}

.referenceCardImage{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 210px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.referenceCard:hover .referenceCardImage{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.referenceCardNoImage{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110px;
    height: 210px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.referenceCard:hover .referenceCardNoImage{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}


.referenceCardText{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    color: #10151c;
    padding: 10px;
}

.landing4{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 430px;
    background-attachment: fixed;
    padding-top: 85px;
    padding-bottom: 50px;
    position: relative;
}

.landing5Image{
    position: absolute;
    width: 100%;
}

.landing5{
    padding-top: 50px;
    padding-bottom: 80px;
}


.landing8{
    margin-top: 20px;
    padding-bottom: 60px;
}

.landing8Title{
    font-size: 26px;
    font-weight: 900;
    letter-spacing: 1.1px;
    color: #333334;
    padding-top: 60px;
    border-top: solid 2px #979797;
}


.productCard{
    padding: 25px 15px 25px 15px;
    background-color: #ffffff;
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.14);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-top: 25px;
    margin-bottom: 30px;
    height: 420px;
    display: none;
}

.productCardImage{
    margin: 0 auto;
    height: 180px;
    width: auto;
    max-width: 80%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.productCard:hover .productCardImage{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.productCard .discount{
    position: absolute;
    top: 25px;
    left: 15px;
    background-color: #f08000;
    color: #ffffff;
    height: 50px;
    width: 50px;
}

.productCard .discount .text{
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
}

.productCardBlog{
    padding: 25px 15px 25px 15px;
    background-color: #ffffff;
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.14);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-top: 25px;
    margin-bottom: 25px;
}

.productCardImageBlog{
    margin: 0 auto;
    height: 125px;
    width: auto;
    max-width: 80%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}

.productCardBlog:hover .productCardImageBlog{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}



.productCardTitle{
    height: 40px;
    font-size: 14px;
    letter-spacing: 0.9px;
    text-align: center;
    color: #10151c;
    font-weight: 700;
    margin-top: 10px;
}

.productCardSubtitle{
    font-size: 13px;
    text-align: center;
    height: 30px;
}

.productCardTitleBlog{
    height: 40px;
    font-size: 12px;
    letter-spacing: 0.9px;
    text-align: center;
    color: #10151c;
    font-weight: 700;
    margin-top: 10px;
}


.productCardPrice{
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 1.1px;
    color: #10151c;
    text-align: center;
    height: 40px;
    margin-bottom: 20px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.productCardOldPrice{
    color: #c5c1c1;
    font-weight: 700;
    text-decoration: line-through;
    min-height: 20px;
    text-align: center;
    font-size: 15px;
}

.productCard:hover .productCardPrice{
    color: #f08000;
}

.productCardPriceBlog{
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1.1px;
    color: #10151c;
    text-align: center;
    height: 40px;
    margin-bottom: 20px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.productCardBlog:hover .productCardPriceBlog{
    color: #f08000;
}

.landing6{
    padding-top: 30px;
    padding-bottom: 50px;
}

.landing7{
    padding-top: 30px;
    padding-bottom: 50px;
}

.blogCard{
    margin-top: 35px;
    background-color: #ffffff;  
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.14);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 30px;
}


.blogCardImageCont{
    height: 210px;
    overflow: hidden;
}

.blogCardImage{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 210px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.blogCard:hover .blogCardImage{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.blogCardNoImage{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90px;
    height: 210px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.blogCard:hover .blogCardNoImage{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.blogCardTextBox{
    padding: 15px;
    height: 105px;
}

.blogCardText{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.5px;
    color: #10151c;
}

.blogCardDate{
    font-size: 14px;
    color: #333334;
    text-align: right;

}

#accordion .panel {
    border-radius: 0;
    border: 0;
    margin-top: 0px;
    box-shadow: none;
    background: none;
}
#accordion a {
    display: block;
    text-decoration: none;
    text-align: left;
    color: #333334;
    line-height: 1.75;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
    transition: .3s;
    color: #f08000;
}

#accordion .panel-heading {
    padding: 0;
    border-radius: 0px;
    text-align: center;
}
#accordion .panel-heading a:not(.collapsed) {
    transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
    font-family: 'FontAwesome';
    content: '\f107';
    float: right;
    font-weight: lighter;
    transform: rotate(0deg);
    transition: all 0.2s ease-in;
    font-size: 16px;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
    transform: rotate(-90deg);
    transition: all 0.2s ease-in;
    font-size: 16px;
}


.singleMenuItemLeft, .singleMenuItemLeft span, .singleMenuItemLeft p{
    font-size: 12px !Important;
}

.panel-body{
    padding: 10px;
    padding-top: 5px;
    font-style: italic;
    font-size: 13px;
}

/*.categoryLink{
    transition: .3s;
}*/

.categoryLink:hover{
    color: #f08000 !important;
}


.footer{
    border-top: solid 2px #979797;
    padding-top: 30px;
    padding-bottom: 40px;
}

.footerText{
    margin-top: 15px;
    color: #333334;
    font-size: 14px;
}

.footerTitle{
    font-size: 14px;
    font-weight: 700;
    color: #f08000;
    margin-top: 60px;
}

.footerText2{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #333334;
}


.footerLink, .footerLink a{
    color: #333334;
    line-height: 1.71;
    font-size: 14px;
}



.footerBottom{
    background-color: #efefef;
    height: 30px;
    width: 100% !important;
    text-align: center;
    color: #333334;
    font-size: 12px;
    padding-top: 5px;
}

.footerBottom span{
    float: right;
    font-size: 12px;
    margin-right: 30px;
    font-style: italic;
}

.brandImages{
    height: 60px;
    width: auto;
    max-width: 100%;
    margin-top: 15px;
}

/*END OF LANDING PAGE */
/* LOGIN */

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

.loginCard{
    background-color: #ffffff;
    padding: 40px;
    width: 400px;
    margin: 0 auto;
    margin-top: 30vh;
}

.loginImage{
    margin-bottom: 20px;
}

.loginInput{
    margin-bottom: 20px;
    margin-top: 20px;
}

.loginLink{
    padding-top: 10px;
    color: #333333;
    font-size: 12px;
}


/* SHOP */

.shopImage{
    position: absolute;
    width: 100%;
}
.shopContainer{
    padding-top: 140px;
    padding-bottom: 55px;
}

.categoryBox{
    background-color: #ffffff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.14);
    height: fit-content;
}

.categoryBoxTitle{
    letter-spacing: 0.6px;
    font-size: 14px;
    font-weight: 700;
    padding-left: 25px;
    background-color: #3b3b3b;
    height: 32px;
    color: #ffffff;
    padding-top: 5px;
}

.shopSlider{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
}

.categoryBoxText{
    padding: 10px 20px 20px 20px;
}


.categoryBoxLink{
    margin-top: 13px;
    letter-spacing: 0.6px;
    color: #10151c;
    font-size: 14px;
    font-weight: 700;
}

.productsContainer{
    margin-top: 45px;
    margin-bottom: 50px;
}

.shopCard1{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    padding: 50px;

}

.shopCard1Title{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.9px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 40px;
}

.shopCard1Text{
    letter-spacing: 0.8px;
    color: #ffffff;
    font-size: 14px;
}


.shopCard2{
    height: 244px;
    background-color: #f08000;
    padding: 20px;
}

.shopCard2Title{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.9px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 30px;
}

.shopCard2Text{
    letter-spacing: 0.8px;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 12px;
}


.shopCard3{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 244px;
    padding: 20px;
    margin-top: 12px;
}

.shopCard3Title{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.9px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 30px;
    text-align: right;
}

.shopCard3Text{
    letter-spacing: 0.8px;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 12px;
    text-align: right;
}


/* CRITERY */


.criteryBox{
    background-color: #ffffff;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.14);
    height: auto;
    min-height: 300px;
    padding: 25px;
}

.criteryBoxTitle{
    letter-spacing: 0.6px;
    font-size: 14px;
    color: #f08000;
    font-weight: 700;
    margin-bottom: 20px;
}

.criteryBoxText{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #10151c;
    text-transform: uppercase;
}

.criteryBoxBrandText{
    cursor: pointer;
    font-size: 12px;
    color: #10151c;
    letter-spacing: 0.6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-weight: 400;
}

.criteryBoxChecklist{
    margin-left: 8px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.criteryBreadcrumb, .criteryBreadcrumb span a{
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #10151c;
    margin-top: 20px;
}

.categoryInfoCard{
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    margin-top: 20px;
    padding: 28px;

}

.categoryInfoCardTitle{
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.7px;
    color: #f08000;
    text-transform: uppercase;
}

.categoryInfoCardText{
    font-size: 14px;
    color: #000000;
}


.productBreadCrums, .productBreadCrums a{
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #10151c;
    margin-bottom: 30px;
}

.sliderNavImage{
    height: 85px !Important;
    margin-bottom: 15px;
    background-color: #ffffff;
    transition: .3s;
}

.sliderNavImage img{
    height: 100%;
    width: auto;
    max-width: 80%;
    margin: 0 auto;
    outline: none;
    cursor: pointer;
}
.sliderNavImage:hover{
    border: 1px solid #f08000;
}

.sliderMainImage{
    height: 400px;
    background-color: #ffffff;
    padding: 30px;
}

.sliderMainImage img{
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    outline: none;
}


.sliderNavImage.slick-current.slick-active{
    border: 2px solid #f08000;
}

.resizeProductImage{
    width: 20px !important;
    position: absolute;
    top: -160px;
    right: 20px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.resizeProductImage:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.singleProductBox{
    background-color: #ffffff;
    min-height: 200px;
    padding: 20px;
    padding-bottom: 40px;
    border: solid 1px #eae8e8;
}

.singleProductTitle{
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 1.1px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eae8e8;
    color: #f08000;
    margin-bottom: 15px;
}

.singleProductSubtitle{
    font-size: 18px;
    color: #333334;
    font-weight: 400;
}

.singleProductAvailability{
    font-size: 15px;
}

.singleProductAvailability span{
    font-weight: 700;
}

.singleProductShort{
    font-size: 12px;
    padding-bottom: 15px;
    border-bottom: solid 1px #eae8e8;
    margin-bottom: 15px;
}

.singleProductOldPrice{
    color: #c5c1c1;
    font-weight: 700;
    text-decoration: line-through;
    font-size: 15px;
    margin-right: 10px;
}
.singleProductPrice{
    font-weight: 900;
    font-size: 25px;
}

.singleProductDiscount{
    font-size: 12px;
    margin-left: 0px;
}

.singleProductQuantity{
    font-size: 15px;
}

.singleProductAddDataBox{
    background-color: #ffffff;
    margin-top: 130px;
    margin-bottom: 50px;
}

.tab-content{
    padding: 30px;
    border: solid 1px #eae8e8;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    background-color: #ffffff;
    font-weight: 700;
}

.nav-tabs>li>a{
    text-transform: uppercase;
    color: #333334;
}


/* SHOPING CART */

.singleOverviewCard{
    background-color: #ffffff;
    padding: 20px;
    border: solid 1px #eae8e8;
    margin-top: 10px;
    min-height: 160px;
}



.singleOverviewCardImage{
    width: 100%;
    height: 120px;
    background-color: #ffffff;
    text-align: right;
}

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

.singleOverviewDelete{
    width: 15px;
    margin-top: 55px;
    position: absolute;
    top: 0px;
    left: 10px;
    cursor: pointer;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

.singleOverviewDelete:hover{
    width: 20px;
}


.singleOverviewTitle{
    font-size: 17px;
    font-weight: 900;
    color: #f08000;
    margin-top: 48px;
}

.singleOverviewPrice{
    margin-top: 48px;
    font-size: 18px;
}

.singleOverviewFinalPrice{
    margin-top: 48px;
    font-size: 18px;
    font-weight: 900;
}

.singleOverviewQuantity{
    margin-top: 43px;
}

.overviewTotalCard{
    background-color: #ffffff;
    border: solid 1px #eae8e8;
    margin-top: 30px;
    min-height: 160px;
}

.overviewTotalCard .row{
    padding: 20px 20px 0px 20px;
}

.overviewTotalPrice{
    padding-bottom: 20px;
    border-top: solid 1px #eae8e8;
    padding-top: 15px;
    text-align: right;
    font-weight: 700;
    font-size: 18px;
}

.overviewTotalPrice span{
    font-size: 22px;
    color: #f08000;
}

.backToStore{
    margin-top: 24px;
    display: inline-block;
    color: #3b3b3b;
    font-size: 14px;
    transition: .3s;
}

.backToStore:hover{
    color: #f08000;
}

.backToStore img{
    width: 15px;
    margin-right: 10px;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.backToStore:hover img{
    width: 25px;
}

.selectDeliveryType{
    width: 100%;
    padding: 31px;
    border: none;
    height: 36px;
    padding-left: 10px;
}


.subPageCart{
    background-color: #10151c;
}

.subPageCart:hover{
    background-color: blue;
}


.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: #10151c;
    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: #ef9851;
    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: #f0803a;
    position: absolute;
    top: 16px;
    left: 50%;
    z-index: -1;
}
.multi-steps > li:last-child:after {
    display: none;
}
.multi-steps > li.is-active:before {
    background-color: #f08000;
    color: #ffffff;   
}
.multi-steps > li.is-active ~ li {
    color: #10141b;
}
.multi-steps > li.is-active ~ li:before {
    background-color: #ffffff;
    color: #10141b;
}


.stepsCard{
    background-color: #ffffff;
    margin-top: 30px;
    padding: 20px;
    border: solid 1px #eae8e8;
    margin-bottom: 20px;
}

.stepsCardTitle{
    letter-spacing: 0.6px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.stepsInput{
    width: 100%;
    border: 1px solid #efefef;
    padding: 6px;
    padding-left: 10px;
    font-size: 14px;
}

.stepsCardLabel{
    font-size: 14px;
}


.multi-steps > li:hover{
    opacity: 0.7;
    cursor: pointer;
}

.successCard{
    background-color: #ffffff;
    min-height: 200px;
    padding: 20px;
    padding-bottom: 40px;
    border: solid 1px #eae8e8;
    margin-top: 30px;
}

.successCardImage{
    width: 80px;
}

.successTitle{
    font-size: 20px;
    font-weight: 900;
    margin-top: 20px;
    margin-bottom: 20px;
}

.successText{
    margin-top: -5px;
    font-size: 15px;
}


/* SUBPAGE */

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

.subpageHeaderTitle{
    margin-top: 25vh;
    font-size: 39px;
    font-weight: 900;
    letter-spacing: 1.6px;
    color: #ffffff;
    text-transform: uppercase;
}

.singleServiceCard{
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    padding: 45px;
    margin-bottom: 35px;
    height: 230px;
}

.subpageContainer{
    padding-top: 60px;
    padding-bottom: 55px;
}

.singleServiceImage img{
    width: 80px;
}

.singleServiceTitle{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-align: center;
    color: #333334;
    margin-top: 10px;
}

.singleServiceText{
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
}

.singleBlogCard{
    background-color: #ffffff;
    min-height: 200px;
    padding-bottom: 40px;
    border: solid 1px #eae8e8;
}

.singleBlogTitle{
    font-size: 24px;
    font-weight: 900;
    padding: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eae8e8;
    color: #f08000;
    margin-bottom: 15px;
}

.singleBlogDate{
    float: right;
    position: absolute;
    top: 37px;
    right: 38px;
    font-size: 12px;
    font-weight: 700;
}

.singleBlogImage{
    height: 400px;
    background-color: #ffffff;
}

.singleBlogImage img{
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    outline: none;
}

.blogSecondGallery{
    margin-top: 20px;
}

.singleSecondBlogImage{
    height: 100px;
    background-color: #ffffff;
    cursor: pointer;
}

.singleSecondBlogImage img{
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    outline: none;
}

.singleBlogText1{
    padding: 30px;
    font-size: 15px;
    text-align: justify;
}

.singleBlogText1 table, .singleBlogText1 img,
.singleBlogText2 table, .singleBlogText2 img {
    width: 100% !important;
    height: auto !important;
}

/*.singleBlogText1 td,
.singleBlogText2 td {
    width: auto !important;
}*/


.singleBlogProductsTitle{
    font-size: 20px;
    text-align: center;
}

.singleBlogText2{
    padding: 30px;
    font-size: 15px;
    text-align: justify;
}

.relatedArticles{
    margin-bottom: 10px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.relatedArticlesImageCont{
    height: 50px;
    overflow: hidden;
}

.relatedArticlesImage{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.relatedArticlesNoImage{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    height: 50px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #efefef;
}

.relatedArticles:hover .relatedArticlesImage{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.relatedArticlesTitle{
    font-size: 12px;
    font-weight: 700;
}

.orderProductDetails{
    font-size: 13px;
}

.orderProductQuantity{
    font-size: 12px;
    font-weight: 700;
}

.orderProductPrice{
    font-size: 12px;
    font-weight: 900;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    margin-bottom: 10px;

}
.securePaymentTitle{
    font-size: 13px;
}

.securePaymentText{
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.numberOfItesmInCart{
    color: #ffffff;
    position: absolute;
    height: 15px;
    width: 15px;
    background: #f0803a;
    border-radius: 50%;
    font-size: 9px;
    text-align: center;
    right: 20px;
    top: 10px;
    z-index: 2;
    padding-top: 3px;
}


.cartOverviewShippedBox{
    margin-top: 30px;
    font-size: 13px;
}

.cartOverviewShippedBox img{
    width: 40px;
    margin-right: 10px;
    margin-top: -3px;
}

.cartOverviewPromoBox{
    margin-top: 15px;
    font-size: 13px;
}

.cartOverviewPromoBox img{
    width: 40px;
    margin-right: 10px;
    margin-top: -3px;
}


.cartOverviewPromoBox input{
    padding-left: 15px;
    border: solid 1px #eae8e8;
    height: 32px;
    background-color: #efefef;
    border-radius: 5px;
}


.overviewTotalText3{
    font-size: 13px;
}

.missingDataInput{
    border: 1px solid #d13133 !Important;
}

.blogContainer{
    margin-top: 30px;
}
.blogContainer .tab-content{
    border: none;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    color: #10141b;
}

.searchInput{
    border: none;
    color: #ffffff;
    width: 0px;
    background: none;
    height: 23px;
    font-size: 12px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.searchInput::placeholder{
    color: #ffffff;
}


.searchInputShow{
    width: 300px;
}

.searchButton{
    background: none;
    border: none;
}

.searchButton img{
    width: 20px;
}

.footerImage{
    height: auto;
}

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

.footerImage1{
    margin-top: 10px;
}

.footerImage2{
    margin-top: 16px;   
}

.footerImage3{
    margin-top: 15px;   
}



.singleSecondBlogImage.slick-current.slick-active{
    opacity: 0.5;
}

.filtrationButton{
    display: none;
    float: right;
    background: black;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

.errorCard{
    margin-top: 25vh;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
}

#notfound {
    position: relative;
    height: 100vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

.notfound .notfound-404 {
    position: relative;
    height: 200px;
    margin: 0px auto 20px;
    z-index: -1;
}

.notfound .notfound-404 h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 236px;
    font-weight: 200;
    margin: 0px;
    color: #211b19;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound .notfound-404 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    color: #211b19;
    background: #fff;
    padding: 10px 5px;
    margin: auto;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.notfound a {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 23px;
    background: #ff6300;
    font-size: 18px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.notfound a:hover {
    color: #ff6300;
    background: #211b19;
}

.orderText{
    letter-spacing: 0.5px;
    color: #10151c;
    font-size: 12px;
    margin-left: 25px;
    text-decoration: underline;
    cursor: pointer;
}

.orderTextActive{
    background-color: #9b9b9b;
    letter-spacing: 0.5px;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
    padding: 8px;
}

.productBlock{
    display: block;
}

#demandsSuccess{
    padding: 20px;
}

.serviceGallery{
    padding: 15px;
}

.landing4Title{
    margin-top: 50px;
    margin-bottom: 30px;
}


.criteryChecbox {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 12px;
    color: #10151c;
    letter-spacing: 0.6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 10px;

}

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

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: 1px solid #9b9b9b;
}

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

/* When the checkbox is checked, add a blue background */
.criteryChecbox input:checked ~ .checkmark {
    background-color: #f08000;
    border: none;
}

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

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

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


.subCategoriesContainer{
    margin-top: 10px;
    margin-bottom: 10px;
}


.categoryBox2{
    margin-bottom: 10px;
    height: 180px;
}

.categoryTitle{
    margin-bottom: 20px;
}


.mainServiceImage{
    width: 100%;
    text-align: center;
}

.mainServiceImage img{
    height: 500px;
    width: auto;
    max-width: 100%;
}

.serviceTitle{
    font-size: 24px;
    font-weight: 900;
    padding: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #eae8e8;
    color: #f08000;
    margin-bottom: 15px;
    margin-top: 30px;
}


.serviceGalleryImage{
    width: 100%;
    height: 250px;
    text-align: center;
    margin-bottom: 30px;
}

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

.shippingTypeList{
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
}



.shippingTypeList input{
    margin-right: 10px;
}

.promocodeButton{
    border: 1px solid #f08000;
    background-color: #ffffff;
    color: #f08000;
    width: 100%;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    height: 33px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    transition: .3s;
}

.promocodeButton:hover{
    background-color: #f08000;
    color: #ffffff;
}
#error_post{
    display: none;
    font-size: 12px;
    font-weight: 800;
    color: red;
}