html, body {
    height: 100%;  /*что бы футер прижимался к низу всегда*/
}

body {
    /*font: font-weight font-size [/ line-height] font-family;*/
    font: 500 16px/1.7 Lato, sans-serif;
    color: #585858;
    /*что бы футер прижимался к низу всегда*/
    display: flex;
    flex-direction: column;
}

.content {
    flex-grow: 1;  /*что бы футер прижимался к низу всегда*/
}

#pageTop {
    box-shadow: inset 0 0 80px 5px rgba(0,0,0,0.3);
    background-color: #dcdad1;
    background-color: #f4f3ef;
}

#pageTop a {
    text-decoration: none;
}

#sitename {
    display: flex; /*выравниваем по середине*/
}

#sitename h1 {
    font-size: 3.5rem;
}

#sitename a {
    margin: auto; /*выравниваем по середине*/   
    letter-spacing: 0.12em;
    color: #585858;
}

/* Style the search field */
form.mod-shop-search input[type=text] {
    padding: 4px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #f1f1f1;
    background: #f9f9f9;
}

/* Style the submit button */
form.mod-shop-search button {
    float: left;
    width: 20%;
    padding: 4px;
    background: #2196F3;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
}

form.mod-shop-search button:hover {
    background: #0b7dda;
}

/* Clear floats */
form.mod-shop-search::after {
    content: "";
    clear: both;
    display: table;
}

#info {
    text-align: center;
    display: flex; /*выравниваем по середине*/
}

#info div {
    margin: auto;
    color: #1b1b1b;
}

#search{
    display: flex; /*выравниваем по середине*/
}

#search div {
    margin: auto;
}

.container h2 {
    color: #495765;
    margin-bottom: 3rem;
    letter-spacing: 10px;
}

.container-fluid {
    padding: 25px 3%;
    /*padding: 80px 6%;*/
}

.container p::first-letter {
    padding-left: 1rem;
}

/*===== bs4 carousel =====*/
/* Make the image fully responsive */
.carousel-inner img {
    width: 100%;
    height: 100%;
    background: #5793ce;
}

/*===== MAIN MENU =====*/
#top_menu .navbar {
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    background-color: #1b526d;
    border: 0;
    font-size: 1.0em !important;
    /*letter-spacing: 0.15em;*/
    opacity: 0.9;
    /* top | right | bottom | left */
    padding: 0 1.7em 0.1em 1.7em;
}

#top_menu .navbar-brand {
    font-size: 1.4em !important;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.nav-item {
    margin-left: 0.2em;
}

.navbar-dark .navbar-nav .nav-link {
    /*color: rgba(255,255,255,.5);*/
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
    border-radius: 3px;
    background-color: #163b4e;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff;
    border-radius: 3px;
    background-color: #163b4e !important;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0.8rem;
}

/*===== breadcrumbs =====*/
.breadcrumb {
    margin: 0;
    padding: 0.3em 1.7em 0.3em 1.7em;;
}

ul.breadcrumb li + li:before {
    padding: .1em;
    /*color: black;*/
    content: "\00a0/";
}

/*===== about page =====*/
#contacts img {
    width: 7%;
    height: 6.5%;
    /* margin-left: 1em;
    margin-right: 1em; */
}

#contacts {
    font-size: 1.3rem;
}

/*===== section ======*/
.bgcolor {
    background-color: #eeeeee59;
    color: #bdbdbd;
}

.bgcolor h2 {
    color: #fff;
}

/*когда максимальная ширина страницы
становиться меньше 767px,
то добавить padding*/
@media (max-width: 767px) {
    #googleMap {
        padding-top: 1.5em;
    }
}

@media (max-width: 991px) {
    #info {
        /*display: none;*/
        padding-top: 1.2em;
    }
}

.categories-list-column {
    padding-bottom: 25px; /*gap for small screen view*/
}

.categories-list-column .navbar {
    padding: 0rem 0.7rem;
    border-radius: 3px;
    color: white;
    background-color: #2f617ad6;
    /*background-color: #afa39b;*/
    /*opacity: 0.8;*/
}

.categories-list-column .navbar-brand a {
    color: white;
    text-decoration: none;
}

.categories-list-column .navbar-brand {
    /*color: #1b526d;*/
}

/*=====  footer  =====*/
.semifooter {
    text-align: center;
    background: #1b526d;
}

.semifooter a {
    display: block; /* ссылка на весь блок */
    padding: 20px;
    color: #f5f5f5;
    text-decoration: none;
}

.semifooter a:hover {
    color: #777;
}

footer {
    background-color: #14294a;
    color: #f5f5f5;
    padding: 32px;
    text-align: center;
}

footer a {
    color: #f5f5f5;
    text-decoration: none;
}

footer a:hover {
    color: #777;
}

.sticky-top {
    z-index: 89; /*иначе полоса меню находится выше lightbox*/
}