html {
    height:1px;
    min-height:100%;
}
body {
    font-family: 'Play', sans-serif;
    background:url('../images/bg.png');
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
header {
    min-height:360px;
    background:url('../images/head.jpg') 50% 0 no-repeat;
    background-size:cover;
}
header .navbar-brand {
    padding-top:0;
    margin-right:0;
}
header .navbar-brand img {
    width:260px;
}
header .navbar {
    padding:0;
    align-items:flex-start;
}
header .navbar li {
    padding:5px 0;
}
header .navbar li a {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    border: 2px solid #a1a1a1;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 5px;
    border-radius: 5px;
}
header .navbar li.active a, header .navbar li a:hover {
    border: 2px solid #99d034;
}
header .navbar-toggler {
    margin-top:10px;
}
header .navbar-collapse {
    z-index:2;
}
.top_contact {
    position:absolute;
    top: 95px;
    right:15px;
    display: inline-block;
    background: rgba(255, 255, 255, .9);
    padding: 6px 10px 10px 41px;
    border-radius:5px;
    z-index:1;
}
.content_phone:before {
    content: url(../images/phone.png);
    position: absolute;
    margin-left: -25px;
    margin-top: 7px;
}
.f_phone .content_phone:before {
    content: url(../images/f_phone.png);
}
.f_mail .content_mail:before {
    content: url(../images/f_mail.png);
}
.content_mail:before {
    content: url('../images/mail.png');
    position: absolute;
    margin-left: -25px;
    margin-top: 3px;
}
.content_phone {
    font-weight: bold;
}
.content_mail {
    padding-top: 5px;
    font-weight: bold;
    text-decoration:underline;
}
article {
    padding:15px 0;
}
h1 {
    font-size: 2rem;
    margin-bottom:15px;
}
h2 {
    font-size:1.5rem;
}
.main-banners img {
    width:auto;
    max-width:175px;
}
.prodvig {
    background: url('../images/go_bg.jpg') 50% 0 no-repeat;
    background-size:cover;
    padding: 15px 30px 25px;
    margin-top:15px;
    margin-bottom:15px;
}
.prodvig .element {
    padding: 25px 0 25px 40px;
    color: white;
    background: url(../images/green.png) 0 0 no-repeat;
}
.prod_title {
    text-align: center;
    color: #fff;
    font-size: 28px;
    padding-bottom: 10px;
    padding-top: 20px;
    border-bottom: 1px solid #777777;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
}
.p_g {
    color: #94e400;
}

footer {
    background: #303030;
    background: -moz-linear-gradient(top, #303030 0%, #181718 100%);
    background: -webkit-linear-gradient(top, #303030 0%,#181718 100%);
    background: linear-gradient(to bottom, #303030 0%,#181718 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#181718',GradientType=0 );
    width:100%;
    margin-top:30px;
}
.f_phone, .f_mail {
    color: #fff;
}
.f_phone .content_phone:before {
    content: url(../images/f_phone.png);
}
@media (min-width: 576px) {
    header .navbar-brand img {
        width: 380px;
    }
}

@media (min-width: 768px) {
    header {
        min-height:400px;
    }
    .main-banners img {
        width:100%;
    }
}

@media (min-width: 992px) {
    header {
        min-height:643px;
    }
    header .navbar ul {
        margin-left: -10px;
    }
    header .navbar .navbar-collapse {
        align-self: flex-start;
        margin-top: 25px;
        justify-content: flex-end;
    }
    .top_contact {
        background:transparent;
    }
}

@media (min-width: 1260px) {
    .wrapper {
        width:1260px;
        margin:0 auto;
    }
}

/* MENU */
@media (max-width: 991px) {
    header ul.nav {
        flex-direction:column;
        align-items:flex-end;
        padding:15px 15px 15px 0;
        background: rgba(255, 255, 255, .9);
    }
    header ul.nav a {
        background:white;
    }
}