a {
    color: black;
}

a:hover {
    color: #ef7d00;
    text-decoration: none;
}

a.active {
    color: #97c650 !important;
    border-bottom: 2px solid;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .sidebar li {
        position: relative;
    }

    .sidebar li .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
        min-width: 240px;
    }

    .sidebar li:hover>.submenu {
        display: block;
    }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

    .sidebar .submenu,
    .sidebar .dropdown-menu {
        position: static !important;
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

}

nav.sidebar {
    width: 100%
}

.navbar-nav {
    align-items: center;
}

nav.sidebar li.nav-item {
    background-color: #2c2c2c;
    border-bottom: 1px solid #ffffff;
}

nav.sidebar li.nav-item:hover {
    background-color: #000;
}

nav.sidebar li.nav-item a.nav-link {
    color: #ffffff;
    text-transform: uppercase;
    padding: 16px 8px;
}

nav.sidebar ul.dropdown-menu a.nav-link {
    color: #2b2b2b;
}

nav.sidebar li ul.dropdown-menu .nav-link:focus,
nav.sidebar li ul.dropdown-menu .nav-link:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

nav.sidebar li ul.dropdown-menu {
    /* width: auto; */
    min-width: 300px
}

.nav-link img {
    height: 59px;
    opacity: .9;
    background-color: #fff !important;
    margin-top: -16px;
    margin-right: 16px;
    margin-bottom: -16px;
    margin-left: -8px;
}


.profil-menu .bottomborder {
    background-color: #ef7d00;
}

/* ============ small devices .end// ============ */

/* ============ search form ============ */

#termek-kereses {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 101px;
    display: none;
}
@media (max-width: 768px) { 
    #termek-kereses {
        top: 55px;
    }
}
@media (max-width: 575px) {
    .navbar-brand{
        margin-right: 0px;
    }
}

#search-row {
    background: #ffffff;
    align-items: center;
    max-height: 80vh;
    overflow: auto;
}

#search-icon,
#search-icon2 {
    font-size: 21px;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    color: rgb(44, 44, 44);
}

/* ============ search form  .end// ============ */

.page {
    padding-top:0;
}

@media all and (min-width: 992px) {
    main {
        min-height: 400px;
    }
}

.fixed-top a,
.fixed-top a:hover,
.fixed-top a:focus,
.fixed-top a:active {
    color: #fff;
}

a:hover {
    color: #ef7d00;
    text-decoration: none;
}

#product-qty {
    padding-left: 15px;
    font-size: 20px;
    border: 1px solid #ddd;
    max-width: 50%;
}

#product-price {
    margin-top: 15px;
}

#product-orig-price {
    text-decoration: line-through;
    font-size: 20px;
}

#product-price span {
    background: #ef7d00;
    padding: 5px;
    color: #fff;
}
body {
    font-family: Montserrat,sans-serif;
}

.description {
    background-color: #fff;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.description td {
    padding-right: 20px;
}

.product-carousel {
    border: 15px solid #f8f9fa;
}

.page-footer.dark h5 {
    color: #fff;
}

.page-footer h5 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
}

.page-footer.dark a {
    color: #d2d1d1;
    text-decoration: none;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.page-footer ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

dl, ol, ul {
    margin-top: 0;
}
address, dl, ol, ul {
    margin-bottom: 1rem;
}

*, :after, :before {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .page-footer ul li {
        position: relative;
        padding-left: 10px;
    }
}

@media (min-width: 768px) {
    .page-footer ul li:after, .page-footer ul li:before {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 6px;
        border-radius: 2px;
        background-color: #007bff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@media (min-width: 768px) {
    .page-footer ul li:before {
        top: 9px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@media (min-width: 768px) {
    .page-footer ul li:after {
        top: 13px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.page-footer .footer-copyright {
    background-color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    margin-top: 50px;
    border: 1px solid #ededed;
}

.page-footer.dark .footer-copyright {
    background-color: #222425;
    border-color: #222425;
}

.page-footer .footer-copyright p {
    margin: 10px;
    color: #7d8288;
}

.page-footer.dark .footer-copyright p {
    color: #ccc;
}
@media (min-width: 768px) {
    .bannerhatter {
        padding-bottom: 0;
    }
}

.process-2.process-steps li:nth-child(2) {
    text-align: right !important;
}

.process-2.process-steps li:before, .process-2.process-steps li:after {
    width: 90%;
}

.bg-images {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px !important;
    height: 280px;
}

section.bannerhatter {
    position: relative;
    z-index: 10;
}

.btn-success {
    color: #fff;
    background-color: #fb9348;
    border-color: #fb9348;
}

.cart_container{
    position:relative;
}

.cart_container span#cartTotalItems{
    position:absolute;
    width:20px;
    height:20px;
    text-align:center;
    border-radius:50%;
    background-color:red;
    color:#fff;
    left:38px;
}

@media (max-width: 1199px) { 
    .cart_container span#cartTotalItems{
        top: 0px;
    }
}


ul#suggestions {
    list-style: none;
    padding-left: 0;
}

ul#suggestions li {
    color:#000;
}

ul#suggestions li a {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #cdcdcd;
}

ul#suggestions li .search_imgs {
    width:60px;
    height: 60px;
}

.img-fluid-reverse {
    display: block;
    height: 60px;
    margin: auto;
    max-width: 100%;
}

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

.page-link {
    color: #313131;
}
.flex-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.background-img {
    height: 30vw;
    object-fit: contain;
    width: 100%;
}
/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1399.98px) {
    .background-img {
        height: 25vw;
        width: 100%;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    .background-img {
        height: 30vw;
        width: 100%;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    .background-img {
        height: 38vw;
        width: 100%;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .background-img {
        height: 37vw;
        width: 100%;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .background-img {
        height: 55vw;
        width: 100%;
    }
}

#description table {
    width: 100% !important;
    height: 100% !important;
}

hr.title-border {
    width: 10%;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #97c650;
    opacity: 1;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
}
nav {
    box-shadow: 0 0 25px #bfbfbf;
}

.card-footer {
   border-top:0;
}

.green-box, .green-box .card-footer {
    background-color: #8cb155 !important;
    color: #fff;
}


.yellow-box, .yellow-box .card-footer {
    background-color: #f37956 !important;
    color: #fff;
}

.grey-box {
    background-color: #515151;
    border-color: #414141;
}

.grey-box .text-muted{
    color: #fff !important;
}

.green-border {
    border-color: #8cb155;
}

.lang-flags {
    width:40px !important;
    height:30px !important;
}

.link-lang {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.blog-list-image {
    background-position: center;
    background-color: #212f1175;
    background-blend-mode: color-burn;
    border-color: #f37956;
}

.blog-list-image .card-header {
    border-color: #f37956;
    background-color: #f37956;
}

.card-full-images {
    object-fit: cover;
    width: 100%;
    height: 100%;

}

.card.green-border {
    transition-duration: 0.7s;
}

.card.green-border:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
    cursor:pointer;

    transition-timing-function: ease;
}

.navbar-toggler {
    background-color: #97c650;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 2px solid white;
}

.map-filter-btn {
    margin-right: 15px;
}

.marker-text{
    position: relative;
    top: -40px;
    font-size: 15px;
    width: 48px;
    text-align: center;
    color: black;
    font-weight: bold;
    left: -4px;
}