/* Fira Sans Font */

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/* General */

body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    color: #748493;
}

/* Main nav */

/* Main Nav */

.main-nav {
    border-top: 1px solid #afb7bf;
    border-bottom: 1px solid #ccc;
}

.main-nav .navbar {
    padding: 0;
    display: block;
    margin-bottom: -2px;
}

.main-nav .navbar-toggler {
    border-radius: 0;
    padding: 15px;
}

.main-nav .navbar-toggler span {
    height: 20px;
    width: 20px;
    display: block;
}

.main-nav .navbar-toggler.open {
    background-color: #323b44;
}

.main-nav .navbar-toggler span {
    background: url("/img/main-menu-burger-open.png") center no-repeat;
    background-size: contain;
}

.main-nav .navbar-toggler.open span {
    background: url("/img/main-menu-burger-close.png") center no-repeat;
    background-size: contain;
}

#navbarMainContent {
    position: absolute;
    background: #323b44;
    z-index: 999;
    top: -1px;
    right: 0;
    left: 0;
    min-height: 100%;
    margin: 0 15px;
    padding: 40px;
}

#navbarMainContent .nav-link {
    padding: 0;
    color: #cccccc;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
}

#navbarMainContent .nav-link:hover, #navbarMainContent .nav-link.active {
    color: #748493;
}

.main-nav .secondary-nav ul {
    padding: 0;
    margin: 0;
    display: inline;
}

.main-nav .secondary-nav ul li {
    list-style: none;
    display: inline;
    white-space: nowrap;
    margin: 0 4px;
}

.main-nav .secondary-nav ul li a {
    color: #4b5966;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
}

.compare-favorite-block ul li {
    margin: 0 !important
}

.compare-favorite-block ul li:first-child a {
    margin-right: 10px;
}

#compfav ul li a:hover, #compfav ul li a.active {
    text-decoration: none;
    color: #40ae2a;
    border-bottom: 1px solid #40ae2a !important;
}

#compfav ul li:last-child a:hover, #compfav ul li:last-child a.active {
    text-decoration: none;
    color: #cc0000;
    border-bottom: 1px solid #cc0000 !important;
}

.main-nav .secondary-nav ul li a:hover, .main-nav .secondary-nav ul li a.active {
    text-decoration: none;
    color: #cc0000;
    border-bottom: 1px solid #cc0000 !important;
}

.compare-favorite-block ul {
    border-bottom: 1px solid #748493;
    padding: 16px 0 !important;
}

.compare-favorite-block a.active, .compare-favorite-block a:hover {
    border-bottom: none !important;
}

.main-nav .secondary-nav ul li a {
    padding: 17px 0;
}

nav.recent {
    border-bottom: 1px solid #748493;
}

.recent .nav {
    border-bottom: none;
}

.recent .nav-tabs .nav-link {
    font-size: 18px;
    font-weight: 300;
    color: #748493;
}

.recent .nav-tabs .nav-link.active {
    color: #748493;
    font-size: 24px;
    font-weight: 300;
    border-color: #748493 #748493 #fff;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
}

@media (max-width: 768px) {
    .recent .nav-tabs .nav-link {
        font-size: 16px;
    }

    .recent .nav-tabs .nav-link.active {
        font-size: 20px;
    }
}

@media (max-width: 415px) {
    .recent .nav-tabs .nav-link {
        font-size: 12px;
    }

    .recent .nav-tabs .nav-link.active {
        font-size: 16px;
    }
}

/* Phone button */
.phone-btn .icon-block {
    border-right: 1px solid #00000047;
    margin-right: 1px;
}

.show-btn {
    width: 100%;
}

.show-btn a {
    font-size: 24px;
}

.show-btn .btn-red {
    padding-top: 4.5px;
    padding-bottom: 4.5px;
    padding-left: 4.5px;
    padding-right: 4.5px;
}

.show-btn .show-text {
    width: 100%;
    border-left: 1px solid #ffffff59;
    margin-left: 1px;
}

.show-btn .quantity-block {
    border-right: 1px solid #00000047;
    margin-right: 1px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.show-btn .quantity {
    font-size: 18px;
}

.show-btn:hover button, .btn-red.active button {
    background: #cc3333;
}

/* Dropdown Select

.bootstrap-select > .dropdown-toggle {
    height: 38px;
    background: #fff;
}

.filter-dropdown {
    border: 1px solid #748493;
    border-radius: 5px;
    color: #afb7bf !important;
    font-weight: 300;
}

.filter-dropdown:focus {
    border-color: #3D962B;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(61 150 43 / 60%);
}

.dropdown-toggle::after, .dropup .dropdown-toggle::after {
    border: none;
    content: url("/img/arrow-down.png");
    width: auto;
    height: auto;
    top: 3px;
    position: relative;
}

.dropdown-item.active, .dropdown-item:active {
    background: #f8f9fa;
    color: white;
    font-weight: 300;
}

.dropdown-item:hover {
    background: #f2f2f2;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    box-shadow: none;
    border: 1px solid #748493;
    border-radius: 5px;
}

.filter-dropdown[aria-expanded=true] {
    border: 1px solid #3D962B;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    margin-bottom: 15px;
}

.extended-search a.btn-filter {
    border: none;
    margin-bottom: 7px;
}

.extended-search a.btn-filter:hover {
    background: none;
    color: #cc0000 !important;
}

.city-dropdown {
    color: black !important;
    font-size: 18px !important;
    margin-left: 10px;
}

.city-dropdown::after {
    content: url("/img/city-dropdown.png");
    margin-left: 15px;
}*/