body {
    font-family: 'Maitree', serif;
}

button:focus {
    outline:none;
}

.btn.focus, .btn:focus {
    outline:0;
    box-shadow: none;
}

.admin-panel-title{
    font-family: 'Oswald', sans-serif;
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
    background-color: #F3F4F4;
    color: #7B973B;
}

.no-lr-padd{
    padding-left: 0px;
    padding-right: 0px; 
    margin-left: 0px;
    margin-right: 0px;
}

a {
    color: #4C4C4C;
}

.page-item.active .page-link{
    background-color: #7B973B;
    border-color: #7B973B;
}

.page-link{
    color: #7B973B;
}

.page-link:hover{
    color: #7B973B;
}

.hidden{
    display: none;
}

label::first-letter, select::first-letter, option::first-letter{
    text-transform: capitalize; 
}

.green-text {
    color: #7B973B;
}

.grey-bg {
    background-color: #4C4C4C;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.40);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.40);
}

.top-menu {
    font-size: 0.75rem;
    height: 30px;
}

.top-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.top-menu li {
    float: left;
}

.top-menu li a {
    display: block;
    color: white;
    text-align: center;
    float: right;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 10px;
    text-decoration: none;
}

.top-menu-icon {
    margin: auto;
    float: left;
    margin-top: 6px;
    height: 16px;
    width: auto;
}

.menu-icon img {
    float: left;
    height: 25px;
    width: auto;
}

.menu-icon .nav-link {
    padding: 0px;
}

#input-lang {
    font-size: 0.8rem;
    margin-top: 4px;
    padding: 0;
    color: #FFFFFF;
    background-color: #4C4C4C;
    border: none;
    height: auto;
}

.logo-grey {
    height: 80px;
    width: auto;
}

.navbar {
    background-color: #FFFFFF;
    font-weight: 100;
    font-size: 1.2rem;
    font-family: 'Oswald', sans-serif;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #7B973B;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* .dropdown-menu {
    background-color: #4C4C4C;
    transition: 2s;
} */

.dropdown-menu li:hover {
    background-color: rgb(51, 51, 51);
}

.dropdown-menu{
    transition: 3s 3s;
}

.dropdown-menu,
.dropdown-item,
.dropdown-menu:hover {
    background-color: #4C4C4C;
}

.dropdown-item:hover,
.dropdown-menu a:hover,
.dropdown-submenu a:hover,
.dropdown-menu li:hover {
    background-color: rgb(51, 51, 51);
}

input[type]:not([type=email]):not([type=password]) {
    text-transform: capitalize;
}

.dropdown-menu a {
    color: #FFFFFF;
    text-decoration: none;
}

.dropdown-menu{
    margin-top: -1px;
}

.w-10{
    width: 10%;
}

.w-15{
    width: 15%;
}

.w-20{
    width: 20%;
}

.w-25{
    width: 25%;
}

.w-30{
    width: 30%;
}

.w-33{
    width: 33.3333%;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.tbl-btn{
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
    /* background-color: #F3F4F4; */
}

.tbl-hdr{
    color: #7B973B;
    border:none;
    font-size: 1.1rem;
    background-color: #FFFFFF;
}

.btn-panel{
    padding: 0;
    text-align: left;
}

.fixed-bottom{
    background-color: #F3F4F4;
    padding: 10px;
}

#cokcon{
    margin: 10px;
    width: 50px; 
}

.alert{
    display:none;
    z-index: 9999;
    text-align: center;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-top: -0px;
    margin-left: -200px;
    width: 400px;
    height: auto;
}

.card-cart {
    border: 1px solid rgba(0,0,0,.125);
}

.card-header {
    padding: .2rem .3rem;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,.125);
}

.color-green {
    padding-top: 1rem;
    padding-bottom: 2rem;
    color: #7B973B;
    font-weight: 100;
    font-size: 2rem;
    font-family: 'Oswald', sans-serif;
}

.color-green_sm{
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    color: #7B973B;
    font-weight: 100;
    font-size: 1.3rem;
    font-family: 'Oswald', sans-serif;   
}

