/* Sections */
 
body {
     color: #323232;
}

.main {
     padding: 1rem 0;
}

/* Titles */

h1,
.h1,
.info-page h1,
.title-primary {
     font-size: 1.5rem;
}

/* Links */

a {
     color: #333;
}

a:hover {
     color: #666;
}

/* Buttons */

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
     background: #ee2e3a;
     border-color: #353535;
     color: #fff;
     text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
     background: #ee2e3a;
     border-color: #171717;
     color: #fff;
}

.btn-secondary,
.btn-secondary:disabled,
.btn-secondary.disabled {
     background: #fff;
     border-color: #868e96;
     color: #495057;
     text-transform: uppercase;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
     background: #f1f3f5;
     color: #495057;
}

/* Icons */

.icon-heart-fill {
     color: #f80000;
}

/* Header */

.header-top {
     background: #f2f2f2;
}

.header-search {
     width: 30%;
}

.header-search-form {
     width: 100%;
}

.form-control.header-search-input {
     background: #f2f2f2;
     border-color: #f2f2f2;
     color: #555;
     height: 2.75rem;
     max-width: 100%;
     min-width: 0;
     padding: .375rem 4.375rem .375rem .75rem; }

.form-control.header-search-input:focus {
     background: #f2f2f2;
     border-color: #f2f2f2;
}

.header-search-btn {
     background: #d9d9d9;
     color: #333;
     height: 2.75rem;
     padding: 0 1.25rem;
}

.header-search-btn:hover {
     color: #333;
}

.header-search-advanced {
     display: none;
}

.header-cart .icon-shopping-cart::after {
     background-color: #f80000;
     box-shadow: 0 0 0 3px #fff;
}

.header-menu-item > .header-menu-link {
     text-transform: none;
}

.popper-popover-mega-menu {
     margin: 0;
}

.header-menu .popper[x-placement^="bottom"] {
     margin-top: 0;
}

@media (min-width: 992px) {
     .header-cart .icon-heart,
     .header-cart .icon-shopping-cart {
         font-size: 2rem;
     }
     .header-bottom {
         background: #ee2e3a;
         border-bottom: 1px solid #212121;
         border-top: 1px solid #212121;
         padding: 0;
     }
     .header-menu .header-menu > .navbar-nav {
         margin-left: -.875rem;
     }
     .header-menu .header-menu-item > .header-menu-link {
         color: #fff;
         font-size: .9375rem;
         padding: .875rem;
     }
     #menu_link_47,
     .header-menu .header-menu-item > .header-menu-link:hover {
         background: #ee2e3a;
         color: #fff;
     }
     
      #menu_link_47:hover {
          background: #f80000;
          }
}

/* Index */

.block-products-index {
     margin: .75rem 0 1rem;
}

.block-products-index .title-primary {
     border-bottom: 1px solid #d9d9d9;
     color: #333;
     font-size: 1.375rem;
     margin: .75rem 0 1rem;
     padding-bottom: 1rem;
     text-align: center;
}

/* Catalog */

.prod-box .prod-title,
.article-box .article-title {
     font-weight: 700;
}

.prod-box .prod-price,
.prod-box .prod-price-with-taxes {
     color: #f80000;
}

.prod-box .prod-price-old,
.prod-box .prod-price-old-with-taxes {
     color: #333;
}

.prod-box .prod-cat {
     font-size: .8125rem;
     color: #333;
}

.prod-box .prod-desc,
.article-box .article-preview,
.prod-box .brand-desc {
     color: #333;
}
 
.prod-prices {
    flex-direction: column;
} 

.row-prod-price-old {
    margin: 0;
}   

.pagination .page-item-mobile .page-link, .pagination .page-item.active .page-link {
     background-color: #424242;
     border-color: #424242;
     color: #fff;
}

.title-secondary + .block-products-catalog {
     border-top: 1px solid #d9d9d9;
     padding-top: .75rem;
}

/* Buy */

.site-blog-post .title-primary:not(.title-blog), .site-buy .title-primary:not(.title-buy) {
     border-bottom: 1px solid #e9ecef;
     margin-bottom: 1rem;
     padding-bottom: .75rem;
}

.row-prod-specifications .prod-price,
.row-prod-specifications .prod-price-with-taxes {
     color: #f80000;
}

.buy-social-icons .buy-social-icon {
     color: #424242;
}

.nav-buy-wrap {
     background: #d9d9d9;
}

.nav-buy .nav-link {
     color: #333;
}

.nav-buy .nav-link + .nav-link {
     border-left: 1px solid #fff;
}

.nav-buy .nav-link:hover,
.nav-buy .nav-link.active {
     color: #333;
     background: #f2f2f2;
}

@media (min-width: 992px) {
     .title-buy,
     .title-blog {
         font-size: 1.625rem;
     }
}

/* Footer */

.footer-top > :nth-child(2n+1),
.footer-top > :nth-child(2n+1) .gray-overlay::before {
     background: none;
}

.footer-top-row {
     border-top: 1px solid #d9d9d9;
}

.footer-social-icons .footer-social-icon {
     background: none;
     color: #424242 !important;
}

@media (min-width: 992px) {
     .footer-box-title {
         font-size: 1.25rem;
     }
     .footer-middle,
     .footer-bottom {
         background: #f2f2f2;
     }
     .footer-middle-link {
         font-size: .875rem;
     }
     .footer-middle-title {
         color: #333;
         font-size: 1.25rem;
         font-weight: 500;
         text-transform: none;
     }
     .footer-middle-item .footer-middle-link {
         padding: .1875rem 0;
     }
     .footer-bottom {
         border-top: 1px solid #d9d9d9;
     }
     .footer-bottom-link {
         color: #333;
     }
     .footer-bottom-sides {
         border-top: 1px solid #e9ecef;
         padding-top: 1.5rem;
     }
}

