@font-face {
    font-family: Geometria;
    src: url(../fonts/Geometria.eot?#iefix) format('embedded-opentype'), url(../fonts/Geometria.otf) format('opentype'), url(../fonts/Geometria.woff) format('woff'), url(../fonts/Geometria.ttf) format('truetype'), url(../fonts/Geometria.svg#Geometria) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BebasNeue;
    src: url(../fonts/BebasNeue.eot?#iefix) format('embedded-opentype'), url(../fonts/BebasNeue.otf) format('opentype'), url(../fonts/BebasNeue.woff) format('woff'), url(../fonts/BebasNeue.ttf) format('truetype'), url(../fonts/BebasNeue.svg#Geometria) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Geometria-Bold;
    src: url(../fonts/Geometria-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Geometria-Bold.otf) format('opentype'), url(../fonts/Geometria-Bold.woff) format('woff'), url(../fonts/Geometria-Bold.ttf) format('truetype'), url(../fonts/Geometria-Bold.svg#Geometria-Bold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Geometria-Medium;
    src: url(../fonts/Geometria-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/Geometria-Medium.otf) format('opentype'), url(../fonts/Geometria-Medium.woff) format('woff'), url(../fonts/Geometria-Medium.ttf) format('truetype'), url(../fonts/Geometria-Medium.svg#Geometria-Medium) format('svg');
    font-weight: 400;
    font-style: normal
}

body,
html {
    font-family: Geometria, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #666;
    overflow-x: hidden
}

a:active,
a:focus,
a:hover {
    outline: 0
}

a:active,
a:focus {
    text-decoration: none
}

::selection {
    background: #f43;
    color: #fff
}

::-moz-selection {
    background: #f43;
    color: #fff
}

::-webkit-selection {
    background: #f43;
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    position: relative;
    font-family: BebasNeue, sans-serif
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #f43
}

h1,
h2 {
    font-size: 40px;
    margin-bottom: 25px;
    font-weight: 700
}

h3 {
    font-size: 24px;
    margin: 25px 0
}

a {
    color: #f43;
    border-bottom: 1px solid transparent
}

a:active,
a:focus,
a:hover {
    color: #f43;
    outline: 0;
    border-bottom-color: #f43;
    text-decoration: none
}

input[type=text].form-control:focus {
    box-shadow: 0 0 8px #f43;
    border-color: #f43
}

.form-control:focus {
    box-shadow: 0 0 8px #f43;
    border-color: #f43
}

.form-control {
    border-radius: 0;
    -moz-border-radius: 0;
    padding: 10px 15px;
    border-color: #dcdcdc
}

.err {
    background-color: #e9696c;
    color: #fff;
    font-size: 12px;
    margin-top: 3px;
    padding: 0 5px
}

.success {
    padding: 20px;
    text-align: center;
    background-color: #87c700;
    color: #fff;
    margin-bottom: 20px
}

b,
strong {
    font-family: Geometria-Medium, sans-serif
}

.form-check-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-check {
    padding: 0
}

.form-check label {
    margin-left: 0;
    cursor: pointer;
    font-size: 12px
}

.form-check-input+label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/checkbox.png) no-repeat left top;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 10px
}

.form-check-input.check-blue+label::before {
    background: url(../img/checkbox-blue.png) no-repeat left top
}

.form-check-input:checked+label::before {
    background-position: left bottom
}

.form-button {
    text-align: right;
    padding-top: 15px
}

.button,
a.button {
    background: #f43;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    padding: 15px 25px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    outline: 0;
    text-align: center;
    border: 1px solid #f43;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Geometria-Medium, sans-serif
}

.button.white,
a.button.white {
    background-color: #fff;
    border-color: #888;
    color: #888
}

.button.white:hover,
a.button.white:hover {
    background-color: #9c0d00;
    border-color: #9c0d00;
    color: #fff
}

.button.transparent,
a.button.transparent {
    background: 0 0;
    border: 1px solid #f43;
    color: #f43
}

.button:hover,
a.button:hover {
    text-decoration: none;
    background: #9c0d00;
    color: #fff
}

.owl-next,
.owl-prev {
    font-size: 18px;
    display: inline;
    color: #888;
    width: 40px;
    line-height: 38px;
    height: 40px;
    margin-top: -20px;
    text-align: center
}

.owl-prev {
    position: absolute;
    left: -60px;
    top: 50%
}

.owl-next {
    position: absolute;
    right: -60px;
    top: 50%
}

.owl-next:hover,
.owl-prev:hover {
    color: #f43
}

.owl-dots {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center
}

.owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #848f95;
    margin: 0 5px
}

.owl-dot:hover {
    background-color: #ccc
}

.owl-dot.active {
    border-color: #f43
}

.mobile-controller {
    font-size: 30px;
    position: absolute;
    right: 25px;
    top: 43px;
    cursor: pointer;
    display: none;
    z-index: 2
}

body {
    padding-top: 150px
}

.header-wrap {
    position: fixed;
    z-index: 10;
    width: 100%;
    background: #fff;
    top: 0
}

.header {
    margin: 15px 0
}

.header a.top-logo:active,
.header a.top-logo:focus,
.header a.top-logo:hover {
    border-color: transparent
}

.header .logo-wrap a:active,
.header .logo-wrap a:focus,
.header .logo-wrap a:hover {
    border-color: transparent;
    color: #fff
}

.header .logo-wrap img {
    max-width: 100%
}

.header .slogan {
    color: #f43;
    font-family: BebasNeue, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px
}

.header a.email:active,
.header a.email:focus,
.header a.email:hover {
    color: #f43
}

.header a.phone {
    font-family: Geometria-Bold, sans-serif;
    color: #666
}

.header a.phone span {
    color: #f43
}

.header a.phone:hover {
    border-bottom-color: transparent;
    color: #f43
}

.header a.phone:active,
.header a.phone:focus {
    border-color: transparent
}

.header .button {
    padding: 15px 20px
}

.top-menu-wrap {
    background: #eee
}

.top-menu-wrap .top-menu {
    position: relative;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.top-menu-wrap .top-menu li {
    list-style: none
}

.top-menu-wrap .top-menu li a {
    display: block;
    color: #666;
    padding: 15px 20px
}

.top-menu-wrap .top-menu li a i {
    font-size: 8px;
    margin-left: 10px
}

.top-menu-wrap .top-menu li a:active,
.top-menu-wrap .top-menu li a:focus,
.top-menu-wrap .top-menu li a:hover {
    border-color: transparent;
    color: #fff;
    background: #f43
}

.top-menu-wrap .top-menu li.active>a {
    background: #f43;
    color: #fff
}

.top-menu-wrap .top-menu .submenu {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 20px;
    right: 0;
    background: #fff;
    display: none;
    z-index: 100
}

.top-menu-wrap .top-menu .submenu i {
    font-size: 40px;
    line-height: 40px;
    background: linear-gradient(180deg, #f43 0, #9c0d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px
}

.top-menu-wrap .top-menu .submenu .submenu-menu .row {
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.top-menu-wrap .top-menu .submenu .submenu-menu .row .col-2 {
    border-right: 1px solid #ddd
}

.top-menu-wrap .top-menu .submenu .submenu-menu a {
    padding: 0
}

.top-menu-wrap .top-menu .submenu .submenu-menu a:active,
.top-menu-wrap .top-menu .submenu .submenu-menu a:focus,
.top-menu-wrap .top-menu .submenu .submenu-menu a:hover {
    color: #f43;
    background: #fff
}

.top-menu-wrap .top-menu .submenu .submenu-menu a.active {
    color: #f43
}

.top-menu-wrap .top-menu .submenu .submenu-banner {
    width: 100%;
    height: 100%;
    background: #eee;
    position: relative
}

.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap {
    max-width: 320px;
    position: absolute;
    right: 40px;
    bottom: 40px
}

.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap .submenu-banner-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px
}

.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap .submenu-banner-title span {
    color: #f43
}

.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap .submenu-banner-text {
    margin-bottom: 10px
}

.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap .submenu-banner-button a {
    display: inline-block;
    color: #f43
}

.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap .submenu-banner-button a:active,
.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap .submenu-banner-button a:focus,
.top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap .submenu-banner-button a:hover {
    color: #fff
}

.top-menu-wrap .top-menu li.with-submenu:hover .submenu {
    display: block
}

.top-banners-wrap {
    position: relative
}

.top-banners-wrap .breadcrumbs {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%
}

.top-banners-wrap .owl-prev {
    left: 20px
}

.top-banners-wrap .owl-next {
    right: 20px
}

.top-banners-wrap .top-banner {
    background: url(../img/top-banner-bg.jpg) no-repeat left top;
    background-size: cover;
    padding: 50px 0
}

.top-banners-wrap .top-banner.top-banner-business {
    background: url(../img/business-banner.jpg) no-repeat left top;
    background-size: cover;
    padding-top: 90px
}

.top-banners-wrap .top-banner .top-banner-title {
    font-size: 60px;
    font-family: BebasNeue, sans-serif;
    line-height: 60px;
    margin-bottom: 40px;
    font-weight: 700;
    color: #fff
}

.top-banners-wrap .top-banner .top-banner-title span {
    color: #f43
}

.top-banners-wrap .top-banner .top-banner-img img {
    width: 100%
}

.top-banners-wrap .top-banner .top-banner-buttons {
    max-width: 300px
}

.top-banners-wrap .top-banner .top-banner-buttons .button {
    display: block;
    margin-bottom: 20px;
    color: #fff
}

.partners-wrap {
    position: relative;
    background: #eee;
    padding: 40px 0
}

.partners-wrap h2 {
    text-transform: none;
    font-family: Geometria-Medium, sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px
}

.partners-wrap .partners img {
    width: 200px;
    margin: 0 auto
}

.content {
    margin-bottom: 60px
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family: Geometria-Medium, sans-serif;
    text-transform: none
}

.content h1,
.content h2 {
    font-size: 30px
}

.content h3 {
    font-size: 26px
}

.content h4 {
    font-size: 22px
}

.content h5 {
    font-size: 18px
}

.content h6 {
    font-size: 16px
}

.right-banner {
    padding: 15px;
    background: #eee;
    margin-bottom: 40px
}

.right-banner:last-child {
    margin-bottom: 0
}

.right-banner .right-banner-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px
}

.right-banner .right-banner-title span {
    color: #f43
}

.right-banner .right-banner-text {
    margin-bottom: 20px
}

.right-banner .button {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.right-banner .button:last-child {
    margin-bottom: 0
}

.right-banner.right-banner-fencing {
    background: url(../img/right-banner-fencing.jpg) #eee no-repeat right top;
    background-size: contain;
    padding-top: 120px
}

.right-banner.right-banner-doors {
    background: url(../img/right-banner-doors.jpg) #0a3761 no-repeat right top;
    background-size: 100%;
    padding-top: 200px
}

.right-banner.right-banner-doors .right-banner-title {
    color: #fff
}

.map {
    background: #eee
}

.map h2 {
    font-family: Geometria-Bold, sans-serif;
    font-size: 30px;
    padding: 40px 0;
    margin: 0
}

#google-map {
    width: 100%;
    height: 500px
}

#distributors-map {
    width: 100%;
    height: 500px;
    margin-bottom: 40px
}

#distributors-map h1,
#distributors-map h2,
#distributors-map h3,
#distributors-map h4,
#distributors-map h5,
#distributors-map h6 {
    font-family: BebasNeue, sans-serif
}

