body {
}

.blackwhite {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

a,
a:visited {
    color: #004b92;
}

a:hover, a:focus {
    color: #02bafe;
    text-decoration: none;
}

.container {
    clear: both;
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
}

#page {
    overflow: hidden;
}

header {
}

header .logo {
    float: left;
    margin-top: 24px;
}

header .logo a {
    display: block;
    float: left;
}

header .logo a img {
    display: block;
}

header .logo a:hover img {
}

header .top-wrapper {
    float: right;
    margin-top: 41px;
}

header a.ico-facebook {
    display: block;
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    background: url("../images/icons/ico-facebook.png") no-repeat center top transparent;
    transition: 0.6s all;
}

header a.ico-facebook:hover {
    background: url("../images/icons/ico-facebook.png") no-repeat center bottom transparent;
    transition: 0.6s all;
}

header a.ico-youtube {
    display: block;
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    background: url("../images/icons/ico-youtube.png") no-repeat center top transparent;
    transition: 0.6s all;
}

header a.ico-youtube:hover {
    background: url("../images/icons/ico-youtube.png") no-repeat center bottom transparent;
    transition: 0.6s all;
}

header a.ico-rss {
    display: block;
    float: left;
    margin-right: 36px;
    width: 40px;
    height: 40px;
    background: url("../images/icons/ico-rss.png") no-repeat center top transparent;
    transition: 0.6s all;
}

header a.ico-rss:hover {
    background: url("../images/icons/ico-rss.png") no-repeat center bottom transparent;
    transition: 0.6s all;
}

#rwd-search .top-search-wrapper,
header .top-search-wrapper {
    position: relative;
    display: block;
    float: left;
}

#rwd-search .top-search-wrapper {
    top: 33%;
    padding: 0 15px;
    width: 100%;
}

#rwd-search form.form_search {
    float: left;
    overflow: hidden;
    width: 100%;
}

#rwd-search .top-search-wrapper .hidden-box,
header .top-search-wrapper .hidden-box {
    position: absolute;
    top: 94%;
    left: 0;
    z-index: 100;
    display: none;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 21px;
    padding-left: 21px;
    width: 427px;
    height: 0px;
    border: 1px solid #dcdcdc;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    background: #fff;
}

#rwd-search .top-search-wrapper .hidden-box.active,
header .top-search-wrapper .hidden-box.active {
    display: block;
    width: 427px;
    height: 232px;
}

#rwd-search .top-search-wrapper .hidden-box.active ul,
header .top-search-wrapper .hidden-box.active ul {
    display: block;
    float: left;
    padding-bottom: 15px;
    width: 100%;
}

#rwd-search .top-search-wrapper .hidden-box.active li,
header .top-search-wrapper .hidden-box.active li {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    color: #aaaaaa;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 40px;
}

#rwd-search .top-search-wrapper .hidden-box.active li a,
header .top-search-wrapper .hidden-box.active li a {
    display: block;
    float: left;
    width: 100%;
    color: #aaaaaa;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 40px;
}

#rwd-search .input-search,
header .input-search {
    display: block;
    float: left;
    padding-left: 21px;
    width: 310px;
    height: 40px;
    border: 1px solid #dcdcdc;
    border-right: 0px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    line-height: 40px;
}

#rwd-search .input-search {
    width: auto;
    width: calc(100% - 157px)
}

#rwd-search .input-search::-webkit-input-placeholder,
header .input-search::-webkit-input-placeholder {
    color: #aaaaaa;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 40px;
    opacity: 1;
}

#rwd-search .input-search::-moz-placeholder,
header .input-search::-moz-placeholder {
    color: #aaaaaa;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 40px;
    opacity: 1;
}

#rwd-search .input-search:-ms-input-placeholder,
header .input-search:-ms-input-placeholder {
    color: #aaaaaa;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 40px;
    opacity: 1;
}

#rwd-search .input-search:-moz-placeholder,
header .input-search:-moz-placeholder {
    color: #aaaaaa;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Roboto';
    line-height: 40px;
    opacity: 1;
}

#rwd-search .button-filtr,
header .button-filtr {
    display: block;
    float: left;
    width: 41px;
    height: 40px;
    border: 0;
    background: url("../images/icons/ico-button-filtr.png") no-repeat center top transparent;
    cursor: pointer;
}

#rwd-search .button-filtr {
    display: none;
}

#rwd-search .button-search,
header .button-search {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    margin-right: 36px;
    padding-right: 22px;
    width: 156px;
    height: 40px;
    border: 1px solid #005bb1;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/icons/ico-search.png) no-repeat 102px 11px #005bb1;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
}

#rwd-search .button-search {
    margin-right: 0;
}

#rwd-lang,
#rwd-search {
    display: none;
}

#rwd-search .button-search:hover,
header .button-search:hover {
    background-color: #004b92;
}

header nav.lang-wrapper {
    position: relative;
    display: block;
    float: left;
    width: 85px;
    height: 40px;
}

header .lang {
    position: absolute;
    z-index: 9;
    display: block;
    float: left;
    width: 85px;
    height: 40px;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(../images/icons/ico-arrow-vline.png) no-repeat 48px 7px #fff;
}

header .lang:hover {
    height: auto;
}

header .lang:hover li {
    display: block;
    cursor: pointer;
}

header .lang:hover li:not(:first-child) {
    display: block;
    padding-left: 30px;
    border-top: 1px solid #dcdcdc;
}

header .lang li.active {
    display: block;
}

header .lang li {
    display: none;
}

header .lang li {
    padding-top: 12px;
    padding-left: 13px;
    height: 40px;
}

header .lang img {
    display: block;
    float: left;
    width: 23px;
    height: 15px;
}

header .container-bg {
    margin-top: 25px;
    height: 66px;
    border: 1px solid #e4e4e4;
    background: #eff4f8;
}

#main-menu {
    display: block;
    float: right;
    width: 100%;
    height: 66px;
}

#main-menu > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 10000px;
    display: flex;
    align-items: center;
    list-style: none;
    line-height: 66px;
}

#main-menu > ul > li {
    display: block;
    float: left;
}

#main-menu ul > li > a {
    transition: 1s color, border;
}

#main-menu > ul > li > .b2b-link:hover {
    background: transparent;
    margin-top: 0;
    border: 1px solid #ffb011;
}

#main-menu .b2b-link {
    line-height: normal;
    border: 1px solid #ffb011;
    transition: 1s color, background-color;
    background: #ffb011;
    padding: 8px 10px;
}

#main-menu > ul > li > a {
    display: block;
    margin-right: 60px;
    border-top: 0;
    color: #3c3b3b;
    font-weight: 400;
    font-size: 16px;
    line-height: 66px;
}

#main-menu > ul > li:last-child > a {
    margin-right: 0px;
}

#main-menu > ul > li.active > a,
#main-menu > ul > li > a:hover {
    margin-top: -1px;
    border-top: 1px solid #0057a3;
    color: #0057a3;
    text-decoration: none;
    transition: 1s color, border;
}

#main-menu > ul > li:hover .submenu-lvl2 {
    display: block;
}

#main-menu .submenu-container {
    position: absolute;
    top: 0;
}

#main-menu ul.submenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    margin: 84px 0 0 0;
    padding: 0;
    text-align: left;
}

#main-menu ul.submenu > li {
}

#main-menu ul.submenu > li > a {
    float: left;
    overflow: hidden;
    padding: 10px;
    width: 200px;
    background-color: bisque;
    line-height: 20px;
}

#main-menu ul.submenu > li:hover > a {
    background-color: yellow;
}

#main-menu ul.submenu-lvl3,
#main-menu ul.submenu-lvl4 {
    display: none;
}

#main-menu ul > li.horizontal:hover .submenu-containerHorizontal {
    display: block;
}

#main-menu .submenu-containerHorizontal {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    display: none;
    margin-top: 84px;
    height: 100px;
    background-color: beige;
}

#main-menu .submenu-containerHorizontal ul.submenu {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    display: none;
    margin: 0 auto;
    max-width: 1140px;
    width: 1140px;
    background: #fff;
    text-align: left;
}

#main-menu .submenu-containerHorizontal ul.submenu > li {
    float: left;
    max-width: 300px;
    width: auto;
}

#main-menu .submenu-containerHorizontal ul.submenu > li > a {
    float: left;
    padding: 0 40px;
    max-width: 300px;
    width: inherit;
}

.logotype-slider .owl-stage {
    margin: 0 auto;
}

#content {
    overflow: hidden;
}

footer {
    float: left;
    overflow: hidden;
    margin-top: 5px;
    width: 100%;
}

.copyright {
    float: left;
    overflow: hidden;
    width: 100%;
}