.add-space {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.add-space-top {
    margin-top: 3rem;
}

.add-space-bottom {
    margin-bottom: 2rem;
}

.marg--5{
    margin-left: 0px;
    margin-right: 0px;
}

.no-lr-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.input-group-button{
    padding-left: 10px;
}

.btn-green {
    font-size: 1.5rem;
    background-color: #7B973B;
    color: #FFFFFF;
    font-weight: lighter;
    font-family: 'Oswald', sans-serif;
    border-radius: none;
}

.btn-green-stat{
    padding: .3rem;
    background-color: #7B973B;
    color: #FFFFFF;
    font-weight: lighter;
    font-family: 'Oswald', sans-serif;    
}

.btn-secondary {
    background-color: #4C4C4C;
}

/* FP PRODUCTS */

.fp-product-title {
    font-family: 'Oswald', sans-serif;
    border-top: #7B973B 2px solid;
    color: #4C4C4C;
    font-size: 1.5rem;
}

.fp-product-description {
    color: #4C4C4C;
    font-size: 0.7rem;
}

a:hover {
    text-decoration: none;
}

/* BEST SELLER */

.best-seller-bg {
    padding: 1rem;
    width: 100%;
}

.best-seller-item {
    background-color: #F3F4F4;
}

.best-seller-item img {
    margin: auto;
    width: 90%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.best-seller-item img:hover {
    transform: scale(1.1);
}

.best-seller-price {
    position: absolute;
    text-align: center;
    font-size: 1.5rem;
    line-height: 40px;
    width: 100px;
    height: 40px;
    top: 40px;
    left: 1rem;
    color: #FFFFFF;
    background-color: #7B973B;
}

.best-seller-title {
    font-size: 1.5rem;
    color: #7B973B;
    font-family: 'Oswald', sans-serif;
    background-color: #F3F4F4;
    padding-top: 5px;
    padding-bottom: 5px;
}

.best-seller-desc {
    font-size: 0.8rem;
    background-color: #F3F4F4;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* CONTACT */

.light-grey-bg {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #F3F4F4;
}

.contact-center-text {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.contact-center-text a,
.contact-center-text a:hover {
    color: #000000;
}

.title-mid {
    font-size: 1.4rem;
    font-family: 'Oswald', sans-serif;
    color: #7B973B;
    margin-bottom: 2rem;
}

.mapouter {
    text-align: right;
    height: 500px;
    width: 100%;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 100%;
    width: 100%;
}

/* PRODUCTS */

.product-category:hover .fp-product-title {
    color: #7B973B;
}

.product-item {
    background-color: #F3F4F4;
}

.product-item img {
    margin: auto;
    width: 90%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.product-item img:hover {
    transform: scale(1.1);
}

.product-price {
    position: absolute;
    text-align: center;
    font-size: 1.2rem;
    line-height: 35px;
    width: 100px;
    height: 35px;
    top: 35px;
    color: #FFFFFF;
    background-color: #7B973B;
}

.product-title {
    font-size: 1.5rem;
    color: #7B973B;
    font-family: 'Oswald', sans-serif;
    background-color: #F3F4F4;
    padding-top: 5px;
    padding-bottom: 5px;
}

.product-desc {
    font-size: 0.8rem;
    background-color: #F3F4F4;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* PRODUCT DETAILS */
.product-detail {
    padding: 1rem;
    background-color: #F3F4F4;
    width: 100%;
    overflow: auto;
    /* height: 100%; */
}

.product-detail-title {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    color: #7B973B;
    text-transform: capitalize;
}

.product-detail-description {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.product-detail-price {
    /* position: absolute; */
    text-align: center;
    font-size: 1.5rem;
    line-height: 40px;
    width: 190px;
    height: 40px;
    margin-left: -1rem;
    margin-top: 2rem;
    /* bottom: 60px; */
    /* left: 1rem; */
    color: #FFFFFF;
    background-color: #7B973B;
}

.product-detail-add-to-cart {
    font-size: 1.5rem;
    margin: 1rem;
    display: inline-block;
}

.product-detail-btn{
    display: block;
    width: 100%;
    background-color: #000000;
    height: 100%;
}

.product-detail-manual {
    padding: 1rem;
    background-color: #F3F4F4;
}

.product-detail_manual-title {
    font-family: 'Oswald', sans-serif;
    font-size: 1.5rem;
    font-weight: lighter;
    color: #7B973B;
}

.product-detail-options label {
    color: #7B973B;
}

.price-sum{
    display: inline;
}

/* CART */
#order-status {
    height: 30px;
    padding: 0;
}

.cart-table th {
    font-family: 'Oswald', sans-serif;
    background-color: #F3F4F4;
    font-size: 1.4rem;
    font-weight: lighter;
    color: #7B973B;
}

.cart-delete {
    cursor: pointer;
    width: 20px;
    text-align: center;
}

.cart-total-sum {
    background-color: #F3F4F4;
    color: #7B973B;
    font-size: 1.5rem;
    width: 350px;
    float: right;
    padding: 1rem;
    text-transform: uppercase;
}

#total-cart-sum{
    display: inline;
}

#place-order {
    margin-left: 1rem;
}

.order-list {
    background-color:#FFF;
    width: 100%;
}

.table td, .table th {
    padding: .2rem; 
}

/* USER */
.tab-content{
    padding: 1rem;
}

/* FOOTER */

.footer {
    padding: 2rem;
}

.grey-bg {
    color: #FFFFFF;
    background-color: #4C4C4C;
}

.logo-white {
    max-width: 100px;
    width: 50%;
    height: auto;
}

.title-footer {
    font-family: 'Oswald', sans-serif;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.footer-table {
    vertical-align: top;
}

.footer-table a,
.footer-table a:hover {
    color: #FFFFFF;
}

.copyright {
    font-size: 0.7rem;
    color: #A4A4A4;
    padding-bottom: 0.5rem;
}

.footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.footer li {
    float: left;
}

.footer li a {
    display: block;
    color: white;
    text-align: center;
    float: right;
    line-height: 30px;
    padding-left: 5px;
    padding-right: 10px;
    text-decoration: none;
}

.products-footer a{
    text-decoration: none;
    color: #F3F4F4;
}

/* DELIMITERS */

.delimiter-container {
    position: relative;
}

.delimiter-hand-made-text {
    max-height: 500px;
    text-align: center;
    padding: 1%;
    color: #FFFFFF;
    position: absolute;
    left: 3%;
    top: 10%;
    width: 94%;
    height: 80%;
    background-color: rgba(0, 0, 0, 0.30);
}

.delimiter-natural-materials-text {
    max-height: 500px;
    padding: 3%;
    text-align: center;
    width: 60%;
    position: absolute;
    color: #4C4C4C;
    top: 0;
    right: 0;
}

.delimiter-hand-made-title {
    font-family: 'Oswald', sans-serif;
    font-size: 3rem;
}

.delimiter-border-white {
    position: relative;
    border-bottom: #FFFFFF 5px solid;
    left: 40%;
    width: 20%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.delimiter-border-grey {
    position: relative;
    border-bottom: #4C4C4C 5px solid;
    left: 40%;
    width: 20%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.delimiter-hand-made-desc {
    margin-left: 25%;
    width: 50%;
}

/* CAROUSEL */

.carousel-inner {
    max-height: 800px !important;
}

/* Naredit da se spodnje izvede le pri večjih zaslonih */
@media (min-width: 991px) {
    .navbar-nav li:hover>ul.dropdown-menu {
        color: #FFFFFF;
        display: block;    
    }

    .dropdown-submenu {
        position: relative;    
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }
}

.desk-hide{
    display: none;
}

@media (max-width: 990px){
    .mob-hide{
        display: none;
    }
    .desk-hide{
        display: block;
        padding: .5rem 1rem;
    }
    #navbar11{
        border-bottom: 1px solid #F3F4F4;
    }
    .dropdown-toggle::after{
        display: none;
    }
    #navbar11 ul li{
        text-align: center;
        /* border-bottom: #A4A4A4 solid 1px; */
    }
    .navbar-nav>li:nth-child(odd){
        background-color: #F3F4F4;
    }​
    .dropdown-menu, .dropdown-item{
        background-color: #ffffff;
    }
    .dropdown-submenu a{
        color: #4C4C4C;
    }    
    .dropdown-submenu a:hover, .dropdown-item:hover{
        background-color: #ffffff;
    }
    .dropdown-menu li:hover {
        background-color: #ffffff;
    }

    .dropdown-menu,
    .dropdown-item,
    .dropdown-menu:hover {
        background-color: #ffffff;
    }
    
    .dropdown-item:hover,
    .dropdown-menu a:hover,
    .dropdown-submenu a:hover,
    .dropdown-menu li:hover {
        background-color: #ffffff;
    }
}

@media (min-width: 768px) {
    #carousel-best-seller .carousel-control-prev {
        left: -2.9rem;
    }
    #carousel-best-seller .carousel-control-next {
        right: -2.9rem;
    }
    /* show 3 items */
    #carousel-best-seller .carousel-inner .active,
    #carousel-best-seller .carousel-inner .active+.carousel-item,
    #carousel-best-seller .carousel-inner .active+.carousel-item+.carousel-item {
        display: block;
    }
    #carousel-best-seller .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel-best-seller .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
    #carousel-best-seller .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        transition: none;
    }
    #carousel-best-seller .carousel-inner .carousel-item-next,
    #carousel-best-seller .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    #carousel-best-seller .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    #carousel-best-seller .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    #carousel-best-seller .carousel-item-next.carousel-item-left+.carousel-item,
    #carousel-best-seller .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
    #carousel-best-seller .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be abso position for animations */
    #carousel-best-seller .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    #carousel-best-seller .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    #carousel-best-seller .carousel-item-prev.carousel-item-right+.carousel-item,
    #carousel-best-seller .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
    #carousel-best-seller .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

#carousel-best-seller .carousel-control-next,
.carousel-control-prev {
    width: 5%;
}

#carousel-best-seller .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%4c4c4c4c' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

#carousel-best-seller .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%4c4c4c' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
    #carousel-best-seller .carousel-control-prev {
        left: -2rem;
    }
    #carousel-best-seller .carousel-control-next {
        right: -2rem;
    }
}

/* LOGIN MODAL */

.btn-login {
    height: 50px;
    border: none;
    border-radius: 0;
}

.modal-header {
    border: none;
}

.modal-footer {
    border: none;
    padding-bottom: 0;
}

.modal-content {
    border: none;
    border-radius: 0;
}

.modal-bfooter {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}

.modal-bfooter a {
    font-size: 0.8rem;
    color: #4C4C4C;
}

.modal-body input {
    border: 1px solid #4C4C4C;
    padding: 0.4rem;
    margin-bottom: 1rem;
}

/* REGISTER */

.form-control:focus {
    border-color: #7B973B;
    box-shadow: 0 0 0 0.2rem rgba(123, 151, 59, 0.3)
}

.icon{
    margin-left: 0.5rem;
    height: 17px;
    width: auto;
}

.product-icon{
    margin:0.3rem 1rem 0 0;
}