.footer {
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.footer a.footer-logo:active,
.footer a.footer-logo:focus,
.footer a.footer-logo:hover {
    border-color: transparent
}

.footer a.footer-logo img {
    max-width: 100%
}

.footer .slogan {
    color: #f43;
    font-family: BebasNeue, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px
}

.footer a.footer-phone {
    font-family: Geometria-Bold, sans-serif;
    color: #666
}

.footer a.footer-phone span {
    color: #f43
}

.footer a.footer-phone:active,
.footer a.footer-phone:focus,
.footer a.footer-phone:hover {
    color: #f43
}

.footer .footer-social {
    text-align: right
}

.footer .footer-social a {
    color: #ccc;
    margin-right: 25px;
    display: inline-block;
    font-size: 24px
}

.footer .footer-social a i {
    vertical-align: middle
}

.footer .footer-social a i.icon-facebook {
    font-size: 30px
}

.footer .footer-social a i.icon-vk {
    font-size: 25px
}

.footer .footer-social a:active,
.footer .footer-social a:focus,
.footer .footer-social a:hover {
    color: #f43;
    border-color: transparent
}

.footer .footer-social a:last-child {
    margin-right: 0
}

.footer .footer-contacts-top {
    text-align: right;
    margin-bottom: 15px
}

.footer .footer-contacts-top a {
    display: inline-block;
    margin-right: 20px
}

.footer .footer-contacts-top a:last-child {
    margin-right: 0
}

.footer .footer-contacts-bottom {
    text-align: right
}

.footer .copyright {
    color: #ccc;
    font-size: 12px
}

.full-img {
    width: 100%;
    margin-bottom: 40px
}

a.gallery {
    display: block;
    margin: 25px 0
}

a.gallery:active,
a.gallery:focus,
a.gallery:hover {
    border-color: transparent;
    opacity: .8
}

a.gallery img {
    display: block;
    height: auto;
    margin: 0 auto;
}

a.gallery.object img {
    width: 100%
}

a.gallery .gallery-title {
    display: block;
    background: #eee;
    color: #666;
    text-align: center;
    padding: 10px
}

a.option {
    display: block
}

a.option img {
    margin: 0 auto;
    display: block
}

a.option:active,
a.option:focus,
a.option:hover {
    border-color: transparent;
    opacity: .8
}

.tip {
    text-align: center;
    padding: 40px;
    text-transform: uppercase;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    line-height: 30px;
    background: #eee;
    margin: 40px 0;
    position: relative
}

.tip:before {
    content: "«";
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -20px;
    color: #f43;
    font-family: Geometria-Medium, sans-serif;
    font-size: 40px
}

.tip:after {
    content: "»";
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -20px;
    color: #f43;
    font-family: Geometria-Medium, sans-serif;
    font-size: 40px
}

.tip span {
    color: #f43
}

.breadcrumbs {
    margin: 40px 0
}

.breadcrumbs ul {
    margin: 0;
    padding: 0
}

.breadcrumbs ul li {
    list-style: none;
    display: inline;
    margin-right: 20px;
    color: #888;
    position: relative
}

.breadcrumbs ul li a:active,
.breadcrumbs ul li a:focus,
.breadcrumbs ul li a:hover {
    border: none
}

.breadcrumbs ul li:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background-color: #f43;
    display: none
}