/* Promo */

[class^="promo-"] {
     border-radius: 0;
     }


/* Stilizare contact. Nu sterge!!!!!*/


.map-responsive{

     overflow:hidden;

     padding-bottom:40%;

     position:relative;

     height:0;

}

.map-responsive iframe{

     left:0;

     top:0;

     height:100%;

     width:100%;

     position:absolute;

}

.contact-section {
     padding: 0 0 1.5rem 0;
     }

.contact-3 {
     padding: 3rem 0;
     }

.contact-info-row {
     padding-bottom: .5rem;
     }

.contact-icon,
.row-icon {
     padding-right: 1rem;
     }

.contact-icon img,
.row-icon img{
     height: 1rem;
     width: auto;
     }

.contact-2  .contact-box {
     min-height: 200px;
     }


.contact-info-row h3 {
     font-size: 1.75rem;
     }

.contact-box {
     border: 2px solid #ee2e3a;
     border-radius: 1.5rem;
     margin: 0 0 1.5rem 0;
     padding: 1rem;

     }

.contact-box-icon {
     height: 4rem;
     margin: auto;
     width: auto;
     }

.contact-box h4{
     font-size: .9125rem;
     margin: auto;
     max-width: 75%;
     padding: .5rem 0;
     text-align: center;
     }

.contact-box a {
     width: 85%;
     margin: auto;
     }

.contact-section .section-title {
     padding: 2rem 0;
     text-align: center;
     }

.contact-4 .contact-box a {
     padding-bottom: .5rem;
     }

.contact-pic {
     text-align: center;
     }

.contact-pic h4 {
     font-weight: bold;
     padding-top: 1rem;
     }

#page_contact_form {
     background: #ebebeb;
     padding: 1.5rem;
}

#page_contact_form select.form-control,
#page_contact_form input.form-control {
     max-width: 100%;
     }

#page_contact_form h3 {
     font-size: 1.75rem;
     padding: .5rem 0 1rem 0;
     }


#page_contact_form .btn-primary {
    background: #ee2e3a;
    border: 0;
    max-width: 10rem;
    }

#page_contact_form .btn-primary:hover{
    background: #000;

    }


.tabs-nav {
     list-style: none;
     margin: 0;
     padding: 0;
}
.tabs-nav li:first-child a {
     border-right: 0;
     -moz-border-radius-topleft: 6px;
     -webkit-border-top-left-radius: 6px;
     border-top-left-radius: 6px;
}
.tabs-nav .tab-active a {

     color: #ee2e3a;
     cursor: default;
}
.tabs-nav a {
        cursor: pointer;
     color: #000
     display: block;
     font-size: 11px;
     font-weight: bold;
     padding: .25rem;
     text-align: center;
     text-transform: uppercase;

}

.tabs-stage {

     border-top: 0;
     clear: both;
     margin-bottom: 20px;
     position: relative;
     top: -1px;

}
.tabs-stage p {
     margin: 0;
     padding: 20px;
     color: hsl(0, 0%, 33%);
}


.box-magazin::before {
      content:"Magazin";
     display: block;
     font-weight: bold;
     margin-bottom: .5rem;
     }
.box-agent::before {
     content:"Agent";
     display: block;
     font-weight: bold;
     margin-bottom: .5rem;
     }

.tab-online .box-magazin::before {
    display: none;
    }

.box-agent,
.box-magazin {
    padding-bottom: 1rem;
    }

.box-magazin > div,
.box-agent > div {
     font-size: .8125rem;
     font-weight: 500;
     padding-bottom: .25rem;
     }

.magazin-phone a,
.agent-phone a {
     color:#ee2e3a;
     }

  .magazin-mail a,
.agent-mail a {
     color:#000000;
     }

.magazin-phone a::before,
.agent-phone a::before {
     background: 
url(https://s.cdnmpro.com/924553961/content/icoane/phone.png) no-repeat top left /cover;
     content: "";
     display: inline-block;
     height: .75rem;
    margin-right: .25rem;
     width: .75rem;
     }


.magazin-mail a::before,
.agent-mail a::before {
     background: 
url(https://s.cdnmpro.com/924553961/content/icoane/mail.png) no-repeat 
top left /cover;
     content: "";
     display: inline-block;
     height: .75rem;
     margin-right: .25rem;
     width: .75rem;
     }
.box-magazin > div a,
.box-agent > div a {
     align-items: center;
     display: flex;
     }

.tabs-stage > div h4 {
     font-size: .75rem;
     text-transform: uppercase;
     }

.city-list-container {
     border: 1px solid #ebebeb;
     background: #fff;
     padding: .25rem;
     width: 95%;
     }

.city-list-container button {
     background: none;
     border: 0;
     cursor: pointer;
     display: block;
     padding: .25rem;
     position: relative;
     text-align: left;
     width: 100%;
     }

.city-list-container button::after {
     border-right: 2px solid #666;
     border-bottom: 2px solid #666;
     content: "";
     display: block;
     height: .75rem;
     opacity: .65;
     position: absolute;
     right: 1rem;
     top: .3125rem;
     transform: rotate(45deg);
     width: .75rem;
     }


  .city-list-container.active {
      position: absolute;
      z-index: 9990;
      }



@media (min-width: 992px) {
     .city-list-container {
         max-width: 260px;
         width: 260px;
         }
    .box-online-order-2,
    .box-warehouse {
        height: 100%;
        }
}

@media (max-width: 991.98px) {
     .tabs-stage {
         padding: 1.5rem 0 0;
         }
        .city-list-container {
         max-width: 100%;
         width: 100%;
         }
     }
     
     #list-toggle{
         text-transform: capitalize;
         }