.copyright .copyright-right {
    margin-top: 16px;
    margin-bottom: 16px;
    color: #757779;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}

.copyright .copyright-left {
    padding-top: 16px;
}

.copyright a {
    display: block;
    float: left;
    margin-right: 27px;
    margin-left: 1px;
    color: #757779;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    transition: 0.4s all;
}

.copyright a:hover {
    color: #004b92;
    transition: 0.4s all;
}

.copyright-left {
    float: left;
}

.copyright-right {
    float: right;
}

.slider {
    background: url("../images/main_slider_bg.png") no-repeat center 82px transparent;
}

.main-slider .slide {
    background: no-repeat center center transparent;
}

.main-slider .owl-item:not(.active) {
    opacity: 0;
}

.slider,
.slider-bg {
    position: relative;
}

.main-slider {
    position: absolute;
    top: 0;
}

.main-slider .slide .container {
    position: relative;
}

.slider-bg .blue-bg,
.main-slider .slide .blue-bg {
    position: absolute;
    top: 141px;
    left: -127px;
    width: 906px;
    height: 540px;
}

.main-slider .slide .photo {
    position: absolute;
    top: 71px;
    right: -137px;
    width: 886px;
    height: 549px;
    outline: 5px solid #fff;
}

.main-slider .slide .text-wrapper {
    position: relative;
    left: -1px;
    margin-top: 200px;
    width: 380px;
}

.main-slider .slide .title {
    display: block;
    float: left;
    overflow: hidden;
    margin-bottom: 36px;
    max-height: 175px;
    width: 325px;
    color: #fff;
    font-weight: 300;
    font-size: 40px;
    line-height: 43px;
}

.main-slider .slide .title strong {
    font-weight: 900;
}

.main-slider .slide .description {
    display: block;
    float: left;
    overflow: hidden;
    max-height: 160px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.main-slider .slide .description strong {
    font-weight: 700;
}

.main-slider .slide .description li {
    padding-bottom: 10px;
    padding-left: 36px;
    background: url(../images/icons/ico-checkbox.png) no-repeat left 2px transparent;
}

.main-slider .slide .link-more {
    position: absolute;
    top: 585px;
    left: 13px;
    display: block;
    float: left;
    padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.main-slider .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.main-slider .fadeOutM {
    -webkit-animation-name: fadeOutM;
    animation-name: fadeOutM;
}

.main-slider .fadeInM {
    -webkit-animation-name: fadeInM;
    animation-name: fadeInM;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes fadeOutM {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOutM {
    0% {
        opacity: 1;
    }
}

100
%
{
    opacity: 0
;
}
}
@-webkit-keyframes fadeInM {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOutM {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.main-slider .active .slide .text-wrapper .title {
}

.main-slider .active .slide .text-wrapper .description {
}

.main-slider .active .slide .link-more {
}

@-webkit-keyframes anulekOut {
    from {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes anulekOut {
    from {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.slider .nav-wrapper {
    position: absolute;
    top: 595px;
    left: 295px;
    z-index: 100;
}

.slider .owl-dot {
    display: block;
    float: left;
    margin: 0 8px 0 9px;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.slider .owl-dot.active {
    border: 1px solid #02bafe;
    background: #02bafe;
}

.slider-offer-wrapper .container {
    position: relative;
}

.slider-offer-wrapper .title {
    float: left;
    margin-top: 81px;
    margin-bottom: 76px;
    color: #fff;
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
}

.slider-offer-wrapper .title-apla {
    position: absolute;
    top: 37px;
    left: 8px;
    color: #fff;
    font-weight: 900;
    font-size: 132px;
    line-height: 132px;
    opacity: 0.1;
}

.slider-offer-wrapper .link-more {
    float: right;
    margin-top: 93px;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.slider-offer-wrapper .link-more img {
    margin-right: 7px;
    margin-left: 9px;
    vertical-align: middle;
}

.slider-offer-wrapper {
    height: 617px;
    background: url("../images/slider-offer-bg.jpg") no-repeat center transparent;
}

.slider-offer .photo-wrapper {
    position: relative;
    float: left;
    overflow: hidden;
}

.slider-offer .photo-wrapper .apla {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slider-offer .photo-wrapper .own.apla {
    background: url("../images/offer-hover.png") no-repeat right -287px transparent;
}

.slider-offer .slide .photo-wrapper .apla img {
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 21px;
    height: 23px;
    opacity: 0;
}

.slider-offer .slide:hover .photo-wrapper .apla img {
    opacity: 1;
}

.slider-offer .slide:hover .photo-wrapper .apla {
    outline: 3px solid #fff;
    outline-offset: -3px;
    background: no-repeat right top rgba(0, 87, 163, 0.8);
}

.slider-offer .slide:hover .photo-wrapper .own.apla {
    background: url("../images/offer-hover.png") no-repeat right top rgba(0, 87, 163, 0.8);
}

.slider-offer .slide {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: 277px;
}

.slider-offer .slide > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.slider-offer .slide .photo {
    width: 277px;
    height: 215px;
}

.slider-offer .slide .text-wrapper {
    float: left;
}

.slider-offer .slide .title {
    margin: 34px 0 0 10px;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.slider-offer-wrapper .slider-nav-wrapper {
    position: relative;
    margin-top: 52px;
    padding: 0 67px;
    height: 30px;
}

.slider-offer-wrapper .slider-nav-wrapper .owl-prev {
    position: absolute;
    top: -4px;
    left: 15px;
    width: 13px;
    height: 15px;
    background: url("../images/slider-offer-arrows.png") no-repeat left top;
    cursor: pointer;
}

.slider-offer-wrapper .slider-nav-wrapper .owl-prev:hover {
    background: url("../images/slider-offer-arrows.png") no-repeat left bottom;
}

.slider-offer-wrapper .slider-nav-wrapper .owl-next {
    position: absolute;
    top: -3px;
    right: 19px;
    width: 13px;
    height: 15px;
    background: url("../images/slider-offer-arrows.png") no-repeat right top;
    cursor: pointer;
}

.slider-offer-wrapper .slider-nav-wrapper .owl-next:hover {
    background: url("../images/slider-offer-arrows.png") no-repeat right bottom;
}

.slider-nav-wrapper .ui-widget-content {
    margin-right: 3.2em;
    height: 6px;
    border: 0px solid #aaaaaa;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background: rgba(255, 255, 255, 0.2) 50% 50% repeat-x;
    color: #222222;
}

.slider-nav-wrapper .ui-widget-content:after {
    position: absolute;
    right: 0;
    margin-right: -3.2em;
    width: 3.2em;
    height: 6px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: rgba(255, 255, 255, 0.2) 50% 50% repeat-x;
    color: #222222;
    content: '';
}

.slider-nav-wrapper .ui-slider .ui-slider-handle {
    position: absolute;
    top: 0;
    z-index: 2;
    margin-left: 0;
    width: 3.2em;
    height: 6px;
    border: 0;
    background: #fff;
    cursor: default;
    cursor: pointer;
}

div.ui-tooltip.own-product {
    padding: 0;
    width: 156px;
    height: 58px;
    border: 1px solid #dbdbdb;
    background: #fff;
    color: #555555;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 58px;
    opacity: 1;
}

div.ui-tooltip.own-product,
div.ui-tooltip.own-product .arrow:after {
    border: 1px solid #dbdbdb;
    background: #fff;
}

div.ui-tooltip.own-product .arrow {
    position: absolute;
    right: -15px;
    bottom: -16px;
    overflow: hidden;
    margin-left: -35px;
    width: 70px;
    height: 16px;
}

div.ui-tooltip.own-product .arrow.top {
    top: -16px;
    bottom: auto;
}

div.ui-tooltip.own-product .arrow.left {
}

div.ui-tooltip.own-product .arrow:after {
    position: absolute;
    top: -20px;
    left: 20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.ui-tooltip.own-product .arrow.top:after {
    top: auto;
    bottom: -20px;
}

.subpage-promotion.promotion-bg {
    padding-bottom: 95px;
    background: url(../images/product-bg-top.png) no-repeat,
    url(../images/product-bg-bottom.png) no-repeat;
    background-position: center top 72px, center bottom -165px;
}

.promotion-bg {
    min-height: 602px;
    background: url('../images/promotion-bg.jpg') no-repeat center top #eff4f8;
}

.promotion-bg .title {
    float: left;
    margin-top: 76px;
    margin-bottom: 71px;
    color: #004b92;
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
}

.promotion-bg .link-more {
    float: right;
    margin-top: 97px;
    color: #004b92;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.promotion-bg .link-more a {
    display: block;
    float: left;
    padding-bottom: 19px;
    border-bottom: 1px solid #004b92;
    color: #004b92;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.promotion-bg ul.box-wrapper {
    float: left;
    margin: 0 -5px;
}

.promotion-bg ul.box-wrapper li {
    float: left;
    overflow: hidden;
    margin-bottom: 32px;
    padding: 5px;
    width: 33.3333333%;
}

.promotion-bg ul.box-wrapper li:nth-child(4) {
}

.promotion-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: inherit;
}

.promotion-wrapper > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.promotion-wrapper .photo-wrapper {
    position: relative;
    overflow: hidden;
}

.promotion-wrapper .photo-wrapper img {
    float: left;
    width: 100%;
}

.promotion-wrapper .photo-wrapper .apla {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s all;
}

.promotion-wrapper .apla_ended {
    display: none;
}

.promotion-wrapper.ended .photo-wrapper img {
    opacity: 0.25;
}

.promotion-wrapper.ended .apla_ended {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.4s all;
}

li:hover .promotion-wrapper.ended .apla_ended {
    display: none;
}

.promotion-wrapper.ended .apla_ended .bottom-text {
    position: absolute;
    right: 19px;
    bottom: 28px;
    left: 22px;
    display: block;
    color: #3c3b3b;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
}

li:hover .promotion-wrapper .photo-wrapper .apla {
    display: block;
    background: rgba(0, 87, 163, 0.85);
    opacity: 1;
    transition: 0.4s all;
}

.promotion-wrapper .photo-wrapper .apla .text,
li:hover .promotion-wrapper .photo-wrapper .apla .text {
    position: relative;
    display: block;
    float: left;
    margin: 27px 19px 0 44px;
    color: #fff;
    text-align: left;
    letter-spacing: 0.005em;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

li:hover .promotion-wrapper .photo-wrapper .apla .text:before {
    position: absolute;
    top: 7px;
    bottom: 5px;
    left: -24px;
    border-left: 1px solid #fff;
    content: "";
}

li:hover .promotion-wrapper .photo-wrapper .apla .bottom-text {
    position: absolute;
    right: 19px;
    bottom: 28px;
    left: 22px;
    display: block;
    background: url(../images/promotion_arrow.png) no-repeat right 3px transparent;
    color: #02bafe;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
}

.promotion-wrapper .title {
    margin: 33px 20px 0 1px;
    color: #3c3b3b;
    letter-spacing: 0.005em;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    transition: 0.4s all;
}

li:hover .promotion-wrapper .title {
    color: #004b92;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    transition: 0.4s all;
}

.news-bg {
}

.subpage-news.news-bg {
    height: auto;
}

.news-bg .title {
    float: left;
    margin-top: 76px;
    margin-bottom: 77px;
    color: #004b92;
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
}

.news-bg .link-more {
    float: right;
    margin-top: 91px;
    color: #004b92;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.news-bg .link-more a {
    display: block;
    float: left;
    padding-bottom: 19px;
    border-bottom: 1px solid #004b92;
    color: #004b92;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.news-bg .link-more a:hover {
    color: #02bafe;
}

.news-bg ul.box-wrapper {
    overflow: hidden;
    margin-bottom: 70px;
    border-top: 1px solid #e4e4e4;
}

.news-bg .box-wrapper li {
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
    height: 150px;
    border-bottom: 1px solid #e4e4e4;
    background: center transparent;
    background-size: 0;
    transition: 1s all;
}

.subpage .news-bg .box-wrapper li:nth-child(even) {
    background-color: #eff4f8;
}

.news-bg .box-wrapper li > img {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    transition: 2s all ease-in;
}

.news-bg .box-wrapper li:hover {
    background: #02488d;
    transition: 2s all ease-in;
}

.news-bg .box-wrapper li:hover > img {
    opacity: 1;
    transition: 2s all ease-in;
}

.news-bg .box-wrapper li .date-wrapper {
    display: block;
    float: left;
    padding-top: 7px;
    width: 125px;
    height: 100%;
    color: #004b92;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    transition: 1s all;
}

.news-bg .box-wrapper li:hover .date-wrapper {
    color: #fff;
    transition: 1s all;
}

.news-bg .box-wrapper li .photo-wrapper {
    float: left;
    margin-right: 29px;
}

.news-bg .box-wrapper li .photo-wrapper {
    display: block;
    float: left;
}

.news-bg .box-wrapper li .text-wrapper {
    display: table;
    margin-right: 54px;
    padding-right: 50px;
}

.news-bg .box-wrapper li .news-wrapper {
    position: relative;
    background: url(../images/news_arrow.png) no-repeat right 43px transparent;
    transition: 1s all;
}

.news-bg .box-wrapper li:hover .news-wrapper {
    background: url(../images/news_arrow.png) no-repeat right -106px transparent;
    transition: 1s all;
}

.news-bg .box-wrapper li:hover .news-wrapper > a {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;;
}

.news-bg .box-wrapper li .title {
    float: left;
    margin-top: 7px;
    margin-bottom: 0px;
    min-height: 42px;
    color: #004b92;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    transition: 1s all;
}

.news-bg .box-wrapper li:hover .title {
    color: #02bafe;
    transition: 1s all;
}

.news-bg .box-wrapper li .description {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 50px;
    color: #555555;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    transition: 1s all;
}

.news-bg .box-wrapper li:hover .description {
    color: #fff;
    transition: 1s all;
}

.multimedia-bg {
    height: 600px;
    background: url('../images/multimedia-bg.jpg') no-repeat center transparent;
}

.multimedia-bg .container {
    position: relative;
}

.multimedia-bg .title {
    float: left;
    margin-top: 88px;
    margin-bottom: 61px;
    color: #fff;
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
}

.multimedia-bg .title-apla {
    position: absolute;
    top: 37px;
    left: 8px;
    color: #fff;
    font-weight: 900;
    font-size: 132px;
    line-height: 132px;
    opacity: 0.1;
}

.multimedia-bg .link-more {
    float: right;
    margin-top: 92px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.multimedia-bg .link-more a {
    display: block;
    float: left;
    padding-bottom: 19px;
    border-bottom: 1px solid #fff;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.multimedia-bg ul {
    margin: 0 -5px;
}

.multimedia-bg ul li {
    float: left;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 5px;
    width: 33.3333333%;
}

.multimedia-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: inherit;
}

.multimedia-wrapper > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.multimedia-wrapper .photo-wrapper {
    position: relative;
    overflow: hidden;
}

.multimedia-wrapper .photo-wrapper img {
    float: left;
    max-width: 100%;
}

.multimedia-wrapper .photo-wrapper .apla {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s all;
}

li:hover .multimedia-wrapper .photo-wrapper .apla {
    display: block;
    outline: 3px solid #fff;
    outline-offset: -3px;
    background: rgba(0, 87, 163, 0.85);
    opacity: 1;
    transition: 0.4s all;
}

li:hover .multimedia-wrapper .photo-wrapper .apla .text {
    position: relative;
    display: block;
    float: left;
    margin: 27px 19px 0 44px;
    color: #fff;
    letter-spacing: 0.005em;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

li:hover .multimedia-wrapper .photo-wrapper .apla .text:before {
    position: absolute;
    top: 7px;
    bottom: 5px;
    left: -24px;
    border-left: 1px solid #fff;
    content: "";
}

li:hover .multimedia-wrapper .photo-wrapper .apla .bottom-text {
    position: absolute;
    right: 19px;
    bottom: 24px;
    left: 22px;
    display: block;
    background: url(../images/promotion_arrow.png) no-repeat right 3px transparent;
    color: #02bafe;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
}

.multimedia-wrapper .title {
    margin: 33px 20px 0 10px;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    transition: 0.4s all;
}

.solid-brand-bg {
    min-height: 791px;
    background: url("../images/solid-brand-bg.png") no-repeat center top transparent;
}

.solid-brand-bg .text-wrapper {
    margin-top: 119px;
    max-width: 560px;
}

.solid-brand-bg .title {
    margin-bottom: 51px;
    color: #0057a3;
    font-weight: 100;
    font-size: 50px;
    line-height: 55px;
}

.solid-brand-bg .title strong {
    font-weight: 900;
}

.solid-brand-bg .text {
    color: #555555;
    letter-spacing: 0.005em;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.solid-brand-bg ul {
    overflow: hidden;
    margin: 92px 0px 0;
}

.solid-brand-bg li {
    position: relative;
    float: left;
    min-height: 100px;
    width: 20%;
}

.solid-brand-bg li img {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.solid-brand-bg li:first-child img {
    right: auto;
}

.solid-brand-bg li:last-child img {
    left: auto;
}

.solid-brand-bg li:hover img.bw {
    opacity: 0;
}

.solid-brand-bg li .apla {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    cursor: pointer;
}

.newsletter-bg {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 153px;
    background: #004b92;
}

.newsletter-bg .container {
    margin-top: 26px;
}

.newsletter-bg .title {
    display: inline-block;
    margin-bottom: 25px;
    color: #fff;
    font-weight: 900;
    font-size: 35px;
    line-height: 50px;
}

.newsletter-bg .btn-send {
    width: 163px;
    height: 41px;
    border: 0;
    border-radius: 0;
    background: #005bb1;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.no-padding {
    padding: 0;
}

.input-nl {
    padding-left: 23px;
    height: 41px;
    border: 0;
    border-radius: 0;
    color: #aaaaaa;
    letter-spacing: 0.03em;
}

.icheckbox_minimal-custom, .iradio_minimal-custom {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    border: none;
    vertical-align: middle;
    cursor: pointer;
}

.contact-form .iradio_minimal-custom,
.newsletter-bg .iradio_minimal-custom {
    margin-right: 5px;
}

.contact-wrapper .icheckbox_minimal-custom,
.contact-form .icheckbox_minimal-custom,
.newsletter-bg .icheckbox_minimal-custom {
    margin-right: 0px;
    margin-left: -16px;
}

.span-agrem {
    margin-top: 16px;
    color: #02bafe;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.contact-wrapper .blue label,
.contact-form .span-agrem label,
.newsletter-bg .span-agrem label {
    padding-left: 25px;
}

.div-agrem {
    color: #fff;
    text-align: left;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.div-agrem-desc {
    display: inline-block;
    float: left;
    margin-left: 10px;
    color: #fff;
    text-align: justify;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
}

.div-agrem label {
    vertical-align: top;
    text-align: justify;
}

.div-agrem .icheckbox_minimal-custom {
    margin-top: 12px;
    margin-right: -6px;
    margin-left: -16px;
}

#fancybox-content .div-agrem .icheckbox_minimal-custom {
    margin-top: -3px;
    margin-right: 5px;
    margin-left: -16px;
}

#fancybox-content .div-agrem label {
    max-width: 99%;
    vertical-align: top;
}

.contact-form .div-agrem-desc {
    color: #939393;
}

.contact-form .div-agrem .icheckbox_minimal-custom {
    margin-top: 0
}

.div-agrem:hover .hidden-agrem,
.span-agrem:hover .hidden-agrem {
    display: block;
}

.col-cust-22 {
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 14px;
}

.hidden-agrem {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    margin-top: 45px;
    padding: 20px;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
}

#fancybox-content .hidden-agrem {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    z-index: 9999;
    margin-top: 45px;
    padding: 20px;
    width: 692px;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 14px;
}

#fancybox-content .hidden-agrem:before {
    left: 43%;
}

#fancybox-content #lbl_agree.hover {
    padding-bottom: 85px;
}

.agrem2 {
    top: -10px
}

.hidden-agrem:before {
    position: absolute;
    top: -6px;
    left: 73px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background-color: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slider-logotype-bg {
    height: 189px;
}

.slider-logotype-bg .title {
    float: left;
    margin-top: 84px;
    width: 142px;
    height: 105px;
    color: #004b92;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
}

.slider-logotype {
    float: left;
    width: calc(100% - 166px);
    height: 189px;
    background: #fff;
}

.slider-logotype .slide {
    height: 189px;
    background: no-repeat center center transparent;
}

.slider-logotype .slide a {
    position: relative;
    display: block;
    line-height: 189px;
}

.slider-logotype .slide a img {
    position: relative;
    left: 0;
    display: inline-block;
    float: none;
    margin: auto;
    width: initial;
    vertical-align: middle;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.slider-logotype .slide a span,
.slider-logotype .slide a img:nth-child(2) {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    margin: auto;
}

.slider-logotype .slide a:hover span img,
.slider-logotype .slide a:hover img:nth-child(2) {
    opacity: 0 !important;
}

.main-contact {
    height: 247px;
    border: 1px solid #dbdbdb;
    border-right: 0;
    border-left: 0;
    background: #eff4f8;
}

.main-contact .title {
    margin-top: 60px;
    margin-bottom: 30px;
    color: #004b92;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
}

.main-contact .text {
    float: left;
    margin-right: 69px;
    max-width: 740px;
}

.main-contact .text table {
    width: 100%;
    border: 0;
}

.main-contact .text table td {
    border: 0;
    color: #757779;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.main-contact .text > table > tbody > tr > td:nth-child(1) {
    width: 247px;
}

.main-contact .text > table > tbody > tr > td:nth-child(2) {
    width: 203px;
}

.main-contact .text > table a {
    color: #004b92;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    transition: 0.4s color;
}

.main-contact .text > table a:hover {
    color: #02bafe;
    transition: 0.4s color;
}

.btn-contact,
.btn-contact:visited {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 52px;
    padding-left: 28px;
    width: 212px;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(../images/icons/ico-blue-phone.png) no-repeat 55px 10px #004B92;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    transition: 0.4s all;
}

.btn-contact:hover {
    background: url(../images/icons/ico-blue-phone.png) no-repeat 55px -50px #fff;
    color: #004B92;
    transition: 0.4s all;
}

.btn-facebook {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 6px;
    width: 40px;
    height: 40px;
    background: url(../images/icons/ico-blue-facebook.png) no-repeat center top transparent;
    transition: 0.4s all;
}

.btn-facebook:hover {
    background: url(../images/icons/ico-blue-facebook.png) no-repeat center bottom transparent;
    transition: 0.4s all;
}

.btn-youtube {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    background: url(../images/icons/ico-blue-youtube.png) no-repeat center top transparent;
    transition: 0.4s all;
}

.btn-youtube:hover {
    background: url(../images/icons/ico-blue-youtube.png) no-repeat center bottom transparent;
    transition: 0.4s all;
}

.btn-rss {
    display: block;
    float: left;
    margin-top: 5px;
    width: 40px;
    height: 40px;
    background: url(../images/icons/ico-blue-rss.png) no-repeat center top transparent;
    transition: 0.4s all;
}

.btn-rss:hover {
    background: url(../images/icons/ico-blue-rss.png) no-repeat center bottom transparent;
    transition: 0.4s all;
}

.ue-prog {
    min-height: 165px;
    border-bottom: 1px solid #dbdbdb;
}

.ue-prog .ue-logo1 {
    float: left;
    margin-top: 20px;
    width: 33.333333%;
    height: 65px;
    vertical-align: middle;
    text-align: left;
    line-height: 65px;
}

.ue-prog .ue-logo2 {
    float: left;
    margin-top: 20px;
    width: 33.333333%;
    height: 65px;
    vertical-align: middle;
    text-align: center;
    line-height: 65px;
}

.ue-prog .ue-logo3 {
    float: left;
    margin-top: 20px;
    width: 33.333333%;
    height: 65px;
    vertical-align: middle;
    text-align: right;
    line-height: 65px;
}

.ue-prog .ue-logo1 img,
.ue-prog .ue-logo2 img,
.ue-prog .ue-logo3 img {
    max-width: 100%;
    vertical-align: middle;
}

.ue-prog .ue-text {
    float: left;
    margin-top: 12px;
    width: 100%;
    text-align: center;
}

.ue-prog .ue-text span {
    color: #757779;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}

.control-label-emailField {
    white-space: nowrap;
}

span.form-control.captcha {
    padding-top: 3px;
    height: 40px;
    background-color: #fff;
}

span.form-control.captcha img {
    max-width: 100%;
}

.newsletterAlert {
    margin-top: 5px;
    margin-bottom: -19px;
    height: 21px;
}

.container-select2 {
    max-width: 400px;
    width: 100%;
}

.subpage-text {
    background: url("../images/tekstowa-bg.png") no-repeat center -10px transparent;
}

.subpage-text .text {
    margin-top: -6px;
}

.date {
    color: #aaaaaa;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}

.subpage-news .title {
    float: none;
    margin: 0;
    color: #004b92;
    font-weight: 900;
    font-size: 25px;
    line-height: 35px;
}

.subpage-news .title-wrapper.see-more .title {
    float: left;
}

.subpage-news .see-more .link-more {
    float: right;
    clear: inherit;
    margin-top: 0;
}

.text {
    color: #555555;
    text-align: justify;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
}

.text ul {
    padding: 0;
    list-style: none;
}

.text ul li {
    padding-left: 45px;
    background: url(../images/icons/ico-text-checkbox.png) no-repeat 15px 7px transparent;
}

.gallery {
    padding-top: 51px;
    width: 100%;
}

.gallery ul {
    overflow: hidden;
    margin: 0 -6px;
    padding: 0;
}

.gallery.col-6 li {
    width: 16.6666666%;
    height: 132px;
}

.gallery li {
    float: left;
    overflow: hidden;
    padding: 6px;
    width: 33.3333333%;
}

.gallery li div.wrapper-full-size {
    display: table;
    width: 100%;
    height: 100%;
}

.gallery li span.wrapper-va-middle {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.gallery li span a {
    display: inline-block;
    float: none;
}

.gallery a img {
    display: block;
    max-width: 100%;
}

.subpage .title-wrapper {
    float: left;
    overflow: hidden;
    padding-top: 64px;
    width: 100%;
    height: 194px;
}

.subpage .title-wrapper .title {
    float: none;
    margin: 0;
    color: #004b92;
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
}

.subpage .title-wrapper.see-more {
    float: left;
    overflow: hidden;
    margin-top: 30px;
    padding-top: 0;
    padding-bottom: 30px;
    width: 100%;
    height: auto;
}

.subpage .title-wrapper ul.breadcrumb-hydro {
    margin-top: 2px;
    padding: 10px 0;
}

.subpage .title-wrapper .breadcrumb-hydro li {
    float: left;
}

.subpage .title-wrapper .breadcrumb-hydro a {
    position: relative;
    color: #555555;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Arial';
    line-height: 20px;
    transition: 0.4s color;
}

.subpage .title-wrapper .breadcrumb-hydro a:hover {
    color: #000;
    transition: 0.4s color;
}

.subpage .title-wrapper .breadcrumb-hydro > li + li:before {
    position: relative;
    right: 0;
    margin: 0 17px 0 0;
    color: #939494;
    content: "\203A";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.subpage .title-wrapper .breadcrumb-hydro > li:after {
    position: relative;
    right: 0;
    margin: 0 0 0 17px;
    content: "";
}

.subpage .title-wrapper .breadcrumb-hydro li:last-child a {
    color: #004b92;
    transition: 0.4s color;
}

.subpage .title-wrapper .breadcrumb-hydro li:last-child a:hover {
    color: #000;
    transition: 0.4s color;
}

.subpage-col-left .search-wrapper {
    float: left;
    clear: both;
    overflow: hidden;
    margin-bottom: 21px;
    padding: 19px;
    max-width: 270px;
    width: 100%;
    border: 1px solid #e4e4e4;
    background: #eff4f8;
}

.subpage-col-left .search-wrapper .input-search {
    display: block;
    float: left;
    padding-left: 21px;
    width: 188px;
    height: 40px;
    border: 1px solid #dcdcdc;
    border-right: 0px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    line-height: 40px;
}

.subpage-col-left .search-wrapper .button-search {
    display: block;
    float: left;
    width: 42px;
    height: 40px;
    border: 1px solid #005bb1;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/icons/ico-search.png) no-repeat 12px 11px #005bb1;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
}

.subpage-col-left {
    float: left;
    padding: 0px;
    width: 307px;
}

.subpage-col-left nav {
    float: left;
    width: 100%;
}

.subpage-col-left ul {
    overflow: hidden;
    margin: 0;
    padding: 6px 0 17px;
    max-width: 270px;
    border: 1px solid #e4e4e4;
    list-style: none;
}

.subpage-col-left ul li {
    overflow: hidden;
}

.subpage-col-left ul a {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    margin: 0 -2px;
    padding: 11px 0 11px 20px;
    width: 103%;
    background: #fff;
    color: #3c3b3b;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    transition: 0.4s all;
}

.subpage-col-left ul a:after {
    position: absolute;
    top: 0px;
    right: 20px;
    bottom: 0px;
    left: 20px;
    border-bottom: 1px solid #e4e4e4;
    content: "";
}

.subpage-col-left ul li:last-child a:after {
    display: none;
}

.subpage-col-left ul li.active a,
.subpage-col-left ul li:hover a {
    border: 0;
    background: #005bb1;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    transition: 0.4s all;
}

.subpage-col-left ul li.active a:after,
.subpage-col-left ul li:hover a:after {
    position: absolute;
    top: 0px;
    right: 20px;
    bottom: 0px;
    left: 20px;
    border-bottom: 0px solid #e4e4e4;
    content: "";
    transition: 0.4s all;
}

.subpage-col-left .category {
    float: left;
    margin-bottom: 11px;
    padding-top: 15px;
    padding-bottom: 14px;
    width: 100%;
    border: 0;
    background: #eff4f8;
}

.subpage-col-left ul.category > li > a:hover,
.subpage-col-left ul.category > .active > a {
    background: #fff;
    color: #004b92;
    transition: 0.4s all;
}

.subpage-col-left ul.category > li a {
    background: #eff4f8;
    color: #3c3b3b;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    transition: 0.4s all;
}

.subpage-col-left .subcategory {
    float: left;
    padding-top: 24px;
    padding-bottom: 8px;
    width: 100%;
    border: 0;
    background: #eff4f8;
}

.subpage-col-left ul.subcategory > li > a:hover,
.subpage-col-left ul.subcategory > .active > a {
    background: url('../images/icons/ico-subcategory.png') no-repeat 5px 10px #EFF4FF;
    color: #004b92;
    transition: 0.4s color;
}

.subpage-col-left ul.subcategory > li {
    padding-left: 24px;
}

.subpage-col-left ul.subcategory > li a {
    padding: 0px 0 10px 23px;
    background: #eff4f8;
    color: #3c3b3b;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    transition: 0.4s all;
}

.subpage-col-right {
    float: right;
    padding-bottom: 103px;
    width: 833px;
    width: calc(100% - 307px);
}

.subpage-col-right .margin {
    height: 30px;
}

.subpage-col-right .first-gallery-image {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 450px;
}

.subpage-news .first-gallery-image {
    position: relative;
    float: left;
    margin-bottom: 20px;
    padding-right: 31px;
    min-width: 250px;
}

.first-gallery-image img {
    float: left;
    max-width: 100%;
    max-height: 400px;
}

.first-gallery-image .camera-wrapper {
    position: absolute;
    right: 42px;
    bottom: 16px;
    padding: 9px 11px 7px 0px;
    min-width: 75px;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 6px;
    background: url(../images/icons/ico-camera.png) no-repeat 14px 12px #fff;
    color: #004b92;
    text-align: right;
    font-weight: 700;
    font-size: 15px;
    line-height: 26px;
    cursor: pointer;
}

.subpage-col-right .first-gallery-image .camera-wrapper {
    right: 13px;
    bottom: 11px;
}

.scrollToGallery {
    cursor: pointer;
}

.pagination-wrapper {
    float: left;
    margin-top: 9px;
    width: 100%;
    text-align: center;
}

.pagination li:first-child {
    float: left;
    margin-right: 30px;
    width: 100px;
    text-align: left;
}

.pagination li:last-child {
    float: right;
    margin-left: 30px;
    width: 100px;
    text-align: right;
}

.pagination > li span.mobile {
    display: none;
}

.pagination > li > a,
.pagination > li > span,
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    position: relative;
    float: left;
    margin-left: -1px;
    padding: 19px 16px;
    border: 0px solid #ddd;
    background-color: transparent;
    color: #004b92;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 3;
    border-color: transparent;
    border-bottom: 1px solid #95dbf5;
    background-color: transparent;
    color: #95dbf5;
    cursor: pointer;
}

.subpage-product,
.subpage-offer {
    background: url("../images/offer-bg-top.png") no-repeat center 20px, url("../images/offer-bg-bottom.png") no-repeat center 132%;
}

.offer-container {
    float: left;
    margin: -6px -6px;
    padding-bottom: 10px;
    width: 100%;
}

.offer-container .alert.alert-info {
    margin: 0px -6px 0 6px;
}

.offer-wrapper {
    float: left;
    padding: 6px;
    width: 33.3333333%;
    height: 299px;
}

.offer-wrapper .title {
    display: inline-block;
    margin-top: 23px;
    color: #3c3b3b;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.offer-wrapper:hover .title {
    color: #004b92;
}

.offer-wrapper .link-more {
    float: right;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.offer-wrapper .link-more img {
    margin-right: 7px;
    margin-left: 9px;
    vertical-align: middle;
}

.offer-wrapper .photo-wrapper {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 209px;
    border: 1px solid #e4e4e4;
    text-align: center;
}

.offer-wrapper .photo {
    max-width: 100%;
    vertical-align: middle;
}

.offer-wrapper .photo-wrapper .apla {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    pointer-events: none;
}

.offer-wrapper .photo-wrapper .apla .own-product {
    display: none;
}

.offer-wrapper .photo-wrapper .own.apla .own-product {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    width: 55px;
    height: 55px;
    background: url("../images/offer-hover.png") no-repeat right -287px transparent;
    pointer-events: visible;
}

.offer-wrapper .photo-wrapper .apla img {
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 21px;
    height: 23px;
    opacity: 0;
}

@media screen and (min-width: 1141px) {
    .offer-wrapper:hover .photo-wrapper .apla img {
        opacity: 1;
    }

    .offer-wrapper:hover .photo-wrapper .apla {
        outline: 3px solid #fff;
        background: no-repeat right top rgba(0, 87, 163, 0.8);
    }

    .offer-wrapper:hover .photo-wrapper .own.apla .own-product {
        background: url("../images/offer-hover.png") no-repeat right top transparent;
    }
}

.offer-wrapper {
    position: relative;
    overflow: hidden;
}

.offer-wrapper > a,
.offer-wrapper .product > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.offer-wrapper .text-wrapper {
    float: left;
}

.offer-wrapper .photo-wrapper .apla .text {
    display: none;
}

@media screen and (min-width: 1141px) {
    .offer-wrapper:hover .photo-wrapper .apla .text {
        position: relative;
        display: block;
        float: left;
        margin: 27px 38px 0 44px;
        color: #fff;
        text-align: left;
        letter-spacing: 0.005em;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
    }

    .offer-wrapper:hover .photo-wrapper .apla .text:before {
        position: absolute;
        top: 7px;
        bottom: 5px;
        left: -24px;
        border-left: 1px solid #fff;
        content: "";
    }
}

.offer-wrapper .photo-wrapper .apla .bottom-text {
    display: none;
}

@media screen and (min-width: 1141px) {
    .offer-wrapper:hover .photo-wrapper .apla .bottom-text {
        position: absolute;
        right: 19px;
        bottom: 24px;
        left: 22px;
        display: block;
        background: url(../images/promotion_arrow.png) no-repeat right 3px transparent;
        color: #02bafe;
        text-align: left;
        letter-spacing: 0.05em;
        font-weight: 700;
        font-size: 15px;
        line-height: 26px;
    }
}

.subpage-product .subpage-col-right > .title {
    margin-top: -8px;
    margin-bottom: 20px;
    color: #004b92;
    font-weight: 900;
    font-size: 28px;
    line-height: 40px;
}

.subpage-product .subpage-col-right .link-text-more {
    display: block;
    overflow: hidden;
    margin-bottom: 39px;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.subpage-product .subpage-col-right .link-text-more a {
    float: right;
    padding: 10px 25px 20px 0;
    border-bottom: 1px solid #004b92;
    background: url(../images/icons/ico-link-more.png) no-repeat right 21px transparent;
    text-decoration: none;
    letter-spacing: 0.05em;
}

.subpage-product .subpage-col-right .link-text-more a.active {
    background: url(../images/icons/ico-link-more.png) no-repeat right -109px transparent;
    text-decoration: none;
}

.subpage-product .subpage-col-right .link-text-more a .less {
    display: none;
}

.subpage-product .subpage-col-right .link-text-more a.active .less {
    display: inline;
}

.subpage-product .subpage-col-right .link-text-more a.active .more {
    display: none;
}

.subpage-product .subpage-col-right > .link-text-more a span {
    color: #004b92;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.subpage-product .subpage-col-right > .link-text-more a:hover span {
    color: #02bafe;
}

.offer-wrapper .product {
    overflow: hidden;
    height: 100%;
    border: 1px solid #e4e4e4;
}

.offer-wrapper .product .photo-wrapper {
    border: 0px solid #e4e4e4;
}

.offer-wrapper .product .title {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.subpage-product .text-long {
    display: none;
}

.subpage .offer-wrapper.see-more {
    width: 25%;
}

.bluebox-wrapper {
    float: left;
    margin-bottom: 34px;
    width: 100%;
    background: #004b92;
}

.bluebox-wrapper .button-wrapper {
    display: flex;
    height: 48px;
}

.bluebox-wrapper .button-wrapper .button:hover,
.bluebox-wrapper .button-wrapper .button.active {
    background: #004b92;
}

.bluebox-wrapper .button-wrapper .button:first-child,
.bluebox-wrapper .button-wrapper:hover .button:first-child:hover,
.bluebox-wrapper .button-wrapper:hover .button:last-child:hover {
    background: #004b92;
}

.bluebox-wrapper .button-wrapper .button:last-child,
.bluebox-wrapper .button-wrapper:hover .button:first-child {
    background: #005bb1;
}

.bluebox-wrapper .button-wrapper .button,
.bluebox-wrapper .button-wrapper .button2 {
    float: left;
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #005bb1;
    background: #005bb1;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    line-height: 51px;
    cursor: pointer;
}

.bluebox-wrapper .button-wrapper .button2 .button-text {
    padding: 0px 10px;
}

.bluebox-wrapper .button-filtr .left-icon {
    display: block;
    float: left;
    width: 62px;
    height: inherit;
    background: url(../images/icons/ico-slide.png) no-repeat 25px 16px transparent;
}

.bluebox-wrapper .button-contact .left-icon {
    display: block;
    float: left;
    padding: 0 15px;
    width: 62px;
    height: inherit;
    background: url("../images/icons/ico-contact.png") no-repeat 25px 18px transparent;
}

.bluebox-wrapper .right-icon {
    display: block;
    float: right;
    margin-top: 13px;
    width: 38px;
    height: 25px;
    border-left: 1px solid #336fa8;
    background: url("../images/icons/ico-filtr-arrow.png") no-repeat center 10px transparent;
}

.bluebox-wrapper .active .right-icon {
    background: url("../images/icons/ico-filtr-arrow.png") no-repeat center -122px transparent;
}

.bluebox-wrapper .filtr-wrapper {
    display: none;
    float: left;
    padding-top: 23px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single {
    position: relative;
    padding-left: 6px;
    height: 40px;
    color: #939393;
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
}

.select2-container--default .select2-selection--multiple {
    height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: left;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 5px;
    height: 28px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #e4e4e4;
    line-height: 28px;
    cursor: default;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 7px;
    right: 0px;
    padding: 4px 12px;
    width: 41px;
    height: 25px;
    border-left: 1px solid #e4e4e4;
    background: url(../images/icons/ico-link-more.png) no-repeat 13px 10px transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: url(../images/icons/ico-link-more.png) no-repeat 13px -120px transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

span.select2-container.select2-container--default.select2-container--open {
    z-index: 9999;
}

.second-row {
    margin-top: 20px;
}

.btn-blue {
    width: 100%;
    height: 40px;
    background: #005bb1;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.filtr-clear,
.filtr-clear:visited {
    padding-left: 32px;
    background: url(../images/icons/ico-clear.png) no-repeat 4px center transparent;
    color: #02bafe;
    letter-spacing: 0.055em;
    font-weight: 500;
    font-size: 15px;
    line-height: 44px;
}

.filtr-clear:hover {
    color: #fff;
}

#fancybox-content .contact-wrapper,
.bluebox-wrapper .contact-wrapper {
    display: none;
    float: left;
    padding-top: 23px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
    width: 100%;
}

#fancybox-content .contact-wrapper {
    display: block;
    background-color: #004b92;
}

#fancybox-content .contact-wrapper .form-horizontal .form-group,
.bluebox-wrapper .contact-wrapper .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

#fancybox-content .contact-wrapper .form-group,
.bluebox-wrapper .contact-wrapper .form-group {
    margin-bottom: 20px;
}

#fancybox-content .contact-wrapper input,
.bluebox-wrapper .contact-wrapper input {
    position: relative;
    height: 40px;
    color: #939393;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    opacity: 1;
}

#fancybox-content .required:after,
.bluebox-wrapper .contact-wrapper .required:after {
    position: absolute;
    top: 0;
    right: 0px;
    color: #fff;
    content: '*';
}

#fancybox-content .contact-wrapper textarea,
.bluebox-wrapper .contact-wrapper textarea {
    height: 100px;
}

#fancybox-content .btn-send,
.bluebox-wrapper .btn-send {
    width: 100%;
    height: 40px;
    background: #005bb1;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

#fancybox-content .contact-wrapper .white,
.bluebox-wrapper .contact-wrapper .white {
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

#fancybox-content .contact-wrapper .blue,
.bluebox-wrapper .contact-wrapper .blue {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 10px;
}

#fancybox-content .contact-wrapper .blue label:not(.error),
.bluebox-wrapper .contact-wrapper .blue label {
    display: inline-block;
    float: left;
    padding-top: 0;
    padding-left: 15px;
    width: 92%;
    color: #02bafe;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.filtr-desc {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    padding-left: 15px;
    width: 92%;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
}

.col-xs-12.form-label {
    float: left;
    width: 100%;
    color: #02bafe;
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    cursor: pointer;
}

section.contact-map {
    overflow: hidden;
    padding-bottom: 42px;
}

.contact-map .division-wrapper {
    float: left;
    overflow: hidden;
    width: 100%;
}

.contact-map .division-title {
    float: left;
    margin-bottom: 21px;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    color: #004b92;
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
}

.contact-map .division-title span.title {
    float: left;
    cursor: pointer;
    transition: 0.4s all;
}

.contact-map .division-title span:not(.title) {
    float: right;
    margin-top: 1px;
    padding-right: 25px;
    height: 55px;
    border-bottom: 1px solid #004b92;
    color: #004b92;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    cursor: pointer;
}

.contact-map .division-title span {
    cursor: pointer;
    transition: 0.4s color;
}

.contact-map .division-title span:hover {
    color: #000;
    transition: 0.4s color;
}

.contact-map .division-title span.show-division {
    display: block;
    background: url(../images/icons/ico-link-more.png) no-repeat right 10px transparent;
}

.contact-map .division-title span.hide-division {
    display: none;
}

.contact-map .active .division-title span.show-division {
    display: none;
}

.contact-map .active .division-title span.hide-division {
    display: block;
    background: url(../images/icons/ico-link-more.png) no-repeat right -120px transparent;
}

.contact-map .division {
    float: left;
    width: 100%;
    height: 900px;
}

.contact-map .division-wrapper.active .division {
    margin-bottom: 30px;
}

.contact-map .division .col-text {
    float: left;
    margin-top: 12px;
    width: 640px;
}

.contact-map .division .text {
    color: #757779;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}

.contact-map .division .text h3 {
    color: #004b92;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
}

.contact-map .division .text a {
    color: #004b92;
}

.contact-map .division .text table {
}

.contact-map .division .text table td {
    width: 334px;
    text-align: left;
}

.contact-map .division .col-map {
    position: relative;
    float: right;
    margin-top: 18px;
    margin-bottom: 69px;
    width: 450px;
    height: 480px;
}

.contact-map .show-big-map {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 1;
    display: block;
    width: 149px;
    height: 29px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #005bb1;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    transition: 0.4s all;
}

.contact-map .show-big-map:hover {
    background-color: #fff;
    color: #005bb1;
    text-decoration: none;
    transition: 0.4s all;
}

.contact-map div.googleMap {
    width: 100%;
    height: 100%;
}

.subpage .contact-form {
    margin-bottom: 63px;
    padding: 0 0 49px 0;
    background: url("../images/contact-bg.png") no-repeat center top #eff4f8;
}

.subpage .contact-form .title-wrapper {
    padding-top: 60px;
    height: 164px;
}

.subpage .contact-form input {
    height: 40px;
    border: 1px solid #dcdcdc;
    color: #939393;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
#fancybox-content .contact-wrapper textarea::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper textarea::-webkit-input-placeholder,
.subpage .contact-form textarea::-webkit-input-placeholder,
#fancybox-content .contact-wrapper input::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper input::-webkit-input-placeholder,
.subpage .contact-form input::-webkit-input-placeholder {
    color: #939393;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    opacity: 1;
}

#fancybox-content .contact-wrapper textarea::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper textarea::-webkit-input-placeholder,
.subpage .contact-form textarea::-webkit-input-placeholder,
#fancybox-content .contact-wrapper input::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper input::-webkit-input-placeholder,
.subpage .contact-form input::-moz-placeholder {
    color: #939393;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    opacity: 1;
}

#fancybox-content .contact-wrapper textarea::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper textarea::-webkit-input-placeholder,
.subpage .contact-form textarea::-webkit-input-placeholder,
#fancybox-content .contact-wrapper input::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper input::-webkit-input-placeholder,
.subpage .contact-form input:-ms-input-placeholder {
    color: #939393;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    opacity: 1;
}

#fancybox-content .contact-wrapper textarea::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper textarea::-webkit-input-placeholder,
.subpage .contact-form textarea::-webkit-input-placeholder,
#fancybox-content .contact-wrapper input::-webkit-input-placeholder,
.bluebox-wrapper .contact-wrapper input::-webkit-input-placeholder,
.subpage .contact-form input:-moz-placeholder {
    color: #939393;
    font-weight: 400;
    font-size: 13px;
    line-height: 26px;
    opacity: 1;
}

.subpage .contact-form .required:after {
    position: absolute;
    top: 0;
    right: 0px;
    color: #004b92;
    content: '*';
}

.subpage .contact-form .form-group {
    margin-bottom: 20px;
}

.subpage .contact-form textarea {
    height: 100px;
    border: 1px solid #dcdcdc;
}

.subpage .contact-form .select2-container--default .select2-selection--single {
    border: 1px solid #dcdcdc;
    color: #939393;
}

.subpage .contact-form .rules label {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 98%;
    color: #939393;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    text-align: justify;
}

#categoryForm .blue .icheckbox_minimal-custom,
.bluebox-wrapper .contact-wrapper .blue .icheckbox_minimal-custom,
.subpage .contact-form .rules .icheckbox_minimal-custom {
    position: relative;
    top: 2px;
    float: left;
    margin-left: 0;
}

.subpage .contact-form .btn-send {
    width: 100%;
    height: 40px;
    background: #005bb1;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
}

.subpage .contact-form span.white {
    float: right;
    padding-right: 13px;
    color: #939393;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
}

.subpage .contact-form span.white .blue {
    color: #004b92;
}

.subpage .contact-form .icheckbox_minimal-custom.checked {
    background-position: -60px 0;
}

.subpage-product-view {
    padding-bottom: 95px;
    background: url("../images/product-bg-top.png") no-repeat,
    url("../images/product-bg-bottom.png") no-repeat;
    background-position: center top 72px, center bottom -165px;
}

.subpage-product-view .product-slider-wrapper {
    position: relative;
    float: left;
    margin-bottom: 30px;
    width: 500px;
    height: 388px;
    border: 1px solid #e4e4e4;
}

.subpage-product-view .product-slider-wrapper .slide {
    display: table;
    margin: 0 auto;
    width: 500px;
    height: 388px;
    text-align: center;
}

.subpage-product-view .product-slider-wrapper .slide div {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-right: 6px;
    padding-bottom: 9px;
    text-align: right;
    font-size: 15px;
    line-height: 15px;
    pointer-events: none;
}

.subpage-product-view .product-slider-wrapper .slide a {
    display: table-cell;
    float: none;
    width: 100%;
    vertical-align: middle;
}

.subpage-product-view .product-slider-wrapper .slide img {
    display: inline;
    float: none;
    max-width: 100%;
    width: auto;
}

.product-slider .owl-nav {
    position: absolute;
    top: 50%;
    right: 14px;
    left: 14px;
    pointer-events: none;
}

.product-slider .owl-nav > div {
    margin-top: -39px;
    width: 31px;
    height: 82px;
    background: url("../images/slider-nav-arrow.png") no-repeat center transparent;
    pointer-events: visible;
}

.product-slider .owl-nav .owl-prev {
    float: left;
    background-position: left top;
}

.product-slider .owl-nav .owl-next {
    float: right;
    background-position: right top;
}

.product-slider .owl-nav .owl-prev:hover {
    float: left;
    background-position: left bottom;
}

.product-slider .owl-nav .owl-next:hover {
    float: right;
    background-position: right bottom;
}

.product-slider .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 15px;
}

.product-slider .owl-dot {
    float: left;
    margin-right: 17px;
    width: 9px;
    height: 9px;
    border: 1px solid #a0a0a0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product-slider .owl-dot.active {
    border: 1px solid #004b92;
    background-color: #004b92;
}

.subpage-product-view .container > .title {
    float: left;
    margin: 0;
    margin-top: -4px;
    margin-left: 33px;
    width: 50%;
    width: calc(100% - 533px);
    color: #004b92;
    letter-spacing: 0.01em;
    font-weight: 900;
    font-size: 35px;
    line-height: 40px;
}

.subpage-product-view .subtitle {
    float: left;
    margin-top: 4px;
    margin-bottom: 10px;
    margin-left: 33px;
    width: 50%;
    width: calc(100% - 533px);
    color: #aaaaaa;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.subpage-product-view .text.lead {
    float: left;
    margin-left: 33px;
    width: 50%;
    width: calc(100% - 533px);
    text-align: justify;
}

.subpage-product-view .text {
    color: #555555;
    text-align: left;
    text-align: justify;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
}

#popup-form .fancyboxhd,
.subpage-product-view .btn-ask {
    float: left;
    margin-top: 14px;
    margin-bottom: 57px;
    margin-left: 33px;
    width: 212px;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

#popup-form .fancyboxhd {
    margin-left: 0;
}

.subpage-product-view .fb-wrapper {
    float: left;
    margin-top: 33px;
    margin-left: 18px;
}

.subpage-product-view .offer-wrapper {
    float: left;
    padding: 6px;
    width: 25%;
    height: 299px;
}

.subpage-product-view .files-wrapper {
    margin-top: 55px;
    border-top: 1px solid #e4e4e4;
}

.subpage-product-view .files-wrapper li {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

.subpage-product-view .files-wrapper li a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.subpage-product-view .icon-wrapper {
    float: left;
    margin: 24px 0;
    width: 40px;
    height: 40px;
}

.subpage-product-view .icon-wrapper.pdf {
    background: url('../images/icons/ico-pdf.png') no-repeat center transparent;
}

.subpage-product-view .icon-wrapper.word {
    background: url('../images/icons/ico-word.png') no-repeat center transparent;
}

.subpage-product-view .icon-wrapper.zip {
    background: url('../images/icons/ico-zip.png') no-repeat center transparent;
}

.subpage-product-view .icon-wrapper.xls {
    background: url('../images/icons/ico-xls.png') no-repeat center transparent;
}

.subpage-product-view .icon-wrapper.all {
    background: url('../images/icons/ico-all.png') no-repeat center transparent;
}

.subpage-product-view .text-wrapper .file-name {
    padding: 31px 62px;
    color: #004b92;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
}

.subpage-product-view li .text-wrapper {
    position: relative;
    background: url(../images/news_arrow.png) no-repeat right 33px transparent;
    transition: 1s all;
}

.subpage-product-view li:hover .text-wrapper {
    background: url(../images/news_arrow.png) no-repeat right -116px transparent;
    transition: 1s all;
}

.subpage-product-view .see-more {
    padding-top: 74px;
    width: 100%;
    height: 185px;
}

#sitemap ul {
}

#sitemap ul li {
}

#sitemap ul ul,
#sitemap ul ul li,
#sitemap ol ul li,
#sitemap ol ul {
    list-style: none;
}

.bluebox-wrapper form label:not(.error) {
    padding: 10px;
    color: white;
}

.bluebox-wrapper form img {
    max-width: 100%;
}

.bluebox-wrapper form .form-group.multitext {
    text-align: center;
}

.bluebox-wrapper form .form-group.multitext > div {
    margin-bottom: 10px;
}

.bluebox-wrapper form .white-background {
    margin-bottom: 10px;
    background-color: white;
}

.bluebox-wrapper form .mutli-inputs {
    padding: 0;
}

.bluebox-wrapper form .mutli-inputs input {
    margin-bottom: 5px;
}

.bluebox-wrapper form .form-toggle-slide {
    margin-bottom: 15px;
}

#agree-error, #agree2-error,
.error {
    padding-top: 5px;
    color: red;
    font-weight: bold;
    font-size: smaller;
}

#agree-error, #agree2-error {
    display: block;
    padding-left: 0;
}

.ok {
    padding-top: 5px;
    color: #4ae000;
    font-weight: bold;
    font-size: smaller;
}

.clone-ul-select {
    max-width: 100%;
    width: 100%;
}

#refresh_img {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.apla_video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../images/film.png') no-repeat center transparent;
}

li:hover .apla_video {
    display: none;
}

#popup-form {
    position: relative;
    float: left;
    margin-bottom: 34px;
}

#popup-form a.fancyboxhd {
    margin: 0;
    padding: 0 20px 0 0;
    width: auto;
    height: 48px;
    border: 1px solid #005bb1;
    border-radius: 0;
    background: #005bb1;
    color: #fff;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 51px;
    cursor: pointer;
}

#popup-form a.fancyboxhd:hover {
    background: #004b92;
}

#popup-form a.fancyboxhd .left-icon {
    display: block;
    float: left;
    padding: 0 15px;
    width: 62px;
    height: inherit;
    background: url(../images/icons/ico-tractor2.png) no-repeat 20px 12px transparent;
    background-size: 25px;
}

#fancybox-content .contact-wrapper.popup-pomp input.btn-send {
    color: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.fancybox-inner iframe {
    width: 100%;
    height: 100%;
}

#fancybox-left,
#fancybox-right {
    display: none;
}

.popup-pomp {
    overflow: auto;
    height: 600px;
}

.popup-pomp div#info,
.popup-pomp div#info a {
    color: #fff;
}

.popup-pomp,
.popup-pomp font,
.popup-pomp b {
    color: #fff;
}

.popup-pomp select {
    height: 40px;
}

div#info {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
}

#filter_category_box .col-sm-4 {
    margin-bottom: 15px;
}

.ui-widget-content {
    z-index: 9999;
}

#contactForm .form-group .checkbox,
#categoryForm .form-group .checkbox {
    height: 40px;
    font-size: 14px;
}

#contactForm .form-group .checkbox .checkbox-container,
#categoryForm .form-group .checkbox .checkbox-container {
    margin-top: 2px;
    text-align: center;
}

#contactForm .form-group .checkbox div.icheckbox_minimal-custom,
#categoryForm .form-group .checkbox div.icheckbox_minimal-custom {
    margin-top: -3px;
}

#contactForm .form-group .checkbox label,
#categoryForm .form-group .checkbox label {
    margin-top: 4px;
    padding: 0;
}

#contactForm .form-group .checkbox label {
    color: #757779;
}

#categoryForm .form-group .checkbox label {
    color: #fff;
}

/* popup newsletter */

.newsletter-popup-wrapper {
    position: fixed;
    z-index: 1000;
    opacity: 0;
    transition-duration: 0.3s;
    pointer-events: none;
}

.newsletter-popup-wrapper .newsletter-apla {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);

}

.newsletter-popup {
    position: fixed;
    top: 0;
    left: 50%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    min-width: 310px;
    max-width: 990px;
    max-height: 90%;
    width: 90%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    transition-duration: 0.3s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.newsletter-popup .newsletterInPopup input[type="text"] {
    height: 37px;
    border: 1px solid rgba(39, 39, 39, 0.3);
}

.newsletter-popup h3 {
    color: #272727;
}

.modal-header .close:hover {
    opacity: 1;
}

.modal-header .close {
    float: right;
    margin-top: -12px;
    color: #000;
    font-size: 26px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

button.close {
    padding: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
}

.newsletter-popup .text-center {
    text-align: center;
}

.newsletter-popup .newsletterInPopup button.btn-success {
    float: none;
    clear: both;
    overflow: hidden;
    /*border-color: #255625;*/
    padding: 0 30px;
    width: auto;
    border: 0;
    border: none;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
    background-color: #005bb1;
    background-image: none;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
}

.newsletter-popup .checkbox.no-margin {
    padding: 20px 0 0;
    line-height: 18px;
}

.newsletter-popup .checkbox div:not(.icheckbox_minimal-red) {
    display: inline;
}

.newsletter-popup .newsletterInPopup {
    height: auto;
}

.clear {
    clear: both;
}

.newsletter-popup hr {
    margin: 10px 0;
}

.top-50 {
    top: 50%;
}

/*.form-control {*/
/*display: block;*/
/*width: 100%;*/
/*height: 34px;*/
/*padding: 6px 12px;*/
/*font-size: 14px;*/
/*line-height: 1.42857143;*/
/*color: #555;*/
/*background-color: #fff;*/
/*background-image: none;*/
/*border: 1px solid #ccc;*/
/*border-radius: 4px;*/
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
/*-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;*/
/*-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
/*transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
/*}*/

/*.input-group-addon {*/
/*padding: 6px 12px;*/
/*font-size: 14px;*/
/*font-weight: 400;*/
/*line-height: 1;*/
/*color: #555;*/
/*text-align: center;*/
/*background-color: #eee;*/
/*border: 1px solid #ccc;*/
/*border-radius: 4px;*/
/*}*/

/*.input-group {*/
/*position: relative;*/
/*display: table;*/
/*border-collapse: separate;*/
/*}*/

/*.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {*/
/*border-top-left-radius: 0;*/
/*border-bottom-left-radius: 0;*/
/*}*/

/*.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {*/
/*border-top-right-radius: 0;*/
/*border-bottom-right-radius: 0;*/
/*}*/

/*.input-group .form-control, .input-group-addon, .input-group-btn {*/
/*display: table-cell;*/
/*}*/

/*.input-group-addon, .input-group-btn {*/
/*width: 1%;*/
/*white-space: nowrap;*/
/*vertical-align: middle;*/
/*}*/

/*.input-group .form-control {*/
/*position: relative;*/
/*z-index: 2;*/
/*float: left;*/
/*width: 100%;*/
/*margin-bottom: 0;*/
/*}*/

.newsletter-popup-wrapper, .newsletter-popup-wrapper *, *:before, *:after {
    box-sizing: border-box;
}

.newsletter-popup-wrapper .error {
    display: block;
    color: #f00;
}

.modal-body {
    position: relative;
    padding: 15px 0;
}

label.consent,
label.consent2 {
    padding-left: 0;
    letter-spacing: 0.005em;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.newsletter-desc {
    padding-left: 0;
    letter-spacing: 0.005em;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
}

label.consent .icheckbox_minimal-red,
label.consent2 .icheckbox_minimal-red {
    margin-right: 10px;
}