.breadcrumbs ul li.separator:after {
    display: none
}

.breadcrumbs ul li.separator:active:after,
.breadcrumbs ul li.separator:focus:after,
.breadcrumbs ul li.separator:hover:after {
    display: none
}

.breadcrumbs ul li:last-child:after {
    display: none
}

.breadcrumbs ul li:last-child:active:after,
.breadcrumbs ul li:last-child:focus:after,
.breadcrumbs ul li:last-child:hover:after {
    display: none
}

.breadcrumbs ul li:active:after,
.breadcrumbs ul li:focus:after,
.breadcrumbs ul li:hover:after {
    display: block
}

.grey-bg {
    background: #eee
}

.advantages .advantage {
    padding: 20px 0
}

.advantages .advantage .advantage-icon {
    text-align: center;
    margin: 20px 0
}

.advantages .advantage .advantage-icon i {
    display: inline-block;
    margin: 0 auto;
    font-size: 80px;
    line-height: 80px;
    background: linear-gradient(180deg, #f43 0, #9c0d00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.advantages .advantage .advantage-icon i.icon-truck {
    font-size: 60px
}

.advantages .advantage .advantage-icon i.storage-2 {
    font-size: 70px
}

.advantages .advantage .advantage-img {
    width: 190px;
    height: 190px;
    margin: 0 auto 0
}

.advantages .advantage .advantage-img.measure {
    background: url(../img/measure.png) no-repeat center 30%
}

.advantages .advantage .advantage-img.production {
    background: url(../img/production.png) no-repeat center center
}

.advantages .advantage .advantage-img.delivery {
    background: url(../img/delivery.png) no-repeat center center
}

.advantages .advantage .advantage-img.mounting {
    background: url(../img/mounting.png) no-repeat center 25%
}

.advantages .advantage .advantage-text {
    color: #666;
    text-align: center;
    font-family: Geometria-Medium, sans-serif;
    width: 190px;
    margin: 0 auto;
    font-size: 16px
}

.detail-item .button {
    width: 100%
}

.blue-list {
    margin: 20px 0;
    padding: 0 0 0 15px
}

.blue-list li {
    list-style-image: url(../img/red-list.svg);
    margin-bottom: 20px
}

.blue-list li span {
    vertical-align: middle
}

table .blue-list {
    margin: 0
}

table .blue-list li {
    margin-bottom: 10px
}

.left-line {
    border-left: 4px solid #f43;
    padding: 15px 0 15px 15px;
    font-family: Geometria-Medium, sans-serif;
    margin: 15px 0
}

.input-toggle {
    position: relative;
    display: none
}

.input-toggle.active {
    display: block
}

.input-toggle .input-toggle-buttons {
    position: absolute;
    top: 37px;
    right: 10px
}

.input-toggle .input-toggle-buttons .button {
    padding: 5px;
    font-size: 11px;
    background: #eee;
    color: #ccc;
    border: none;
    margin-right: 5px
}

.input-toggle .input-toggle-buttons .button.active {
    color: #fff;
    background: #f43
}

.input-toggle .input-toggle-buttons .button:hover {
    color: #fff;
    background: #f43
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mt-60 {
    margin-top: 60px !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-45 {
    margin-left: 45px !important
}

.ml-60 {
    margin-left: 60px !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-45 {
    margin-right: 45px !important
}

.mr-60 {
    margin-right: 60px !important
}

.t-white {
    color: #fff !important
}

.t-black {
    color: #666 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-black {
    background-color: #666 !important
}

.upper {
    text-transform: uppercase !important
}

.lower {
    text-transform: lowercase !important
}

.unvisible,
.unvisible-1,
.unvisible-2,
.unvisible-3,
.unvisible-4,
.unvisible-5,
.unvisible-6,
.unvisible-7,
.unvisible-8,
.unvisible-9 {
    opacity: 0;
    position: relative
}

#svg-map svg {
    width: 100%;
    margin-top: 2%
}

#svg-map path {
    transition: all .5s;
    stroke: rgba(0, 0, 0, .5)
}

#svg-map path.regional {
    fill: rgba(0, 171, 228, .2)
}

#svg-map .indicator {
    position: absolute;
    display: inline;
    background: #000;
    color: #f1f1f1;
    padding: 10px 30px;
    border-radius: 5px;
    display: none;
    z-index: 10;
    white-space: nowrap;
    text-align: center
}

