@media (max-width: 991px) {
    .swiper {
        display: none;
    }
    .headburger {
        height: 60px;
        background-color: #89c2e3;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .btnmenu1 {
        display: none;
    }
    .btnmenu2 {
        display: none;
    }
    .btnmenu3 {
        display: none;
    }
    .btnmenu4 {
        display: none;
    }
    .btnmenu5 {
        display: none;
    }
    .btnmenu1.show {
        display: block;
    }
    .btnmenu2.show {
        display: block;
    }
    .btnmenu3.show {
        display: block;
    }
    .btnmenu4.show {
        display: block;
    }
    .btnmenu5.show {
        display: block;
    }
    .swampmenu1 {
        display: none;
    }
    .swampmenu2 {
        display: none;
    }
    .swampmenu1.active {
        width: 100%;
        display: block;
        opacity: 1;
        visibility: visible;
        position: relative;
        border-top: solid 1px white;
        border-bottom: solid 1px white;
        border-radius: 0px;
    }
    .swampmenu2.active {
        width: 100%;
        display: block;
        opacity: 1;
        visibility: visible;
        position: relative;
        border-top: solid 1px white;
        border-bottom: solid 1px white;
        border-radius: 0px;
    }
    .burger {
        margin-top: 7px;
        position: absolute;
        width: 45px;
        height: 45px;
        cursor: pointer;
        z-index: 3;
    }
    .burger span, .burger span:before, .burger span:after {
        width: 100%;
        position: absolute;
        height: 7px;
        background: white;
        display: block;
        -webkit-transition: .3s;
        transition: .3s;
        border-radius: 5px;
    }
    .burger span:before {
        content: "";
        top: -15px;
        -webkit-transition: top 300ms 300ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms 300ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .burger span {
        top: 20px;
    }
    .burger span:after {
        content: "";
        bottom: -15px;
        -webkit-transition: bottom 300ms 300ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms 300ms, -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .burger span.active:before {
        content: "";
        top: 0px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: top 300ms, -webkit-transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: top 300ms, -webkit-transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: top 300ms, transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: top 300ms, transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    .burger span.active:after {
        content: "";
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: bottom 300ms, -webkit-transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: bottom 300ms, -webkit-transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: bottom 300ms, transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: bottom 300ms, transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 300ms 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    .burger span.active {
        background: rgba(255, 255, 255, 0);
    }
}

html {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-image: url(/img/background.jpg);
    background-attachment: fixed;
    max-width: 100%;
    overflow-x: hidden;
}
.container {
    flex: 1 1 auto;
}

.headfirst {
    padding-top: 20px;
    padding-bottom: 10px;
}

.headfirst h1 {
    font-size: 30px;
}

.headfirst p {
    font-size: 15px;
}

.headfirst img {
    margin-bottom: 10px;
}

.headsecond {
    background-color: #89c2e3;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
}

.swiper {
    width: 100%;
    height: 300px;
    margin-top: 20px;
    border: 3px #858583 solid;
    border-radius: 5px;
    -webkit-box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
}

.swiper .swiper-button-prev {
    color: #89c2e3;
}

.swiper .swiper-button-prev:hover {
    -webkit-transition: 1s;
    transition: 1s;
    color: #1d6faa;
}

.swiper .swiper-button-next {
    color: #89c2e3;
}

.swiper .swiper-button-next:hover {
    -webkit-transition: 1s;
    transition: 1s;
    color: #1d6faa;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
}

.btnmenu {
    width: 100%;
    font-size: 17px;
    background-color: #89c2e3;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    color: ghostwhite !important;
}

.btnmenu:hover {
    -webkit-transition: 1s;
    transition: 1s;
    background-color: #1d6faa;
}

.btnMenuSwamp1:hover .swampmenu1 {
    opacity: 1;
    visibility: visible;
}

.btnMenuSwamp2:hover .swampmenu2 {
    opacity: 1;
    visibility: visible;
}

.secondbtnmenu {
    font-size: 14px;
    border-radius: 0px 0px 5px 5px;
}

.swampmenu1 {
    width: 14%;
    z-index: 14;
    position: absolute;
    background-color: #89c2e3;
    border-radius: 0px 0px 5px 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
}

.swampmenu2 {
    width: 22%;
    z-index: 14;
    position: absolute;
    background-color: #89c2e3;
    border-radius: 0px 0px 5px 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
}

.companyblock h2 {
    color: #858583;
    font-size: 35px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: solid 2px;
}

.companyblock h3 {
    color: #858583;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: solid 2px;
}

.companyblock p {
    font-size: 17px;
}

.companyblock li {
    font-size: 17px;
    margin-bottom: 15px;
}

.companyblock a {
    text-decoration: none;
    font-size: 17px;
    color: #424242;
}

.firstcontactsblock {
    margin-bottom: 40px;
}

.firstcontactsblock h2 {
    color: #858583;
    font-size: 35px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: solid 2px;
}

.firstcontactsblock h3 {
    color: #858583;
    font-size: 25px;
}

.firstcontactsblock p {
    font-size: 17px;
}

.firstcontactsblock p span {
    font-size: 25px;
}

.firstcontactsblock img {
    height: 270px;
}

.secondcontactsblock {
    margin-bottom: 40px;
}

.secondcontactsblock h3 {
    color: #858583;
    font-size: 25px;
}

.secondcontactsblock p {
    font-size: 17px;
}

.map {
    width: 100%;
}

.newblock {
    border: #89c2e3 solid 2px;
    border-radius: 5px;
    background: #ffffff;
}

.newblock h4, .newblock p {
    margin-left: 15px;
    margin-top: 15px;
    color: #858583;
}

.newblock h4 {
    font-size: 25px;
}

.newblock:hover {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
}

.cookieblock{
    position: fixed;
    width: 99%;
    bottom: 0;
    left: 20px;
    border-radius: 5px;
    background-color:#89c2e3;
    padding: 10px;
    transform: translateY(100%);
    transition: 0.4s;
    z-index: 3;
    box-shadow: 6px 7px 14px 6px rgba(0, 0, 0, 0.2);
}

.cookieblock.active{
    transform: translateY(0);
    transition: 0.4s;
}

.cookieblock h3{
    font-size: 25px;
    text-align: center;
    color: #858583;
}

.cookieblock p{
    text-align: center;
    color: #ffffff;
}

.cookieblock .aelem{
    text-align: center;
}

.cookieblock .btnelem{
    text-align: center;
}

.cookieblock .btnmenu{
    border-radius: 15px;
    width: 40%;
}

.underground {
    color: ghostwhite;
    background-color: #656563;
    padding-top: 40px;
    padding-bottom: 40px;
}

.underground h4 {
    font-size: 20px;
    border-bottom: solid 2px ghostwhite;
}

.underground li {
    list-style-type: none;
    margin-bottom: 10px;
}

.underground a {
    color: ghostwhite;
}