#svg-map .indicator .indicator-name {
    font-size: 20px;
    font-family: BebasNeue;
    line-height: 20px
}

#svg-map .indicator .indicator-text {
    margin-bottom: 10px
}

#svg-map .indicator .indicator-text:last-child {
    margin-bottom: 0
}

#svg-map .indicator .indicator-text.indicator-name {
    color: #f43
}

#svg-map .indicator .indicator-logo {
    display: block;
    margin: 0 auto 10px
}

#svg-map .regs {
    columns: 5;
    padding: 10px
}

#svg-map .reg span {
    font-size: 10px
}

#svg-map .regs div {
    width: auto;
    font-size: 14px;
    cursor: pointer
}

#svg-map .capital {
    clear: both
}

@media (max-width:1200px) {
    .owl-prev {
        left: 0
    }

    .owl-next {
        right: 0
    }

    body {
        padding-top: 0
    }

    .header-wrap {
        position: static
    }
}

@media (max-width:992px) {
    .header {
        margin-bottom: 50px
    }

    .header .logo-wrap {
        margin: 0 auto 15px
    }

    .header .logo-wrap a.top-logo {
        display: block;
        text-align: center
    }

    .header .slogan {
        text-align: center;
        margin-bottom: 15px
    }

    .header a.email {
        display: block;
        margin: 0 auto 15px;
        text-align: center
    }

    .header a.email:active,
    .header a.email:focus,
    .header a.email:hover {
        border-color: transparent
    }

    .header a.phone {
        display: block;
        margin: 0 auto 15px;
        text-align: center
    }

    .header br {
        display: none
    }

    .top-menu-wrap .top-menu {
        display: block
    }

    .top-menu-wrap .top-menu li {
        margin-bottom: 15px;
        text-align: center
    }

    .top-menu-wrap .top-menu li a {
        display: block;
        margin: 0
    }

    .top-menu-wrap .top-menu .submenu {
        position: static
    }

    .top-menu-wrap .top-menu .submenu i {
        font-size: 22px;
        line-height: 22px
    }

    .top-menu-wrap .top-menu .submenu .col-10 {
        text-align: left
    }

    .top-menu-wrap .top-menu .submenu .col-lg-7 {
        padding: 0
    }

    .top-menu-wrap .top-menu .submenu .submenu-banner {
        position: relative;
        padding: 15px;
        text-align: center
    }

    .top-menu-wrap .top-menu .submenu .submenu-banner .submenu-banner-text-wrap {
        max-width: 100%;
        position: static
    }

    .top-banners-wrap .top-banner {
        text-align: center
    }

    .top-banners-wrap .top-banner .top-banner-buttons {
        margin: 0 auto
    }

    .footer {
        text-align: center
    }

    .footer a.footer-logo {
        display: inline-block;
        margin-bottom: 15px
    }

    .footer .slogan {
        margin-bottom: 15px
    }

    .footer .footer-contacts-top a {
        display: block;
        text-align: center;
        margin: 0 0 15px
    }

    .footer .footer-contacts-top a:active,
    .footer .footer-contacts-top a:focus,
    .footer .footer-contacts-top a:hover {
        border-color: transparent
    }

    .footer .footer-social {
        text-align: center
    }

    .footer .copyright {
        text-align: center
    }
}

@media (max-width:768px) {
    .right-banner.right-banner-fencing .right-banner-title {
        color: #f43;
        max-width: 210px
    }

    .tip:before {
        left: 10px
    }

    .tip:after {
        right: 10px
    }
}

@keyframes updown {
    50% {
        background-position: 0 9px
    }

    100% {
        background-position: 0 0;
    }
}

.banner-wrap {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.banner-content {
    position: absolute;
    top: 0;
    left: 0;
}

.banner-content a.button {
    background-color: #f43;
    font-size: 16px;
    border: 1px solid rgb(255 119 119);
    outline: 1px solid #ffbbbb;
    float: right;
    margin-top: 15px;
    text-decoration: none;
}

h1.banner-header,
h2.banner-header,
p.banner-subheader {
    display: block;
    font-size: 1.7em;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    background-color: #36637B;
    background-color: rgb(193 86 86 / 90%);
    line-height: 30px;
    text-align: right;
    margin: 75px 0px 20px;
    padding: 10px 20px 10px 80px;
    color: #fff;
    font-family: 'Days', sans-serif;
    position: relative;
}

h1.banner-header:after,
h2.banner-header:after,
p.banner-subheader:after {
    content: "";
    position: absolute;
    height: 100%;
    border-top: 50px solid #36637B;
    border-top: 50px solid rgb(193 86 86 / 90%);
    border-right: 50px solid transparent;
    right: -50px;
    top: 0px;
}

.banner-text {
    margin-left: 80px;
    font-size: 1.2em;
    color: #36637B;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.2), -1px 0px 0px rgba(255, 255, 255, 0.2), 1px 0px 0px rgba(255, 255, 255, 0.2);
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 20px;
}

.banner-text span {}

p.banner-text a {
    color: #36637B;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted #36637B;
    transition: color 0.5s ease, border 0.5s ease;
    -moz-transition: color 0.5s ease, border 0.5s ease;
    -webkit-transition: color 0.5s ease, border 0.5s ease;
    -o-transition: color 0.5s ease, border 0.5s ease;
}

p.banner-text a:hover {
    color: #668A9E;
    border-color: #668A9E;
}

.banner-wrap img {
    width: 100%;
    min-width: 100%;
    height: auto;
}

.filedownload img {
    margin: 0 10px
}

@media (min-width: 768px) {
    a.gallery.images4 img {
        max-height: 100%;
    }
}

@media (min-width: 992px) {
    a.gallery.images4 img {
        max-height: 220px;
    }
}


.header_fixed {
    display: none;
}

.messenger {

    position: fixed;
    right: 0;
    top: 35%;
    z-index: 9999;
}


.messenger a {
    opacity: 0.6;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.messenger a:hover {
    opacity: 1;
}



.messenger li {
    list-style-type: none;
    /* Убираем маркеры */
}