body {
    font-family: Proxima Nova;
}
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}
.main-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}
.main-container>.row {
    margin-left: 0;
    margin-right: 0;
}
.display-none {
    display: none!important;
}
.display-block {
    display: block!important;
}

/*header*/
header {
    position: fixed;
    z-index: 994;
    background: #fff;
    width: 100%;
    top: 0;
    transition: top .5s ease-out;
}
.animated-header {
    top: -94px;
}
.header-top {
    padding-top: 24px;
    padding-bottom: 19px;
    display: flex;
    justify-content: space-between;
}
.top-links {
    float: right;
}
.top-link {
    display: inline-block;
    color: #23b0e6;
    font-size: 14px;
    margin: 9px 0 0 40px;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.top-login {
    display: flex;
    flex-direction: column;
    color: #0477a6;
    font-size: 14px;
    position: relative;
    line-height: 19px;
    margin-right: 196px;
    margin-top: 4px;
}

.top-login span {
    font-weight: 700;
}

.top-login::before {
    background: url("../img/top-icon-1.png");
    background-size: cover; 
    content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 3px; 
    top: 5px;
    left: -41px; 
} 

.cabinet {
    color: #0477a6;
}
.search {
    cursor: pointer;
}
.phone {
    color: #000000;
    font-size: 16px;
}
.top-link:before {
    background: url("../img/top-icon-4.png");
}
.cabinet:before {
    background: url("../img/top-icon-1.png");
}
.help:before {
    background: url("../img/top-icon-2.png");
}
.search:before {
    background: url("../img/top-icon-3.png");
}
.top-link:before {
    content: '';
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    position: relative;
    background-size: cover;
    bottom: 3px;
    margin-right: 10px;
}
.header-top-wrapper {
    border-top: 3px solid #23b0e6;
    border-bottom: 1px solid #e3e3e3;
}
a.top-link:hover {
    text-decoration: none;
    color: #5dd2ff;
}
.top-link:hover:before {
    background-position: 0 100%;
}
.top-nav-wrapper {
    padding: 0;
}
.menu-button {
    border: 0;
    background: #fff;
    margin-top: 20px;
    overflow: visible;
}
.menu-button .touch-button {
    width: 21px;
    height: 21px;
}
header nav {
    margin: 17px auto;
    float: right;
}
header nav a {
    color: #3e8eac;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 42px;
    border-right: 1px solid #e3e3e3;
    letter-spacing: 1px;
    display: block;
    float: left;
}
header nav a:hover {
    color: #23b0e6;
    text-decoration: none;
}
header nav a:first-child {
    border-left: 1px solid #e3e3e3;
}
/*header*/

/*search*/
#search {
    width: 1325px;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    float: right;
    display: none;
}
#search .form-group {
    width: 100%;
    display: block;
    margin-bottom: 0;
}
#search .form-group input {
    border-radius: 0;
    padding: 0 5px 0 50px;
    width: 100%;
    background: #F2F2F2;
    box-shadow: none;
    border: 0;
    height: 60px;
    color: #C0C0C0;
}
.navbar-form button {
    width: 16px;
    height: 16px;
    border: 0;
    padding: 0;
    box-shadow: none;
    position: absolute;
    left: 20px;
    bottom: 22px;
    opacity: .4;
    background: url("../img/icon-looking.png") no-repeat;
    background-size: contain;
}
#shutsearch {
    display: block;
    background: url("../img/icon-close-looking.png") no-repeat;
    background-size: contain;
    width: 16px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    right: 23px;
    bottom: 22px;
    z-index: 1000;
}
#search.search-open {
    display: block;
}
/*search*/

/*flexnav*/
.flexnav {
    overflow: visible;
}
.flexnav.opacity {
    padding-left: 0;
    opacity: 1;
}
.flexnav > li {
    border-bottom: 1px solid #d9d9d9;
}
.flexnav li {
    list-style: none; /*? N‘????? N—???‚? A°? ?†? A»? Aµ? ?…? N‘? Aµ ? A±? A°? N–? A° ? ?† ie*/
    z-index: 1000;
}
.flexnav li {
    z-index: 1000;
}
.flexnav ul {
    background: #f0f0f0;
}
.flexnav > li > ul {
    padding: 0;
}
.flexnav li a {
    background: #f0f0f0;
    color: #5b5b5b;
    font-size: 14px;
    border-bottom: 0;    
}
.flexnav > li > a {
    text-transform: uppercase;
    padding: 17px 35px;
    font-weight: 700;
}
.flexnav > li:first-child > a {
    padding-top: 20px;
}
.flexnav.with-js li ul li a {
    background: #f0f0f0;
    font-weight: 400;
    line-height: 1.1;
    padding: 10px 35px;
}
.flexnav > li > ul > li:last-child a {
    padding-bottom: 20px;
}
.flexnav ul ul > li {
    padding-left: 17px;
}
.flexnav ul {
    padding-left: 0!important;
}
.flexnav ul ul{
    padding-left: 17px!important;
}
.flexnav .touch-button {
    width: 100%;
    background: transparent;
    height: 100%;
}

.order-tree .touch-button {
    width: 100%;
    background: transparent;
    height: 100%;
}

.navicon {
    display: none;
}
.flexnav > li > ul > li .item-with-ul > a:before {
    content: '';
    display: block;
    float: left;
    width: 6px;
    height: 8px;
    position: relative;
    background: url("../img/arrows-submenu.png");
    background-size: cover;
    margin: 4px 14px 0 0;
}
.flexnav a:hover {
    text-decoration: none;
    color: #23b0e6;
}
.flexnav .touch-button:hover + a {
    text-decoration: none;
    color: #23b0e6;
}
.flexnav .touch-button:hover + a:before {
    background-position: 0 33%;
}
.flexnav .touch-button.active + a {
    font-weight: 700;
}
.flexnav .touch-button.active + a:before {
    background-position: 0 66%;
}
.flexnav .touch-button.active:hover + a:before {
    background-position: 0 100%;
}

.order-tree {
    max-height: 2000px;
    padding-bottom: 38px;
    border-bottom: 1px dotted #dddddd;
    margin-bottom: 44px;
}

.order-tree ul{
    background: #fff;
    padding-left: 6px;
    
}

.order-tree li a {
    background: #fff;
    font-size: 16px;
    color: #5b5b5b;
    font-weight: 600;
    position: relative;
    padding-left: 22px;
}

.order-tree li a:before {
    position: absolute;
    content: '';
    background: url('../img/plus.svg') no-repeat 0 0;
    width: 14px;
    height: 14px;
    top: 30%;
    left: 0;
}


.order-tree .flexnav-show a {
    font-weight: 600;
}

.order-tree.with-js li ul li a {
    background: #fff;
    
}

/*flexnav*/

.main-wrapper {
    margin-top: 154px;
}
.main-wrapper > nav {
    width: 335px;
    height: 100%;
    background: #f0f0f0;
    position: fixed;
    margin-left: -335px;
    transition: all .5s ease-in-out;
    z-index: 100;
    overflow: auto;
    top: 0;
    padding-top: 154px;
}
.main-content {
    transition: all .5s ease-in-out;
}

/*???‚? A°????? N”???‚??a€???a€s? N‘? Aµ ? N?? Aµ? ?…???‹*/
.menu-open nav {
    margin-left: 0;
}
.menu-open .main-content {
    margin-left: 335px;
}
/*???‚? A°????? N”???‚??a€???a€s? N‘? Aµ ? N?? Aµ? ?…???‹*/

/*flexslider*/
.flexslider-wrapper {
    overflow: hidden;
}
.flexslider {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-bottom: 100px;
}
.flexslider1 .slides>li {
    background: url("../img/slide-banner.jpg");
    /*-webkit-animation: sliderMotion 7s ease infinite;
    animation: sliderMotion 7s ease infinite;*/
}
@-webkit-keyframes sliderMotion {
    from {
        background-position: left;
    }
    to {
        background-position: right;
    }
}
@keyframes sliderMotion {
    from {
        background-position: left;
    }
    to {
        background-position: right;
    }
}
.flexslider1 .slides>li {
    background-size: cover;
    background-position: 0% 50%;
}
.flexslider-content {
    background: #23b0e6;
    height: 548px;
    padding: 213px 45px 0;
    /*-webkit-animation: sliderOpacity .5s ease 7s infinite;
    animation: sliderOpacity .5s ease 7s infinite;*/
}
@-webkit-keyframes sliderOpacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes sliderOpacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.flexslider-content-title {
    font-family: PFDinTextCondPro;
    color: #ffffff;
    font-size: 40px;
    padding: 30px 0 20px;
    text-transform: uppercase;
}
.flexslider-content-body {
    color: #ffffff;
    font-size: 21px;
    margin-right: 31%;
}
.flexslider .flexslider-content .flexslider-snow {
    width: 36px;
}
.flexslider-line {
    width: 100%;
    height: 10px;
    margin-bottom: 30px;
    position: relative;
}
.flexslider-line-left {
    float: left;
    width: 50%;
    height: 100%;
    background: url("../img/arrow-line-1.png") left no-repeat;
    background-size: auto 10px;
}
.flexslider-line-center {
    height: 100%;
    width: 49%;
    float: left;
    background-color: #0abeef;
}
.flexslider-line-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/arrow-line-2.png") right no-repeat;
    background-size: auto 10px;
}
.flex-direction-nav .flex-prev {
    background: url("../img/arrow-slider-left.png");
    background-size: cover;
}
.flex-direction-nav .flex-next {
    background: url("../img/arrow-slider-right.png");
    background-size: cover;
}
.flex-direction-nav a {
    width: 43px;
    height: 50px;
    margin: -25px 0 0;
    -webkit-transition: background-position 0s;
    -moz-transition: background-position 0s;
    -ms-transition: background-position 0s;
    -o-transition: background-position 0s;
    transition: background-position 0s;
}
.flex-direction-nav a:hover {
    background-position: 0 100%;
}
.flex-direction-nav a:before {
    display: none;    
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0px;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0px;
}
.flex-control-paging li a {
    width: 7px;
    height: 7px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: #e7e7e7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.flex-control-paging li a:hover {
    background: #38d4ff;
}
.flex-control-paging li a.flex-active {
    background: #23b0e6;
}
.flex-control-nav {
    bottom: -38px;
}
.flex-control-nav li {
    margin: 0 5px;
}
.flex-direction-nav .flex-prev {
    left: -43px;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.flex-direction-nav .flex-next {
    right: -43px;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -ms-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
/*flexslider*/

.banner-menu-wrapper {
    margin-bottom: 75px;
    overflow: hidden;
}
.banner-menu-wrapper .banner-menu {
    margin-left: -8px;
    margin-right: -8px;
}
.banner-menu-items-wrapper {
    padding: 0;
    overflow: hidden;
}
.banner-menu-item-wrapper {
    padding: 8px;
    overflow: hidden;
}
.product-1 .banner-menu-item-inside {
    background: url("../img/built-in-new.jpg");
    background-size: cover;
}
.product-2 .banner-menu-item-inside {
    background: url("../img/tanker.jpg");
    background-size: cover;
}
.product-3 .banner-menu-item-inside {
    background: url("../img/chests.jpg");
    background-size: cover;
}
.product-4 .banner-menu-item-inside {
    background: url("../img/equipmentt.jpg");
    background-size: cover;
}
.product-5 .banner-menu-item-inside {
    background: url("../img/shelving-systems.jpg");
    background-size: cover;
}
.banner-menu-item {
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding: 0;
    background-size: cover;
    display: block;
    font-family: PFDinTextCondPro;
    color: #23b0e6;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative;
}
.col-md-6 > .banner-menu-item-subwrapper .banner-menu-item {
    font-size: 18px;
}
.banner-menu-item:before {
    content: "";
    padding-top: 100%;
    float: left;
}
.banner-menu-item-div-before img {
    width: 100%;    
}
.banner-menu-img-blackout {
    position: absolute;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.banner-menu-item-subwrapper:hover .banner-menu-item .banner-menu-img-blackout {
    background: rgba(35, 176, 230, 0.8);
}
.banner-menu-item-div {
    position: absolute;
    bottom: 6%;
    left: 6%;
    display: table;
    transition: all 0s linear .2s;
}
.banner-menu-item-div span {
    vertical-align: middle;
    display: table-cell;
}
.col-md-6 > .banner-menu-item-subwrapper .banner-menu-item-div {
    bottom: 3%;
    left: 3%;
}
.banner-menu-item-div-before {
    float: left;
    width: 75px;
    height: 75px;
    margin-right: 20px;
}
.col-md-6 > .banner-menu-item-subwrapper .banner-menu-item-div-before {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.banner-menu-item-subwrapper:hover .banner-menu-item-div {
    opacity: 0;
    transition: none;
}
.banner-menu-item-subwrapper-before img {
    width: 100%;
}
.banner-menu-item-subwrapper {
    overflow: hidden;
}
.banner-menu-item-subwrapper-before {
    position: absolute;
    background-size: cover;
    z-index: 1;
    left: 50%;
    top: 50%;
    opacity: 0;
    width: 150px;
    height: 150px;
    margin-left: -75px;
    margin-top: -75px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.col-md-6 > .banner-menu-item-subwrapper .banner-menu-item-subwrapper-before {
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
}
.banner-menu-item-inside {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
    top: 0; /*? Aµ????? A»? N‘ ? N”? A°???‚??a€s? N‘? ?…? N”? N‘ ? ?†? N?? Aµ??????a€s? N• ??a€z? N•? ?…? A° (? ?…? N• ? N‘ ??a€z? N•? ?…??N“ ? ?…? Aµ ? N?? Aµ??a‚¬? A°? Aµ??a€s)*/
}
img.banner-menu-item-inside { /*? Aµ????? A»? N‘ ? N”? A°???‚??a€s? N‘? ?…? N”? N‘ ? ?†? N?? Aµ??????a€s? N• ??a€z? N•? ?…? A°*/
    width: 100%;
    height: auto;
    position: static;
}
.banner-menu-item-subwrapper:hover .banner-menu-item-inside {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.banner-menu-item-subwrapper:hover .banner-menu-item-subwrapper-before {
    opacity: 1;
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.short-container {
    width: 940px;
    margin: 0 auto 70px;
    padding: 0;
    overflow: hidden;
}
.callboard-wrapper {
    padding: 0;
    overflow: hidden;
    margin-bottom: 90px;
}
.callboard.row {
    margin-left: -9px;
    margin-right: -9px;
    padding: 0 1px;
}
.callboard-item-wrapper {
    padding: 0 9px;
}
.callboard-img img {
    width: 100%;
}
.main-info-title {
    font-family: PFDinTextCondPro;
    color: #23b0e6;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.main-info-column p {
    color: #000000;
    font-size: 15px;
    margin-bottom: 20px;
}
.main-info-more {
    text-align: right;
}
.main-info-more a {
    color: #23b0e6;
    font-size: 14px;
    font-weight: 600;
}
.main-info-more a:hover {
    text-decoration: none;
    color: #7abdd7;
}
.callboard-item-title {
    font-family: PFDinTextCondPro;
    color: #23b0e6;
    font-size: 18px;
    text-transform: uppercase;
    margin: 15px 0 5px;
}
.callboard-item-body {
    color: #060606;
    font-size: 13px;
    display: block;
}
.callboard-item-body:hover {
    color: #060606;
    text-decoration: none;
}
.callboard-img {
    overflow: hidden;
    display: block;
    position: relative;
}
.callboard-item img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.callboard-item:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.callboard-img-blackout {
    position: absolute;
    top: 3%;
    left: 2%;
    width: 96%;
    height: 94%;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.callboard-item:hover .callboard-img-blackout {
    background: rgba(35, 176, 230, 0.8);
}
.callboard-img:before {
    content: '';
    background: url('../img/news-icon-more.png') no-repeat;
    width: 66px;
    height: 66px;
    position: absolute;
    background-size: cover;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: -33px;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.callboard-item:hover .callboard-img:before {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.bottom-links-wrapper {
    background: #23b0e6;
    padding: 40px 0;
    margin-bottom: 110px;
    margin-top: 90px;
}
.bottom-link-wrapper {
    padding: 0 10px;
}
.bottom-link:hover {
    text-decoration: none;
}
.bottom-link-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 13px 0 10px;
}
.bottom-link-body {
    color: #d3d3d3;
    font-size: 12px;
    line-height: 1.2;
}
.support-center:before {
    background: url("../img/icon-bottom-1.png");
}
.become-partner:before {
    background: url("../img/icon-bottom-2.png");
}
.find-dealer:before {
    background: url("../img/icon-bottom-3.png");
}
.download-info:before {
    background: url("../img/icon-bottom-4.png");
}
.bottom-link:before {
    content: '';
    display: block;
    float: left;
    width: 69px;
    height: 69px;
    position: relative;
    background-size: cover;
    margin-right: 10px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.callboard-item img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.bottom-link:hover:before {
    -webkit-transform: scale(1.11);
    -moz-transform: scale(1.11);
    -o-transform: scale(1.11);
    transform: scale(1.11);
}

/*footer*/
.footer-wrapper {
    background: #e9e9e9;
    padding: 50px 0 55px;
}
.logo-footer {
    display: block;
    margin-top: 7px;
}
.opk-line {
    width: 100%;
    max-width: 437px;
    display: block;
    margin: 60px 0 32px;
}
.years {
    color: #858585;
    font-size: 14px;
}
.footer-title {
    font-family: PFDinTextCondPro;
    color: #23b0e6;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 19px;
}
.site-wrapper {
    margin-bottom: 71px;
}

@media (max-width: 969px) {
.site-wrapper {
    margin-bottom: 13px !important;
   }
}

.site {
    color: #23b0e6;
    font-size: 14px;
}
.site:hover {
    color: #7abdd7;
    text-decoration: none;
}
.insta {
    width: 32px;
    margin-right: 18px;

}
.fb {
    width: 30px;
    margin-right: 18px;
    margin-top: 1px;
}
.youtube {
    width: 30px;
    margin: 1px;
}
.share a {
    display: block;
    float: left;
}
.share a:hover {
    opacity: .8;
}
.contacts div {
    color: #858585;
    font-size: 14px;
}
.contacts a {
    color: #23b0e6;
    font-size: 14px;
}
.contacts a:hover {
    color: #7abdd7;
    text-decoration: none;
}
.mage-wrapper {
    margin-top: 57px;
}
.mage {
    color: #c1c3c5;
    font-size: 13px;
}
.mage:hover {
    color: #00a0c8;
    text-decoration: none;
}
.mage:before {
    content: '';
    display: block;
    float: left;
    width: 32px;
    height: 30px;
    position: relative;
    background: url("../img/mage-logo.png");
    background-size: cover;
    margin-right: 10px;
}
.mage:hover:before {
    background-position: 0 100%;
}
.mage span {
    padding-top: 6px;
    display: block;
}

/*about*/
.header-all {
    border-bottom: 1px solid #e3e3e3;
}
.crumbs li {
    list-style: none;
    display: inline;
}
.crumbs a {
    color: rgb(133, 133, 133);
    font-size: 13px;
    letter-spacing: 1px;
}
.crumbs a:hover {
    color: #00a0c8;
    cursor: pointer;
    text-decoration: none;
}
.crumbs li:after {
    content: '>';
    color: #6BD6FF;
    font-size: 14px;
    margin: 0 4px 0 8px;
}
.crumbs li:last-child span {
    color: #7abdd7;
}
.crumbs li:last-child:after {
    content: none;
}
.crumbs span {
    position: static;
    font-size: 13px;
    letter-spacing: 1px;
}
.internal-main {
    height: 336px;
    background: url("../img/about-main.jpg") center;
    background-size: cover;
    text-align: center;
    margin-bottom: 60px;
}
h1 {
    font-size: 75px;
    font-family: "PFDinTextCondPro";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    margin: 80px 0 52px;
    font-weight: 300;
}
.internal-main a {
    font-size: 15px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 8px 18px;
    letter-spacing: 1px;
    white-space: nowrap;
    margin-bottom: 7px;
    display: inline-block;
}
.internal-main .active {
    text-decoration: none;
    background-color: rgb(35, 176, 230);
    color: #fff;
}
.internal-menu-wrapper {
    display: none;
}
h2 {
    font-size: 36px;
    font-family: "PFDinTextCondPro";
    color: rgb(35, 176, 230);
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 30px;
}
h3 {
    font-size: 24px;
    font-family: "PFDinTextCondPro";
    color: rgb(35, 176, 230);
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 30px;
}
.short-container p {
    font-size: 15px;
    color: rgb(30, 31, 31);
    margin-bottom: 30px;
}
.main-content .crumbs {
    margin: 0;
    padding: 20px 15px 20px 0;
}
.main-content .crumbs li span{
    position: static;
}
a {
    color: #23b0e6;
}
a:hover {
    color: #7abdd7;
    text-decoration: none;
}
.short-container .ul-standard {
    padding-left: 10px;
    margin-bottom: 30px;
    margin-left: 15px;
}
.short-container .ul-standard li {
    color: #23b0e6;
    font-size: 22px;        
    list-style-image: url(../img/list-style.png);
    line-height: 1.2;
}
.short-container span {
    color: #000000;
    font-size: 15px;
}
.short-container .ol-standard {
    list-style-type: none;
    counter-reset: item;
    padding-left: 10px;
}
.short-container .ol-standard li {
    color: #000000;
    font-size: 16px;
    line-height: 1.2;
    padding: 2px 0;
}
.short-container .ol-standard li:before {
    content: counter(item) ' ';
    counter-increment: item;
    width: 17px;
    display: inline-block;
    font-weight: 600;
    color: #23b0e6;
}
.short-container .li-header {
    margin-bottom: 10px;
}
.short-container .selected-text {
    font-size: 18px;
    color: rgb(35, 176, 230);
    margin: 40px 0;
}
.short-container .selected-text p {
    margin-bottom: 0;
}
.short-container img {
    width: 100%;
    height: auto;
}
.img-description {
    font-size: 16px;
    color: rgb(35, 176, 230);
    text-align: center;
    margin-top: 20px;
}
.table-wrapper table {
    width: 100%;
}
.short-container .table-title {
    margin: 60px 0 20px;
}
.table-wrapper {
    overflow: auto;
    position: relative;
}
th {
    background-color: rgb(122, 189, 215);
    color: #fff;
    font-size: 15px;
    padding: 13px 20px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}
td {
    color: #000000;
    font-size: 14px;
    padding: 13px 20px;
}
tr:nth-child(even) {
    background: #EFEFEF;
}
.main-fluid-main {
    overflow: visible;
}
.table-instruction {
    display: none;
}
.selected-text-wrapper {
    background: rgb(239, 239, 239);
}
.internal-page .short-container {
    margin-bottom: 0;
}
.selected-text-wrapper {
    margin: 40px 0 75px;
}
.internal-page .bottom-links-wrapper {
    margin-top: 110px;
}
.menu-open .crumbs {
    padding-left: 15px;
}
.menu-open .bottom-links-wrapper {
    padding-left: 15px;
}
.menu-open .short-container {
    padding-left: 15px;
}
.internal-main .main-container {
    padding-top: 1%;
}


/*catalog1*/
.catalog .banner-menu-wrapper .banner-menu {
    margin-left: -14px;
    margin-right: -14px;
}
.catalog .banner-menu-item-wrapper {
    padding: 14px;
}

/*catalog2*/
.header-two {
    font-size: 54px;
}
.advantages-wrapper {
    margin-top: 60px;
    text-align: center;
}
.advantage-wrapper {
    float: left;
    width: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;	
}
.advantage {
    font-size: 13px;
    color: rgb(122, 122, 122);
    text-transform: uppercase;
    text-align: center;
    margin: 0 40px;
}
/*.bureau:before {
    background: url("../img/bureau.png") no-repeat;
}
.lab:before {
    background: url("../img/lab.png") no-repeat;
}*/
.advantage-before {
    display: block;
    width: 97px;
    height: 97px;
    position: relative;
    background-size: cover;
    margin: 0 auto 20px;
}
.advantage-before img {
    width: 100%;
}
/*.catalog2 .banner-menu-item-div:before {
    content: none;
}*/
.catalog.catalog2 .banner-menu-item-div span {
    margin-top: 0;
}
.catalog .product-6 .banner-menu-item-inside {
    background-size: cover;
}
.catalog .product-7 .banner-menu-item-inside {
    background-size: cover;
}
.catalog2 .product-1 .banner-menu-item-inside {
    background-size: cover;
}
.catalog2 .product-2 .banner-menu-item-inside {
    background-size: cover;
}
.catalog2 .product-3 .banner-menu-item-inside {
    background-size: cover;
}
.catalog2 .product-4 .banner-menu-item-inside {
    background-size: cover;
}
.catalog2 .product-5 .banner-menu-item-inside {
    background-size: cover;
}
.catalog2 .product-1 .banner-menu-item:before {
    padding-top: 37.75%;
}
.catalog2 .banner-menu-item:before {
    padding-top: 49.42%;
}
.catalog2 .banner-menu-item-subwrapper .banner-menu-item-div {
    right: 10%;
    bottom: 10%;
    left: auto;
    top: auto;
}
.catalog2 .banner-menu-item-div-before {
    display: block;
    float: none;
}
.catalog2 .banner-menu-item-subwrapper.product-1 .banner-menu-item {
    font-size: 33px;
}
.catalog2 .banner-menu-item {
    font-size: 15px;
}
.catalog2 .banner-menu-item-div span {
    vertical-align: middle;
    display: block;
    margin-top: 8%;
}
.catalog2 .product-1 .banner-menu-item-div span {
    margin-top: 6%;
}
.catalog2 .banner-menu-wrapper {
    margin-bottom: 100px;
}
.catalog2 .banner-menu-img-blackout {
    display: none;
}
.catalog2 .banner-menu-item-subwrapper:hover .banner-menu-item-inside {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.catalog2 .banner-menu-item-subwrapper:hover .banner-menu-item-div {
    opacity: 1;
}
.catalog2 .banner-menu-item-subwrapper:before {
    content: none;
}
.catalog2 .product-6 .banner-menu-item-inside {
    background-size: cover;
}

/*catalog3*/
.catalog3-banner-menu-wrapper {
    height: 410px;
    display: block;
    color: #fff;
}
.catalog3-banner-menu-wrapper:hover {
    color: #fff;
}
.catalog3-banner-menu-img {
    height: 100%;
}
.gamma .catalog3-banner-menu-img {
    background: url("../img/gamma.jpg") center;
    background-size: cover;
}
.gamma {
    background-color: rgb(27, 177, 231);
}
.catalog3-banner-menu-body {
    height: 100%;
    padding: 0 40px;
    z-index: 1;
    position: absolute;
}
.catalog3-banner-menu-title {
    font-size: 40px;
    font-family: "PFDinTextCondPro";
    text-transform: uppercase;
    margin: 50px 0 20px;
}
.catalog3-banner-menu-text {
    font-size: 15px;
    line-height: 1.6;
}
.catalog3-banner-menu-icons {
    position: absolute;
    left: 40px;
    bottom: 35px;
    z-index: 1;
}
.catalog3-banner-menu-body-wrapper {
    height: 100%;
    padding: 0;
}
.catalog3-banner-menu-body:before {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    background: url("../img/more-icon-series.png") no-repeat;
    background-size: contain;
    position: absolute;
    right: 40px;
    bottom: 35px;
    z-index: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.catalog3-banner-menu-wrapper:hover .catalog3-banner-menu-body:before {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.catalog .catalog3-banner-menu-wrapper .banner-menu-img-blackout {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.catalog3-banner-menu-wrapper:hover .banner-menu-img-blackout {
    background: rgba(0, 89, 123, 0.4);
}
.catalog3-banner-menu-wrapper > div:first-child {
    height: 100%;
    overflow: hidden;
    padding: 0;
}
.catalog3-banner-menu-wrapper .catalog3-banner-menu-img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.catalog3-banner-menu-wrapper:hover .catalog3-banner-menu-img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.catalog3-banner-menu-icons img {
    display: block;
    float: left;
    margin-right: 11px;
    width: 48px;
}
.catalog3-banner-menu-wrapper:nth-child(n+2) {
    margin-top: 75px;
}
.gamma-quadro .catalog3-banner-menu-img {
    background: url("../img/gamma-quadro.jpg") center;
    background-size: cover;
}
.gamma-quadro {
    background-color: rgb(159, 179, 203);
}
.elegia-quadro .catalog3-banner-menu-img {
    background: url("../img/elegia-quadro.jpg") center;
    background-size: cover;
}
.elegia-quadro {
    background-color: rgb(80, 111, 149);
}

/*catalog4*/
.internal-page .banner-menu-wrapper .banner-menu {
    margin-left: -1%;
    margin-right: -1%;
}
.internal-page .banner-menu-item-wrapper {
    padding: 1%;
}
.internal-page .banner-menu-item-subwrapper:before {
    content: '';
    position: absolute;
    background-size: cover;
    z-index: 1;
    left: 50%;
    top: 50%;
    opacity: 0;
    width: 65px;
    height: 65px;
    background: url('../img/news-icon-more.png') no-repeat;
    background-size: cover;
    margin-left: -32px;
    margin-top: -32px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.internal-page .banner-menu-item-subwrapper:hover:before {
    opacity: 1;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.internal-page .banner-menu-item-subwrapper {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
}
.internal-page .banner-menu-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.banner-menu-item-title {
    font-size: 16px;
    color: rgb(27, 176, 232);
    text-transform: uppercase;
    margin: 10px 0 40px;
}
.internal-page .banner-menu-wrapper {
    margin-top: 40px;
}
.internal-page .banner-menu-wrapper + .bottom-links-wrapper {
    margin-top: 80px;
}

/*catalog5*/
.flexslider2 .slides li {
    height: 550px;
    background: url("../img/catalog-slide.jpg") center;
    background-size: cover;
}
.catalog4-wrapper {
    float: left;
    width: 50%;
}
.catalog4-banner-menu-icons img {
    display: block;
    float: left;
    margin-right: 14px;
    width: 60px;
}
.catalog4-banner-menu-icons {
    height: 59px;
    margin: 5px 0 40px;
}
.colors-title {
    font-size: 12px;
    color: rgb(163, 163, 163);
    text-transform: uppercase;
    float: left;
    margin: 7px 11px 0 0;
}
.color {
    float: left;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    margin: 0 2px;
}
.white {
    background: #fff;
    border: 1px solid rgb(233, 233, 233);
}
.red {
    background: #CF4646;
}
.orange {
    background: #E8CE40;
}
.green {
    background: #5ECE44;
}
.azure {
    background: #44C3CE;
}
.blue {
    background: #346BBE;
}
.catalog4-features {
    float: right;
    margin: 5px 0 0;
    width: 50%;
}
.catalog4-feature-wrapper {
    float: left;
    font-size: 12px;
    color: rgb(163, 163, 163);
    line-height: 1.2;
    text-align: center;
}
.catalog4-feature-before {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    background-size: cover;
    margin: 0 auto 14px;
}
.catalog4-feature-before img {
    width: 100%;
}
.catalog .nav-tabs {
    border-bottom: 0;
    margin-top: 60px;
    margin-bottom: 60px;
}
.catalog .nav-tabs > li:nth-child(2) {
    width: 25%;
}
.tab-pane h2 {
    margin-top: 0;
}
.catalog .nav-tabs > li {
    width: 15%;
    margin-bottom: 0;
}
.catalog .nav-tabs.nav > li a, .catalog .nav-tabs.nav > li a:hover, .catalog .nav-tabs.nav > li a:focus {
    font-size: 12px;
    color: #2D89AC;
    text-transform: uppercase;
    margin: 0;
    border-radius: 0;
    text-align: center;
    padding: 16px 0;
    background: #fff;
    letter-spacing: 1px;
    border: 1px solid #E6E6E6;
    border-left: 0;
}
.catalog .nav-tabs.nav > li a:hover {
    color: #33a9d9;
}
.catalog .nav-tabs > li:first-child a, .catalog .nav-tabs > li:first-child a:hover, .catalog .nav-tabs > li:first-child a:focus {
    border-left: 1px solid #E6E6E6;
}
.catalog .nav-tabs > li.active a, .catalog .nav-tabs > li.active a:hover, .catalog .nav-tabs > li.active a:focus {
    color: #fff;
    background: #23B0E6;
    border-color: transparent;
}
.catalog .flexslider-wrapper {
    margin-top: 20px;
}
.tab-pane.flexslider-wrapper {
    margin-top: 0;
}
.catalog th:nth-child(n+2) {
    text-align: center;
}
.catalog td:nth-child(n+2) {
    text-align: center;
}
.catalog table {
    width: 100%;
}
.flexslider3 .slides li {
    height: auto;
    background: none;
}
.flexslider3 .flex-direction-nav a {
    margin-top: -48px;
}
.slide-inside {
    height: 600px;
    background: #E8EBEC;
    width: 100%;
}
.slide-inside .short-container {
    height: 100%;
    background: url("../img/catalog-slide.jpg") center no-repeat;
    background-size: contain;
}
.slide-title {
    font-size: 16px;
    color: rgb(35, 176, 230);
    text-align: center;
    margin-top: 25px;
}
.catalog .series-items {
    margin: 0 -1.255%;
    overflow: hidden;
}
a.series-item {
    display: block;
    text-decoration: none;
}
.series-item-wrapper {
    padding: 0 1.255%;
    margin-bottom: 25px;
}
.series-img-wrapper-wrapper {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%;
}
.series-img-blackout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.series-img-wrapper-wrapper:hover .series-img-blackout {
    background: rgba(0, 0, 0, .8);
}
.heading-in .series-img-wrapper-wrapper:hover .series-img-blackout {
    background: rgba(0, 0, 0, 0);
}
.series-img-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80px;
}
.series-img-wrapper:before {
    content: '';
    background: url('../img/arrow-product-hover.png') no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    background-size: cover;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
    -webkit-filter: opacity(0);
    -moz-filter: opacity(0);
    filter: opacity(0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.series-img-wrapper-wrapper:hover .series-img-wrapper:before {
    -webkit-filter: opacity(100%);
    -moz-filter: opacity(100%);
    filter: opacity(100%);
}
.series-img-wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;    
    transition: all .2s linear;
}
.series-img-wrapper-wrapper:hover .series-img-wrapper img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.series-item .series-title {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
    display: block;
}
.series-item .series-body {
    color: #9f9f9f;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    display: block;
}
.series-items + h2 {
    margin-top: 25px;
}
.series-item .series-title.series-title-uppercase {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 10px 0 0;
}
.series-img-wrapper .vertical {
    height: 80%;
    width: auto;
    margin: 10% auto;
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
.series-img-wrapper .horizontal {
    height: 50%;
    width: auto;
    margin: 25% auto;
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.35);
}
.heading-in .series-title {
    color: #c1c1c1;
}
.heading-in .series-body {
    color: #c1c1c1;
}
.series-title {
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}
.series-item .series-body {
    font-size: 12px;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}
.series-img-wrapper-wrapper:hover .series-img-wrapper img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}
.series-img-wrapper:before {
    content: 'Скачать';
    /*content: '? ?Z? N“?  ??a€??  ?’A°? ?Z???‚?Z?  ?’A°? ?Z???‚N™? ?Z? ?‰';*/
    color: rgb(35, 175, 229);
    font-size: 18px;
    text-align: center;
    background: url('../img/icon-info-download.png') no-repeat 50% 0;
    width: 100%;
    height: auto;
    background-size: 69px;
    padding-top: 81px;
    left: 0;
    margin-left: 0;
    margin-top: -35px;
}
.doc {
    background-image: url('../img/icon-info-doc.png');
}
.xls {
    background-image: url('../img/icon-info-xls.png');
}
.pdf {
    background-image: url('../img/icon-info-pdf.png');
}
.ppt {
    background-image: url('../img/icon-info-ppt.png');
}
.jpg {
    background-image: url('../img/icon-info-jpg.png');
}
.eps {
    background-image: url('../img/icon-info-eps.png');
}
.zip {
    background-image: url('../img/icon-info-zip.png');
}
.empty {
    background-image: url('../img/icon-info-empty.png');
}
.series-text {
    display: block;
    height: 42px; /*? N‘? A·-? A·? A° ??a€s? N•? N–? N•, ??a€???a€s? N• ? ?…? Aµ ???????‚? A°? A±? A°??a€s??a€?? ?†? A°? Aµ??a€s setEqualHeight($(".series-text"));*/
}
.video-wrapper .series-img-wrapper:before {
    content: '';
    background: url('../img/icon-play-preview.png') no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    background-size: contain;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    -webkit-filter: opacity(0);
    -moz-filter: opacity(0);
    filter: opacity(0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.heading-in .series-img-wrapper-wrapper:hover .series-img-wrapper:before {
    -webkit-filter: opacity(0);
    -moz-filter: opacity(0);
    filter: opacity(0);
}
.series-text {
    display: block;
}
.video-wrapper .series-img-wrapper img {
    height: auto;
}
.video-wrapper .series-img-wrapper {
    height: auto;
    position: static;
}
.video-wrapper .series-img-wrapper-wrapper {
    padding-bottom: 0;
}
.catalog .panel-group .panel {
    margin: 0;
    border: 0;
    clear: both;
}
.catalog .series-items.panel-group {
    margin-left: 0;
    margin-right: 0;
}
.catalog .panel-body {
    padding: 10px 0 80px;
}
.catalog .panel-group .series-item-wrapper {
    padding: 0;
    margin-right: 2.572%;
    width: 23.071%;
}
.catalog .panel-body > img {
    margin-top: -20px;
}
.shut-panel {
    display: block;
    background: url("../img/icon-video-close.png") no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: 20px;
    z-index: 1000;
    top: 20px;
    position: relative;
    float: right;
    clear: both;
    margin: 0!important;
}
.heading-in .series-img-blackout {
    border: 5px solid #23B0E6;
}
.heading-in .series-img-wrapper {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
.tab-content {
    overflow: hidden;
}
.tab-pane.short-container  {
    margin-bottom: 30px;
}
.tab-pane .table-wrapper {
    margin-bottom: 30px;
}
.flexslider3 {
    margin-bottom: 70px;
}
.tab-pane .panel-group {
    margin-bottom: 0;
}
.tab-pane .contacts-form {
    margin-bottom: 10px;
}
/*service*/
.catalog2 .service-centers .banner-menu-item-inside {
    background: url("../img/service-1.jpg");
    background-size: cover;
}
.catalog2 .tech-support .banner-menu-item-inside {
    background: url("../img/service-2.jpg");
    background-size: cover;
}
.catalog2 .service-item .banner-menu-item:before {
    padding-top: 67.44%;
}
.service-item-title {
    font-size: 48px;
    font-family: "PFDinTextCondPro";
    color: rgb(254, 254, 254);
    text-transform: uppercase;
}
.service-item-body {
    font-size: 18px;
    color: rgb(254, 254, 254);
    text-transform: none;
    margin-top: 6%;
    font-family: Proxima Nova;
}
.service-item-title-before {
    width: 87px;
    height: 87px;
    display: block;
    margin-bottom: 6%;
}
.catalog .banner-menu-item .banner-menu-item-inside.banner-menu-item-inside-content {
    z-index: 1;
    background-color: transparent;
}
.service-item-title-before img{
    width: 100%;
}
.service-item .banner-menu-item .banner-menu-item-inside .banner-menu-item-div {
    left: 7%;
    right: 7%;
    top: auto;
    bottom: 9%;
}
.two-layouts .banner-menu-item .banner-menu-img-blackout {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.catalog .banner-menu-item-subwrapper.two-layouts:hover .banner-menu-item .banner-menu-item-inside {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.catalog .banner-menu-item-subwrapper.two-layouts:hover .banner-menu-item .banner-menu-item-inside-content {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}
.banner-menu-item-subwrapper.two-layouts:hover .banner-menu-item .banner-menu-img-blackout {
    background: rgba(0, 89, 123, 0.4);
}
.banner-menu-item-subwrapper.two-layouts:hover .banner-menu-item .banner-menu-img-blackout.blackout-blue-text {
    background: rgba(0, 89, 123, 0.2);
}
.banner-menu-item-subwrapper.product-square .banner-menu-item:before {
    padding-top: 100%;
}
.inside-container {
    margin-bottom: 20px;
}

/*service2*/
.cities label {
    font-size: 18px;
    color: rgb(35, 176, 230);
    font-weight: 400;
}
select {
    -webkit-appearance: none; 
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none!important;
}
select::-ms-expand {
    display: none;
}
input::-ms-clear {
    display: none;
}
.cities select {
    border: 1px solid #b7b7b7;
    width: 350px;
    height: 42px;
    color: #000000;
    font-size: 16px;
    padding: 1px 39px 0 15px;
    margin-left: 15px;
    background-image: url('../img/spisok-arrow-1.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 40px;
    background-color: #fff;
    border-radius: 0;
    -webkit-transition: background-position 0s;
    -moz-transition: background-position 0s;
    -ms-transition: background-position 0s;
    -o-transition: background-position 0s;
    transition: background-position 0s;
}
.cities .select-arrow {
    background-position: right bottom;
}
.cities select option {
    background: #fff;
}
.cities select option:hover {
    background: #EBEBEB;
}
.info .nav-tabs>li>a {
    border: 0;
    border-radius: 0;
    text-decoration: none;
    font-size: 19px;
    color: #000000;
}
.info .nav-tabs>li.active>a, .info .nav-tabs>li.active>a:focus, .info .nav-tabs>li.active>a:hover {
    background-color: #e1e1e1;
    border: 0;
    border-radius: 0;
    text-decoration: none;
    color: #9f9f9f;
}
.info .nav-tabs>li {
    margin-bottom: 27px;
}
.info .nav>li>a {
    padding: 10px 25px;
}
.info .tab-pane {
    background-color: #e1e1e1;
    padding: 60px 25px 20px;
    margin-bottom: 60px;
}
.info .nav-tabs {
    border-bottom: 0;
}
.dealers-nav {
    height: 42px;
    text-align: center;
}
.dealers-nav li {
    height: 100%;
}
.main-content .info.main-container .dealers-nav a, .main-content .info.main-container .dealers-nav a:focus, .main-content .info.main-container .dealers-nav .active a:hover {
    color: #000000;
    font-size: 16px;
    padding: 0;
    height: 22px;
    margin: 10px auto;
    width: 66px;
    border-bottom: 1px dashed #23B0E6;
    background: transparent;
}
.dealers-nav .active, .info .nav-tabs.dealers-nav .active a, .main-content .info .nav-tabs.dealers-nav .active a:focus, .main-content .info .nav-tabs.dealers-nav .active a:hover {
    border: 0;
    color: #fff;
}
.dealers-nav .active {
    background: #23B0E6;
}
.info .dealers-tab-content .tab-pane {
    padding: 0;
    background: #fff;
    margin-top: 40px;
}
.main-content .dealers-tab-content table {
    width: 100%;
}
.table-wrapper {
    overflow: auto;
    position: relative;
}
.dealers-tab-content th {
    font-size: 14px;
}
.dealers-tab-content td {
    font-size: 14px;
}
.map {
    height: 500px;
}
.map > ymaps {
    height: 100%;
}
.map > ymaps > ymaps > ymaps:nth-child(2) { /*.ymaps-2-1-38-ground-pane*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.map > ymaps > ymaps > ymaps:nth-child(3) { /*.ymaps-2-1-38-map-copyrights-promo, .ymaps-2-1-38-copyright*/
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*service4*/
.product-search {
    position: relative;
    margin-bottom: 170px;
}
.product-search-title {
    font-size: 21px;
    color: rgb(35, 176, 230);
    float: left;
    width: 9%;
    margin-top: 13px;
}
.product-search input {
    border: 1px solid rgb(202, 202, 202);
    font-size: 16px;
    color: rgb(130, 130, 130);
    padding: 15px 40px 15px 20px;
    width: 91%;
    display: block;
}
.product-search-button {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 20px;
    height: 20px;
    background: url('../img/search-product.png') no-repeat;
    background-size: cover;
    border: 0;
}
.product-search-shut {
    background-position: 0 100%;
}
.product-search input::-webkit-input-placeholder {
    color: rgb(163, 163, 163);
}
.product-search input::-moz-placeholder { /* Firefox 19+ */
    color: rgb(163, 163, 163);
}
.product-search input:-moz-placeholder { /* Firefox 18- */
    color: rgb(163, 163, 163);
}
.product-search input:-ms-input-placeholder {
    color: rgb(163, 163, 163);
}
.search-result {
    width: 91%;
    border: 1px solid #EAEAEA;
    border-top: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    background: #fff;
    z-index: 1;
    overflow: auto;
    max-height: 201px;
}
.search-product-category {
    font-size: 16px;
    color: #3e8eac;
    cursor: pointer;
    padding: 7px 20px;
}
.search-product-subcategory {
    padding: 7px 20px 7px 40px;
}
.search-product-subcategory-second {
    padding: 7px 20px 7px 60px;
}
.search-product-item {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    padding: 7px 20px 7px 80px;
}
.search-result div:hover {
    color: rgb(35, 176, 230);
}

/*service5*/
.nav-tabs.service-tabs > li {
    width: 25%;
}
.service-product-search {
    margin-bottom: 50px;
}
.service-tabs .contacts-question {
    margin-top: 0;
}
.service-tabs.nav-tabs.nav {
    margin-top: 0;
}
#questions .panel-title a, #questions .panel-title a:hover, #questions .panel-title a:focus {
    font-size: 24px;
    font-family: "PFDinTextCondPro";
    color: rgb(35, 176, 230);
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    line-height: 31px;
}
.panel-default>.panel-heading {
    background-image: none;
}
.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    border: 0;
}
#questions .panel-body {
    padding: 0 15px 15px;
}
#questions .panel-heading {
    background: #fff;
}
#questions .panel {
    box-shadow: none;
}
/*contacts*/
.no-menu {
    margin-top: 128px;
}
.contact-header {
    font-size: 21px;
    font-family: "PFDinTextCondPro";
    color: rgb(35, 176, 230);
    text-transform: uppercase;
    border-top: 1px solid #DCDCDC;
    padding: 20px 0 15px;
}
.contact-body {
    font-size: 15px;
    color: rgb(0, 0, 0);
}
.info .contacts-nav li a, .info .contacts-nav li a:hover, .info .contacts-nav li a:focus, .info .contacts-nav li.active a, .info .contacts-nav li.active a:hover, .info .contacts-nav li.active a:focus {
    font-size: 13px;
    color: rgb(35, 176, 230);
    font-weight: bold;
    text-transform: uppercase;
    background: #fff;
    padding: 20px 0;
    float: left;
    letter-spacing: 1px;
}
.contacts-nav a img {
    width: 7px;
    margin: 0 0 3px 10px;
}
.contacts-tab-content .tab-pane {
    padding: 0;
    background: #fff;
    margin: 0;
}
.contacts-tab-content h2 {
    font-size: 14px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    font-family: Proxima Nova;
    letter-spacing: 1px;
}
.info .contacts-nav {
    margin-left: -15px;
    margin-right: -15px;
}
.contacts-wrapper {
    overflow: hidden;
}
.contacts-question {
    font-size: 24px;
    margin-top: 70px;
    margin-bottom: 10px;
}
.contacts-form {
    width: 690px;
    margin: 0 auto;
}
.contacts-form textarea {
    width: 100%;
    height: 235px;
    border: 1px solid #C1C1C1;
    font-size: 16px;
    color: rgb(0, 0, 0);
    display: block;
}
.contacts-form label {
    font-size: 14px;
    font-weight: 400;
    color: rgb(45, 137, 172);
    margin-top: 23px;
    display: block;
    text-align: left;
}
.contacts-form input {
    width: 100%;
    border: 1px solid #C1C1C1;
    font-size: 16px;
    color: rgb(0, 0, 0);
    padding: 17px;
    height: 58px;
}
.contacts-correct {
    background: #F4F4F4;
}
.contacts-correct-check {
    content: '';
    display: block;
    width: 23px;
    height: 16px;
    background: url('../img/ok-wrong-icons.png');
    background-size: cover;
    position: relative;
    margin-top: -16px;
    bottom: 21px;
    right: 17px;
    float: right;
}
.contacts-form .contacts-uncorrect {
    border-color: #FF1111;
}
.contacts-uncorrect-check {
    content: '';
    display: block;
    width: 23px;
    height: 16px;
    background: url('../img/ok-wrong-icons.png') bottom no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -16px;
    bottom: 21px;
    right: 17px;
    float: right;
}
.error-note {
    font-size: 12px;
    color: rgb(242, 14, 14);
    display: none;
}
.contacts-uncorrect-check + .error-note {
    display: block;
    text-align: right;
    margin-top: 4px;
    height: 17px;
    margin-bottom: -21px;
}
.contacts-form button {
    width: 100%;
    border: 0;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background: #0477A6;
    letter-spacing: 1px;
    height: 57px;
    display: block;
    margin-top: 58px;
}
.contacts-form button:hover {
    background: #23B0E6;
}
.contacts-form .dispatch {
    background: #ACCFDD;
}
.contacts-form .dispatch:hover {
    cursor: auto;
}
.drop-zone {
    text-align: center;
    border-width: 1px;
    border-color: rgb(35, 176, 230);
    border-style: dashed;
    height: 57px;
    width: 100%;
    position: relative;
    display: table;
    margin-top: 58px;
}
.drop-zone:hover {
    background: #DFF0F7;
}
.attached-drop {
    background: #F4F4F4;
}
.drop-zone span {
    vertical-align: middle;
    display: table-cell;
    font-size: 15px;
    color: rgb(35, 176, 230);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.input_button_style {
    margin: 0!important;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    right: 0;
    background: transparent;
}
.input_input_style {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    height: 100%!important;
    width: 100%;
    padding: 0;
}
.confirmation {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #EEEEEE;
    padding: 30px;
    margin-top: 20px;
}
.confirmation div {
    border: 1px solid #DDDDDD;
    padding-left: 30px;
    padding-right: 30px;
}
.confirmation .confirmation-title {
    color: rgb(35, 176, 230);
    border-bottom: 0;
    padding-top: 120px;
    padding-bottom: 5px;
}
.confirmation .confirmation-body {
    border-top: 0;
    padding-bottom: 120px;
}

/*news*/
.news-item {
    min-height: 250px;
    box-sizing: content-box;
    padding: 30px 0;
    border-bottom: 1px solid #E3E3E3;
    display: block;
}
.news-item:first-child {
    padding-top: 7px;
}
.news-item > img {
    width: 336px;
    float: left;
    margin-right: 52px;
}
.news-item-date {
    font-size: 12px;
    color: rgb(154, 154, 154);
}
.news-item h3 {
    margin-top: 13px;
}
.news-item p {
    color: #000000;
    font-size: 16px;
}
.news-item span {
    padding-right: 10px;
}
.news-item-text img {
    width: 20px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.news-item:hover .news-item-text img {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.news-more {
    text-align: center;
    margin: 60px 0 85px;
}
.news-more a {
    font-size: 15px;
}

/*item*/
.callboard.item-header {
    margin: 0 -3px 45px;
}
.item-header .callboard-item-wrapper {
    padding: 0 3px;
    height: 375px;
}
.item-header .callboard-img {
    height: 100%;
}
.item-header .callboard-item {
    background: #ebebeb;
    height: 100%;
    text-align: right;
    color: #b6b6b6;
    font-size: 12px;
    min-height: 400px;
}
.callboard-item-date {
    padding: 10px 12px;
}
.main-content .item-title {
    font-family: Panton;
    color: #010101;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 35px;
}
.callboard.callboard-more-items {
    margin: 0 -15px;
}
.callboard-more-items .callboard-item-wrapper {
    padding: 0 15px;
}
.item-header img {
    width: 670px;
    float: left;
}
.item-header {
    margin-bottom: 40px;
}

/*looking*/
.looking {
    margin-bottom: 35px;
    margin-right: 205px;
}
.looking-item-wrapper .news-item {
    min-height: inherit;
    border: 0;
    padding-bottom: 0;
}
.looking-item-wrapper h3 {
    float: left;
    margin-top: 30px;
    margin-bottom: 15px;
}
.looking-item-wrapper img {
    margin: 32px 0 0 15px;
}
.looking-item-wrapper p {
    clear: left;
}
.looking-item-wrapper {
    border-bottom: 1px solid #E3E3E3;
}
.looking-item-wrapper .crumbs {
    padding-bottom: 40px;
}
.looking-item-wrapper + .news-more {
    margin-bottom: 155px;
}
.product-search.looking input {
    width: 100%;
    height: 54px;
}

.product-search.looking input {
    width: 100%;
    height: 54px;
}



.looking button {
    position: absolute;
    top: 0;
    right: -205px;
    width: 195px;
    border: 0;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background: #0477A6;
    letter-spacing: 1px;
    height: 54px;
    display: block;
}
.looking button:hover {
    background: #23B0E6;
}
.product-search-button-false {
    display: none;
}
.looking-empty-title {
    font-size: 24px;
    font-family: "PFDinTextCondPro";
    color: rgb(35, 176, 230);
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 5px;
}
.looking-empty-body {
    font-size: 15px;
}

/*be-dealer*/
.contacts-form-dealer {
    width: 750px;
}
.contacts-form-dealer-subwrapper {
    border: 1px solid #E5ECEF;
    padding: 0 30px 30px;
}
.contacts-form-dealer-subwrapper-main {
    background: #E5ECEF;
    padding-top: 30px;
}
.contacts-form-dealer-subwrapper .contacts-question {
    margin: 0;
}
.captcha-wrapper {
    text-align: center;
    padding: 5px;
    background: #F1F1F1;
}
.captcha-wrapper + input {
    width: 50%;
}

/*projects*/
.projects-menu .banner-menu-item-title {
    color: #000;
    text-transform: none;
}
.short-container + .flexslider-wrapper {
    margin-top: 30px;
}
.flexslider-wrapper + .banner-menu-wrapper {
    margin-top: 0;
}
.banner-menu-wrapper h3 {
    margin-top: 0;
}

/*materials*/
.promo-checkbox input {
    display: none;
}
.promo-checkbox label {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-left: 45px;
    display: block;
    position: relative;
}
.promo-checkbox label:before {
    content: '';
    background-image: url(../img/checkbox.png);
    position: absolute;
    left: -45px;
    width: 26px;
    height: 21px;
    background-size: cover;
    top: -1px;
}
.promo-checkbox input:checked + label:before {
    background-position: 0 100%;
}
.promo-checkbox {
    min-height: 58px;    
}
.cancellation {
    text-align: right;
    margin-top: 7px;
}

form .looking {
    margin-top: 80px;
    margin-bottom: 0;
}

form .order-search {
    margin-bottom: 14px;
    margin-top: 0;
    margin-right: 0;
}

.order-form {
    margin-top: -7px;
    margin-bottom: 53px;
}

.order-form .color-select select{
    padding-left: 61px;
}

.order-form .color-select span{
    display: block;
    width: 10px;
    height: 10px;
    color: #ff0000;
}

.order-form h3 {
    font-size: 21px;
    color: #0477a6;
    margin-bottom: 11px;
    font-weight: 700;
    font-family: 'Proxima Nova';
    text-transform: none;
}

.order-form h4 {
    font-size: 18px;
    color: #0477a6;
    margin-bottom: 11px;
    font-weight: 700;
    font-family: 'Proxima Nova';
}

.order-form .form-item-wrapper select {
    float: none;
    width: 100%;
}


.order-form .stock-wrapper {
    margin-bottom: 33px;
    margin-top: 0;
}

.order-img {
    width: 360px;
    margin-bottom: 10px;
}

.order-table tr:nth-child(odd) {
    background: #EFEFEF;
}

.order-table tr:nth-child(even){
    background: transparent;
}

.order-cost{
    color: #0477a6;
    
    text-decoration: line-through;
}

.bold {
    font-weight: 600;
}

.order-cost-blue td{
    background: #d0e8f2;
    font-weight: 600;
}

.order-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 67px;
    padding-bottom: 49px;
    margin-bottom: 52px;
    border-bottom: 1px dotted #e2e2e2;
}

.order-num {
    margin-right: 75px;
    font-size: 18px;
    margin-bottom: 25px;
}

.order-num input {
    font-size: 18px;
    width: 80px;
    margin-right: 11px;
    padding: 13px;
    margin-left: 11px;
    text-align: center;
}

.order-num label {
    font-weight: 400;
} 

.order-row .order-btn {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.order-row .order-btn a{
    font-size: 16px;
    text-decoration: underline;
    margin-top: 10px;
}

.order-row .order-btn button {
    float: none;
    width: 268px;
    background: #3eb5e6;
}

.order-table-alt {
    text-align: center;
    margin-bottom: 58px;
}

.order-table-alt input {
    width: 48px;
    padding: 1px 10px;;
    text-align: center;
}

.order-table-alt th {
    text-transform: none;
    padding: 15px 10px;
    text-align: center;
}

.order-table-alt td {
    padding: 17px 20px 21px 17px;
}

.order-table-alt td:first-child {
    text-align: left;
}

.order-detail {
    color: #000;
    border-bottom: 1px dashed;
    font-weight: 700;
}

.order-result {
    background: #dfeff5;
    font-size: 18px;
    padding: 32px 37px;
    width: 100%;
    margin-top: 76px;
    margin-bottom: 80px;
}

.order-result span {
    font-size: 18px;
    font-weight: 800;
}

.order-coment {
    width: 100%;
    height: 220px;
    padding: 10px;
    vertical-align: top;
    border-radius: 0;
}

.plus {
    position: relative;
    height: 26px;
    background: #3eb5e6;
    width: 26px;
    border-radius: 50%;
    display: block;
    left: 51px;
}

.plus:before,
.plus:after {
    content: '';
    background-color:#fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.plus:before {
    height: 2px;
    width: 12px;
    
}

.plus:after {
    height: 12px;
    width: 2px;
    transform: translate(-50%, -50%);
}

.minus {
    position: relative;
    height: 26px;
    background: #d7d7d7;
    width: 26px;
    border-radius: 50%;
    display: block;
    left: 51px;
    transform: rotate(45deg);
}

.minus:before,
.minus:after {
    content: '';
    background-color:#fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.minus:before {
    height: 2px;
    width: 12px;
}

.minus:after {
    height: 12px;
    width: 2px;
    transform: translate(-50%, -50%);
}

.order-form h2 {
    font-size: 21px;
    color: #0477a6;
    margin-bottom: 11px;
    font-weight: 700;
    font-family: 'Proxima Nova';
    text-transform: none;
}

.tab-materials form {
    padding: 50px 40px 30px;
    background: #F0F0F0;
    margin-bottom: 40px;
}
.cancellation a {
    font-size: 15px;
}
.header-wrapper {
    display: table;
    height: 100%;
}
.header-wrapper h1 {
    margin: 0;
    vertical-align: middle;
    display: table-cell;
}

/*enter*/
.internal-main.enter {
    height: auto;
    padding-bottom: 100px;
    background: url("../img/enter-image.jpg") center;
    background-size: cover;
}
.enter .contacts-form {
    width: 100%;
    padding: 0;
}
.enter h1 {
    font-size: 48px;
    margin-top: 65px;
}
.enter form {
    max-width: 548px;
    margin: 0 auto;
    background: rgba(35, 176, 230, .7);
    padding: 40px;
    text-align: left;
}
.enter h3 {
    color: rgb(219, 219, 219);
    margin-top: 3px;
    margin-bottom: 0;
}
.enter label {
    color: rgb(0, 80, 112);
    margin-top: 28px;
}
.enter .contacts-form input {
    border-color: transparent;
}
.enter .error-note {
    color: rgb( 136, 0, 0 );
}
.forgot-password {
    /*margin-top: 58px;
    text-align: left;*/
    margin-top: 10px;
    text-align: right;
}
.enter .registration-enter {
    width: 100%;
    border: 1px solid #fff;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    letter-spacing: 1px;
    height: 57px;
    display: table;
    margin: 23px 0 0;
    text-align: center;
}
.enter .registration-enter:hover {
    background: #23B0E6;
    border-color: transparent;
}
.registration-enter span {
    display: table-cell;
    vertical-align: middle;
}
.enter .contacts-form button {
    margin-top: 23px;
}
.enter h1 {
    display: block;
}
.enter .forgot-password a {
    font-size: 13px;
    border-bottom: 1px dashed #fff;
    padding: 0;
    margin: 0;
}
.enter .forgot-password a:hover {
    color: #fff;
    border-bottom: 0;
}
.enter + .bottom-links-wrapper {
    margin-top: 110px;
}

/*enter2*/
.password-false {
    background: transparent;
    height: 58px;
    border: 1px solid rgb( 45, 148, 190 );
    margin-top: 53px;
}

/*404*/
.enter.page404 {
    background: url("../img/404-image.jpg") center;
    background-size: cover;
    padding-top: 74px;
    padding-bottom: 72px;
    height: 714px;
}
.oops {
    font-size: 48px;
    font-family: "PFDinTextCondPro";
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: 300;
    margin-bottom: 476px;
}
.enter.page404 a {
    font-size: 16px;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    text-transform: none;
}
.enter.page404 a:hover {
    color: #fff;
    text-decoration: none;
}

/*my-main*/
.my .header-top {
    height: 47px;
    box-sizing: content-box;
}
.my .header-top .logo {
    float: left;
}
.customer-header {
    float: left;
    color: rgb( 4, 119, 166 );
    line-height: 1.2;
    margin: 5px 0 0 60px;
}
.customer-header:before {
    content: '';
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    position: relative;
    margin-right: 10px;
    background: url(../img/top-icon-1.png);
    background-size: cover;
    top: 3px;
    margin-bottom: 10px;
}
.customer-header:hover:before {
    background-position: 0 100%;
}
.customer-header-name {
    font-weight: 700;
}
.customer-header-company {
    white-space: nowrap;
}
.to-site:before {
    background: url(../img/top-icon-5.png);
    background-size: cover;
}
header nav .nav-exit {
    color: rgb( 22, 21, 21 );
    border: 0;
}
.top-nav-wrapper-wrapper {
    background: rgb( 237, 237, 237 );
}
.header-top-wrapper {
    border-bottom-color: transparent;
}
.my header nav {
    margin: 0 auto;
    float: none;
}
.my header nav a {
    padding: 21px 76px;
}
.my-cabinet-wrapper {
    padding: 40px 0;
}
.my-cabinet-col {
    float: left;
    width: 50%;
}
.my-cabinet-title {
    font-size: 36px;
    font-family: "PFDinTextCondPro";
    color: rgb( 4, 119, 166 );
    text-transform: uppercase;
    margin: 10px 0 15px;
}
.my-cabinet-customer:before {
    content: '';
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    position: relative;
    margin-right: 20px;
    background: url(../img/icon-lk-big.png);
    background-size: cover;
    margin-bottom: 30px;
}
.my-cabinet-customer {
    color: rgb( 4, 119, 166 );
    font-weight: 700;
}
.my-cabinet-customer-name {
    padding-top: 10px;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 10px;
    padding-right: 15px;
}
.my-cabinet-customer-company {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
}
.my-cabinet-exit-wrapper {
    margin: 20px 0 0 100px;
}
.my-cabinet-exit {
    font-size: 12px;
    color: rgb( 35, 176, 230 );
    text-transform: uppercase;
}
.my-cabinet-exit:after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 9px;
    position: relative;
    margin-left: 10px;
    top: 1px;
    background: url(../img/exit-desktop.png);
    background-size: cover;
}
.my-cabinet-exit:hover {
    color: #5dd2ff;
}
.my-cabinet-exit:hover:after {
    background-position: 0 100%;
}
.my-cabinet-notices-title {
    font-size: 24px;
    font-family: "PFDinTextCondPro";
    color: rgb( 35, 176, 230 );
    text-transform: uppercase;
    margin: 20px 0;
}
.my-cabinet-notices {
    margin-bottom: 13px;
}
.my-cabinet-notice {
    display: block;
    margin-bottom: 10px;
}
.my-cabinet-notice-date-wrapper {
    float: left;
    width: 100px;
}
.my-cabinet-notice-date {
    color: #000;
    font-size: 15px;
    float: left;
}
.my-cabinet-notice-date:after {
    content: ':';
}
.my-cabinet-notice-body {
    font-size: 15px;
    color: #23B0E6;
    font-weight: 600;
    margin-left: 100px;
}
.my-cabinet-notice-date-wrapper:after {
    content: '!';
    color: rgb( 160, 101, 234 );
    margin-right: 8px;
    font-weight: 700;
    float: right;
}
.my-cabinet-notice:hover .my-cabinet-notice-body {
    color: #5dd2ff;
}
.my-cabinet-notices-more-wrapper {
    margin-bottom: 10px;
}
.my-cabinet-notices-more {
    font-size: 12px;
    color: rgb( 35, 176, 230 );
}
.my-cabinet-notices-more:before {
    content: '';
    display: block;
    float: left;
    width: 33px;
    height: 11px;
    position: relative;
    margin-right: 6px;
    background: url(../img/icon-more-square.png);
    background-size: cover;
    top: 5px;
}
.my-cabinet-notices-more:hover {
    color: #5dd2ff;
}
.my-cabinet-notices-more:hover:before {
    background-position: 0 100%;
}
.my-services-wrapper {
    background: url(../img/back-image.jpg) center;
    background-size: cover;
    padding: 60px 0;
}
.my .footer-wrapper {
    margin-top: 60px;
}
.my-services {
    overflow: hidden;
}
.my-services .my-services-subwrapper {
    margin: 0 -35px;
}
.my-service-wrapper {
    padding: 0 35px;
}
.my-service {
    padding: 35px;
    min-height: 293px;
}
.my-service-support {
    background-color: rgba( 35, 176, 230 ,.8 );
}
.my-service-order {
    background-color: rgba( 86, 205, 223 ,.8 );
}
.my-service-bills {
    background-color: rgba( 99, 160, 228 ,.8 );
}
.my-service-title {
    font-size: 25px;
    font-family: "PFDinTextCondPro";
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    line-height: 1.2;
    padding-top: 14px;
    width: 300px;
}
.my-service-title:before {
    content: '';
    display: block;
    float: left;
    width: 87px;
    height: 87px;
    position: relative;
    margin: -14px 20px 0 0;
}
.my-service-support .my-service-title:before {
    background: url(../img/icon-support.png);
    background-size: cover;
}
.my-service-order .my-service-title:before {
    background: url(../img/icon-basket.png);
    background-size: cover;
}
.my-service-bills .my-service-title:before {
    background: url(../img/icon-bills.png);
    background-size: cover;
}
.my-service-list {
    clear: both;
    padding-top: 12px;
}
.my-service-item-wrapper {
    margin-top: 10px;
}
.my-service-list .my-service-item {
    font-size: 15px;
    color: rgb( 255, 255, 255 );
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.my-service-list .my-service-item:before {
    content: '';
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    position: relative;
    background: url(../img/arrow-small-white.png);
    background-size: cover;
    margin: 1px 12px 0 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin: 1px 12px 0 0; 
}
.my-service-list .my-service-item:hover {
    margin-left: 10px;
}
.my-service-list .my-service-item:hover:before {
    margin: 1px 2px 0 10px; 
}
.order-nav {
    display: none;
}
.my-cabinet-basket-col {
    display: none;
}
.my-basket .order-nav {
    display: block;
    background: #EAEAEA;
    padding: 16px 60px 19px;
}
.order-nav-quantity-wrapper:before {
    content: '';
    display: block;
    float: left;
    width: 19px;
    height: 18px;
    position: relative;
    top: 4px;
    background: url(../img/icon-basket-small.png);
    background-size: cover;   
}
.order-nav:hover .order-nav-quantity-wrapper:before {
    background-position: 0 100%;   
}
.order-nav-quantity {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 1px;
}
.order-nav-quantity:before {
    content: 'x';
    font-size: 13px;
    margin: 0 3px 0 5px;
}
.order-nav-amount {
    text-transform: none;
}
.order-nav-amount:before {
    content: '=';
    margin: 0 5px;
}
.order-nav-amount:after {
    content: '???‚';
    margin-left: 4px;
}
.my-basket header nav a {
    padding: 21px 49px;
}
.my-basket .my-cabinet-basket-col {
    display: block;
}
.my-basket .my-cabinet-basket-wrapper {
    background: #EAEAEA;
    height: 186px;
}
.my-basket .my-cabinet-col {
    width: 33.33333333%;
}
.my-basket .my-cabinet-customer:before {
    width: 60px;
    height: 60px;
}
.my-basket .my-cabinet-exit-wrapper {
    margin-left: 80px;
    margin-top: 10px;
}
.my-cabinet-basket-title {
    font-size: 20px;
    font-family: "PFDinTextCondPro";
    color: rgb( 35, 176, 230 );
    text-transform: uppercase;
}
.my-cabinet-basket-quantity:after {
    content: '? N—? N•? A·? N‘??a€ ? N‘? a„–';
    font-weight: 400;
    padding-left: 4px;
}
.my-cabinet-basket-amount:after {
    content: '???‚??N“? A±? A»? Aµ? a„–';
    font-weight: 400;
    padding-left: 4px;
}
.my-cabinet-basket-body {
    color: rgb( 72, 146, 175 );
    font-weight: bold;
    border: 1px solid #4892AF;
    margin: 8px 0 13px;
    padding: 9px 12px;
    display: block;
}
.my-cabinet-basket-body:hover {
    color: #23b0e6;
}
.my-cabinet-basket button {
    font-size: 13px;
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    background: #0477A6;
    border: 0;
    border-radius: 0;
    letter-spacing: 1px;
    width: 100%;
    padding: 12px;
}
.my-cabinet-basket button:hover {
    background: #23b0e6;
}
.my-cabinet-basket:before {
    content: '';
    display: block;
    float: left;
    width: 87px;
    height: 87px;
    position: relative;
    background: url(../img/icon-basket-blue.png);
    background-size: cover;
    margin-left: 60px;
    margin-top: 50px;
}
.my-cabinet-basket-subwrapper {
    width: 185px;
    float: right;
    margin: 15px 20px 20px;
}
.my-basket .my-cabinet-title {
    font-size: 24px;
    margin: 20px 0 15px;
}
.my-basket .my-cabinet-notices-title {
    margin: 20px 0 15px;
}
.my-basket .my-cabinet-customer-name {
    padding-top: 0;
    margin-bottom: 5px;
}
.my-basket .my-cabinet-subwrapper {
    margin: 0 -35px;
}
.my-basket .my-cabinet-col {
    padding: 0 35px;
}

/*subscription*/
.subscription-wrap {
    text-align: center;
    margin: 21px 0 106px;
}
.subscription-wrap button {
    height: 74px;
    width: 380px;
    background: #0477A6;
    border: 0;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
.subscription-wrap button span {
    border-bottom: 1px dashed #fff;
    line-height: 1.1;
    
}
.subscription-open:hover {
    background: #5DD2FF;
}
.subscription-submit:hover {
    background: #5DD2FF;
}
.subscription {
    position: relative;
    border: 2px solid #E5ECEF;
    padding: 0 15px;
}
.subscription .subscription-close {
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    background: url("../img/close-subscribe.png");
    background-size: cover;
    right: 17px;
    top: 17px;
}
.subscription .subscription-close:hover {
    opacity: .6;
}
.subscription-form-title {
    font-size: 24px;
    font-family: "PFDinTextCondPro";
    color: rgb( 35, 176, 230 );
    text-transform: uppercase;
    margin-top: 35px;
}
.subscription-form-text {
    font-size: 15px;
    color: rgb( 0, 0, 0 );
    margin-top: 3px;
}
.subscription-field {
    width: 100%;
    max-width: 474px;
    margin: 23px auto 21px;
}
.subscription-field input {
    width: 100%;
    height: 50px;
    border: 1px solid #D9D9D9;
    text-align: center;
}
.subscription-field label {
    margin-bottom: 1px;
    color: rgb( 45, 137, 172 );
    font-weight: 400;
}
.subscription-error {
    color: rgb( 255, 0, 0 );
    margin-top: 21px;
    line-height: 1.3;
}

.subscription-wrap .btn-blue {
    background: #3eb5e6;
}
.subscription .subscription-submit {
    font-size: 16px;
    width: 240px;
    height: 57px;
    margin: 10px 0 31px;
}



.subscription-confirmation-title {
    font-size: 24px;
    font-family: "PFDinTextCondPro";
    color: rgb( 35, 176, 230 );
    margin: 160px 0 25px;
    text-transform: uppercase;
}
.subscription-confirmation-text {
    font-size: 15px;
    margin-bottom: 151px;
}

.subscription-confirmation {
    padding: 0 27%;
}
.subscription-confirmation-text span {
    color: #23B0E6;
    text-decoration: underline;
}
:focus {
    outline: 0!important;
}

/*banner-video*/
.banner-video-wrapper {
    position: relative;
    margin-bottom: 7%;
    overflow: hidden;
}
.banner-video.mejs-container .mejs-controls {
    display: none!important;
}
.banner-video-subwrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.banner-video-play {
    width: 80px;
    height: 80px;
    margin: 100px auto 20px;
    background: url(../img/play-video-icon.png) no-repeat;
    background-size: contain;
    border: 0;
    display: block;
}
.banner-video-title {
    font-size: 36px;
    font-family: PFDinTextCondPro;
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    text-align: center;
}
.main-video {
    width: 100%!important;
    height: 100%!important;        
}
.shut-panel.close {
    background: url(../img/icon-video-close.png) no-repeat;
    background-size: contain;
    opacity: 1;
}
.main-video-wrapper {
    z-index: 100000;
    padding: 0!important;
    overflow: hidden!important;
}
.main-page .modal-backdrop {
    opacity: 1;
}

/*auth-in*/
.enter-in h1 {
    font-size: 75px;
    margin-top: 55px;
    margin-bottom: 22px;
}
.enter .cabinet-exit {
    font-size: 16px;
    color: rgb( 255, 255, 255 );
    text-align: center;
    padding: 0;
    margin-bottom: 35px;
}
.row.cabinet-items-wrapper {
    margin-left: -2.4%;
    margin-right: -2.4%;
}
.cabinet-item-wrapper {
    padding-left: 2.4%;
    padding-right: 2.4%;
}
.cabinet-item {
    text-align: left;
    height: 290px;
    padding: 33px 28px;
}
.cabinet-item-title {
    font-size: 25px;
    font-family: "PFDinTextCondPro";
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
    text-align: left;
    padding: 15px 0 30px;
    line-height: 1.2;
}
.cabinet-item-title:before {
    content: '';
    display: block;
    float: left;
    width: 87px;
    height: 87px;
    position: relative;
    background-size: cover;
    margin-right: 22px;
    margin-top: -14px;
}
.cabinet-item-1 .cabinet-item-title:before {
    background-image: url(../img/icon-support.png);
}
.cabinet-item-2 .cabinet-item-title:before {
    background-image: url(../img/icon-basket.png);
}
.cabinet-item-3 .cabinet-item-title:before {
    background-image: url(../img/icon-bills.png);
}
.cabinet-item .cabinet-item-item {
    font-size: 14px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    padding: 0;
    text-transform: none;
    margin: 10px 0 0;
    display: block;
    float: left;
    clear: both;
}
.cabinet-item-item:before {
    background: url(../img/arrow-small-white.png);
}
.cabinet-item-item:before {
    content: '';
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    position: relative;
    background-size: cover;
    margin-right: 14px;
}
.cabinet-item-1 {
    background: rgba(35,176,230,.5);
}
.cabinet-item-2 {
    background: rgba(86,205,223,.5);
}
.cabinet-item-3 {
    background: rgba(99,160,228,.5);
}
.cabinet-item-item.cabinet-item-soon {
    margin: 40px 0 0 31px;
}
.cabinet-item-item.cabinet-item-soon:before {
    content: none;
}
.enter-in {
    overflow: hidden;
}
.news-plus-wrapper {
    width: 420px;
    margin: 0 auto;
}
.news-plus-title.subscription-confirmation-title {
    text-align: center;
    margin-top: 60px;
    font-size: 24px;
}
.item-plus {
    font-size: 15px;
    color: rgb( 35, 176, 230 );
    border-top: 1px solid #E3E3E3;
    display: block;
    padding: 13px 0;
}
.item-plus:last-child {
    border-bottom: 1px solid #E3E3E3;
}
.item-plus-title {
    float: left;
    font-weight: bold;
    color: rgb( 160, 101, 234 );
    margin-right: 10px;
}
.item-plus-title:before {
    content: '!';
    margin-right: 10px;
}
.item-plus-title:after {
    content: ':';
}

/*auth-news*/
.auth-news-more.news-more {
    margin-bottom: 20px;
}

/*posm*/
.js-spinner::-webkit-inner-spin-button,
.js-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.posm-step-number {
    font-size: 135px;
    font-weight: 700;
    font-family: "PFDinTextCondPro";
    color: rgba( 35, 176, 230, 0.922 );
    line-height: 1.4;
    float: left;
    margin: 0 8px 0 18px;
}
.posm-main {
    margin-bottom: 50px;
}
.posm-link {
    font-size: 18px;
    margin: 0 0 50px;
}
.posm-link a {
    font-size: 18px;
}
.posm-step {
    background: #EAEAEA;
    display: table;
    width: 270px;
    position: relative;
}
.posm-step:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 94.5px 0 94.5px 32px;
    border-color: transparent transparent transparent #EAEAEA;
    position: absolute;
}
.posm-step-text {
    font-size: 14px;
    color: rgb( 4, 119, 166 );
    font-weight: 700;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}
.medium-container {
    width: 980px;
}
.posm-steps-wrapper {
    margin-left: -18px;
    margin-right: -18px;
    margin-bottom: 70px;
}

.order-steps-wrapper {
    margin-left: -18px;
    margin-right: -18px;
}

.posm-step-wrapper {
    padding-left: 18px;
    padding-right: 18px;
}
.collapse-group-types .panel-heading {
    background: #EFEFEF;
    padding: 15px 54px;
}
.collapse-group-types .panel-title {
    font-weight: 700;
    font-size: 15px;
    position: relative;
}
.collapse-group-types .panel-title a:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/icon-plus-minus.png);
    background-size: cover;
    position: absolute;
    left: -29px;
    top: 1px;
}
.collapse-group-types .panel-title .types-heading-in:before {
    background-position: 0 100%;
}
.panel-title a {
    text-decoration: none;
}
.types tr {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.types .ordered {
    background: #D0E8F2;
}
.types td {
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    height: 46px;
}
.types td:first-child {
    padding-left: 90px;
}
.collapse-group-types .panel-body {
    padding: 0 0 20px;
}
.types-title {
    display: none;
}
.eye {
    display: block;
    width: 24px;
    height: 12px;
    margin: 0 auto;
    background: url(../img/icon-eye.png);
    background-size: cover;
}
.ordered .ui-spinner {
    display: none;
}
.materials-number-fix {
    display: none;
    font-size: 18px;
    font-weight: 700;
}
.ordered .materials-number-fix {
    display: block;
}
.types .ui-spinner {
    border: 0;
    width: 86px;
    padding: 0 13px;
}
.types .js-spinner {
    text-align: center;
    margin: 0;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: rgb( 4, 119, 166 );
}
.types .ui-spinner-button {
    width: 13px;
    height: 13px;
    background: url(../img/icon-plus-minus.png);
    background-size: cover;
    position: absolute;
    top: 9px;
    cursor: pointer;
}
.types .ui-spinner-down {
    left: 0;
    background-position: 0 100%;
}
.types .ui-spinner-up {
    right: 0;
}
.to-order {
    display: block;
    width: 26px;
    height: 21px;
    background: url(../img/icon-basket-vsmall.png);
    background-size: cover;
    margin: 0 auto;
}
.ordered .to-order {
    width: 24px;
    height: 19px;
    background: url(../img/icon-ordered.png);
    background-size: cover;
}
.types tr>*:nth-child(1) {
    width: 55%;
}
.types tr>*:nth-child(2) {
    width: 10%;
}
.types tr>*:nth-child(3) {
    width: 20%;
}
.types tr>*:nth-child(4) {
    width: 15%;
}
.form-item-wrapper label {
    font-size: 18px;
    color: rgb( 14, 124, 169 );
    padding-top: 17px;
}
.form-item-wrapper select {
    border-color: #C1C1C1;
    width: 638px;
    float: right;
    padding: 18px 30px 18px 15px;
    font-size: 16px;
    font-weight: 700;
}
.form-item-wrapper textarea {
    border-color: #C1C1C1;
    width: 638px;
    float: right;
    padding: 18px 15px;
    font-size: 16px;
    font-weight: 700;
    height: 190px;
}
.form-item-wrapper:after {
    content: '';
    display: table;
    clear: both;
}
.stock-wrapper {
    margin: 70px 0 37px;
}
.stock-wrapper select {
    background-image: url(../img/arrows-spisok-posm.png);
    background-position: right 20px top 23px;
    background-repeat: no-repeat;
    background-size: 10px;
}
.materials-button-wrapper {
    margin: 72px 0 16px 342px;
}
.materials-button-wrapper:after {
    content: '';
    display: table;
    clear: both;
}
.materials-button-wrapper .subscription-error {
    float: left;
    margin-top: 28px;
}
.materials-button-wrapper button {
    width: 332px;
    height: 72px;
    float: right;
}
.types-confirmation {
    text-align: center;
    background: #EFEFEF;
    padding: 200px 15px;
}
.types-confirmation-title {
    font-size: 24px;
    font-weight: 700;
    color: rgb( 14, 124, 169 );
    margin-bottom: 25px;
}

.support-block .types-confirmation {
    padding-top: 236px;
}

.support-block .types-confirmation-title {
    margin-bottom: 28px;
}

.types-confirmation-body {
    font-size: 18px;
    color: rgb( 14, 124, 169 );
    padding-bottom: 21px;
    padding-top: 21px;
    position: relative;
}

.types-confirmation-body+.types-confirmation-body::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 445px;
    width: 58px;
    height: 1px;
    background: #0d7ca7;
}

.internal-menu-wrapper-wrapper {
    display: none;
}
.fancybox-content {
    max-height: 80%;
    margin: 0;
}

.payers-form .jq-selectbox__select, .order-form .jq-selectbox__select{
    padding: 16px 25px 13px 20px;
    font-size: 14px;
    font-weight: 400;
    width: 980px;
    height: 58px;
    border: 1px solid #c1c1c1;
    color: #000000;
}

.jq-selectbox__select-text {
    font-size: 16px;
    width: 100% !important;
}

.color-select .jq-selectbox__select-text{
    padding-left: 29px;   
}


.color-select .jq-selectbox__select-text:before{
    content: '';
    width: 24px;
    height: 24px;
    /* background: #ff0000; */
    position: absolute;
    top: 14px;
    left: 11px;
    border-radius: 50%;
}

.jq-selectbox__trigger-arrow {
    width: 11px;
    background-image: url(../img/arrows-spisok-posm.png);
    background-repeat: no-repeat;
    background-size: 10px;
    height: 100%;
	position: absolute;
	right: 11px;
    top: 22px;
}

.jq-selectbox ul{
    border: 1px solid rgb(218, 218, 218);
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 10;
    padding: 0;
    width: 325px;
    width: 980px;
}

.jq-selectbox li{
    display: block;
    font-size: 12px;
    color: rgb(133, 133, 133);
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 10px 0;
    position: relative;
}
.jq-selectbox li:last-child{
    padding-bottom: 20px;
}

.color-select .jq-selectbox li{
    padding-left: 46px;
}

.jq-selectbox li:hover{
    color: #23b0e6;
}

.color-select .jq-selectbox li:before{
    content: '';
    width: 20px;
    height: 20px;
    /* background: #ff0000; */
    position: absolute;
    top: 17px;
    left: 11px;
    border-radius: 50%;
}

.color-blue {
    color: #23b0e6;
}

.color-blue:before{
    background: #00ffff; 
}

.orders-block .color-blue:before{
    background: inherit; 
}

.color-select .color-blue .jq-selectbox__select-text:before {
    background: #00ffff; 
  }

.color-select .color-red .jq-selectbox__select-text:before {
    background: #ff0000; 
  }
.color-red:before{
    background: #ff0000; 
}

.jq-selectbox__dropdown  {
    position: absolute;
    width: 100% !important;
}
.order-form .order-search .form-control{
    border-radius: 0;
}

.order-table-alt th:first-child {
    text-align: left;
}

.menu-alt {
    display: flex;
    float: none;
    margin: 0 0;
    margin-left: 75px;
}

.menu-alt a {
    padding: 21px 46px;
    border: none;
    position: relative;
}

.menu-alt a:first-child {
    border: none;
}

.menu-alt a:before {
    position: absolute;
    content: '';
    background: #e3e3e3;
    width: 1px;
    height: 24px;
    top: 17px;
    left: 0;
}

.menu-alt a:last-child {
    background: #eaeaea;
}

.menu-alt a:last-child::before  {
    display: none;
}


.flexnav .touch-button.active + a:before {
    background: url(../img/minus.jpg) no-repeat 0 0;
}

.support-block .order-table-alt th:first-child{
    padding: 15px 22px;
}

.error-popup {
    width: 980px;
    border: 2px solid #ff0000;
    text-align: center;
    font-size: 18px;
    color: #ff0000;
}

.error-popup .fancybox-close-small {
    top: 17px;
    right: 43px;
}

.error-popup .fancybox-close-small::after {
    font-size: 50px;
    color: #ff0000;
}

.payers-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    position: relative;
}

.payers-form .search-result {
    position: absolute;
    top: 58px;
    max-width: 638px;
    right: 0;
    z-index: 99;
}

@media (max-widht: 980px) {
    .payers-form .search-result {
        top: 77px;
    }
}

.payers-form .search-product-item {
    font-size: 12px;
    padding: 7px 20px 7px 15px;
    color: rgb(133, 133, 133);
}

.payers-item {
    background: #eaeaea;
    font-size: 16px;
    padding: 30px 30px 86px 30px;
    flex-basis: 460px;
    min-width: 460px;
    position: relative;
}

.payers-item p{
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 23px;
}

.payers-item span{
    color: #0477a6;
    font-size: 16px;
    margin-right: 5px;
}

.payers-title {
    font-size: 20px;
    line-height: 28px;
    color: #0477a6;
    border-bottom: 1px solid #fcfcfc;
    padding-bottom: 20px;
    margin-bottom: 26px;
}


.payers-edit {
    display: flex;
    width: 38px;
    height: 38px;
    background: url(../img/edit.svg) no-repeat 0 0;
    position: absolute;
    bottom: 23px;
    right: 27px;
}

.payers-btn {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 72px;
}

.payers-btn a{
    font-size: 16px;  
    padding: 26px 15px 25px 32px;
    color: #fff;
    background: #0477a6;
    display: block;
    width: 333px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1.2px;
    height: 72px;
    text-decoration: none;
}
.payers-btn a:hover{ 
    background: #5DD2FF;
}

.payers-btn a::before {
    content: '+';
    position: absolute;
    font-size: 16px;
    top: 27px;
    left: 38px;
}

.payers-form {

}

.payers-form .payers-row {
    align-items: center;
    margin-bottom: 38px;
    width: 100%;   
}

.payers-form .payers-row:nth-child(6) {
    padding-bottom: 58px;
    border-bottom: 1px dashed #e2e2e2;
    margin-bottom: 42px;
}

.payers-form .jq-selectbox__select {
    width: 638px;
    height: 57px;   
}

.payers-form label {
    font-size: 18px;
    color: #0e7ca9;
}

.payers-form .jq-selectbox ul {
    width: 638px;
}

.payers-form input {
    width: 638px;
    border: 1px solid #C1C1C1;
    font-size: 16px;
    color: rgb(0, 0, 0);
    padding: 17px;
    height: 58px;
}

.payers-form h3 {
    font-size: 21px;
    color: #0477a6;
    text-transform: none;
    font-family: inherit;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 57px;
}

.payers-add {
    width: 100%;

}

.payers-add .payers-btn {
    margin-top: 188px;
    margin-left: 7px;
}

.row-check {
    display: flex;
    flex-basis: 36px;
    flex-shrink: 0;
    text-align: left;
    margin-left: -18px;
    margin-top: 4px;
}

.payers-form .jq-checkbox {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: top;
    width: 25px;
    background: url(../img/checkbox.png) no-repeat 0px 0px;
    background-size: 25px auto;
}

.payers-form .jq-checkbox__div {
    background: url(../img/checkbox.png) no-repeat 0px 0px;
    background-size: 25px auto;
    height: 40px;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: -20px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 25px;
}

.jq-checkbox.checked .jq-checkbox__div {
    opacity: 1;
}

.row--checkbox {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-left: -46px;
    margin-bottom: 45px;
    padding-bottom: 82px;
    border-bottom: 1px dashed #e2e2e2;
}

.row--checkbox span {
    font-size: 16px;
}

.payers-form textarea {
    width: 638px;
    border: 1px solid #C1C1C1;
    font-size: 16px;
    color: rgb(0, 0, 0);
    padding: 17px;
    height: 150px;
}

.payers-form .textarea-row {
    align-items: flex-start;
}

.payers-del {
    display: block;
    text-align: center;
    border: 1px solid #23b0e6;
    width: 161px;
    height: 57px;
    padding: 18px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    color: #23b0e6;
    text-transform: uppercase;
    margin-bottom: 38px;
    float: right;
    
}

.payers-bottom {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    float: right;
    margin-top: 5px;
}

.payers-form .payers-bottom .payers-error {
    font-size: 14px;
    color: #f20e0e;
    margin-bottom: 24px;
    text-align: right;
}

.bottom-row {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.payers-form .payers-bottom .payers-cancel {
    font-size: 16px;
    color: #0477a6;
    text-decoration: underline;
    text-align: center;
    margin-right: 48px;
    margin-top: 5px;
    letter-spacing: 1.2px;
}


.payers-form .payers-bottom .payers-save {
    display: block;
    background-color: #0477a6;
    width: 247px;
    height: 72px;
    padding: 27px 10px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
  }
  

  .payers-form .payers-bottom .payers-save:hover {
    background-color: #5DD2FF;
  }
  
  .overflow-inherit {
      overflow: inherit;
  }

  .order-bottom {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
  }

  .order-bottom p {
    color: #0477a6;
    margin-bottom: 0;
  }

  .orders-block .order-table-alt {
      margin-bottom: 17px;
  }

  .pagination {
    display: flex;
  }

  .pagination a {
    background: url(../img/arrow-pagination.png) no-repeat 50% 50% #23b0e6;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 31px;
    padding: 16px;
    border-radius: 50%;
   }

   .pagination a+a {
       margin-left: 10px;
   }

   .pagination-left {
       transform: rotate(180deg);
   }
  
   .orders-block .order-table-alt th:first-child {
       text-align: center;
   }
  
   .orders-block .order-table-alt th {
       text-transform: uppercase;
   }

   .orders-block .order-table-alt td:nth-child(3) {
    text-align: left;
   }

   .support-block h4 {
       font-size: 21px;
       color: #0477a6;
       margin-bottom: 35px;
       font-weight: 600;
   }

   /* .support-block .order-table-alt {
       margin-bottom: 0px;
   } */
   
   .support-btn {
       display: flex;
       justify-content: flex-end;

   }
   .support-btn a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 19px 37px;
    background: #23b0e6;
       /*background: #0477A6;*/
    text-transform: uppercase;
    display: block;
    text-align: center;
       border-radius: 4px;
   }

   .support-block .textarea-num {
       height: 80px;
   }
   
   .support-block .payers-del {
       margin-bottom: 0;
       width: 638px;
   }

   .support-block .payers-row:nth-child(6) {
       padding-bottom: inherit;
       border: none;
       margin-bottom: 38px;
   }

   .support-block .payers-form .payers-save {
       width: 366px;
       letter-spacing: 0.7px;
   }

   .jq-file__browse {
        letter-spacing: 0.7px;
   }

.support-block .order-table {
    margin-bottom: 40px;
}
.support-block .order-table td:first-child {
    color: #0e7ca9;
    font-size: 16px;
    vertical-align: top;
}

.support-block .payers-form .payers-row label{
    color: #0e7ca9;
    font-size: 16px;
    font-weight: 500;
    /* margin-left: 19px; */
}

.support-block .payers-form-alt .jq-selectbox__select {
    width: 638px;
}

.dock-row a{
    text-decoration: underline;
    color: #23b0e6;
}

.dock-row a+a{
    margin-left: 10px;
}

.payers-row-right {
    width: 638px;
}

.js-file-res {
    margin-top: 14px;
}

@media (max-width: 969px) {
    .payers-row-right {
        width: 100%;
    }
}

.file-res {
    display: block;
}

.file-res__item {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: #515151 !important;
    font-size: 15px !important;
    line-height: 24px;
    position: relative;
    margin-right: 25px;
    height: 30px;
}

.file-res__item:last-child {
    margin-bottom: 15px;
}

.file-remove {
    display: inline-flex;
    height: 22px;
    width: 22px;
    background: url(../img/close.svg);
    border-radius: 50%;
    background-color: #d9d9d9;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 6px;
}

.file-remove:before,
.file-remove:after {
    
}

.file-remove:after {
  
}

.payers-form .payers-row-top {
    align-items: flex-start;

}

.payers-form .payers-row-top label {
    height: 57px;
    display: inline-flex;
    align-items: center;
}

textarea, input {
    /*-webkit-appearance: none;*/
    border-radius: 0;
    box-shadow: none;
}

.payers-form .reclama-tree {
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.payers-form .form-control {
    width: 638px;
    position: relative;
}

.payers-form .product-search {
    width: 638px;
    position: relative;
} 

.payers-form .payers-row {
    
}

/*horeca*/
.logo-wrap:after {
    content: '';
    display: table;
    clear: both;
}
.logo {
    display: block;
    float: left;
    width: 183px;
}
.logo-horeca {
    width: 160px;
    margin: 0px 0 0 40px;
}
.logo-footer {
    float: left;
    width: 161px;
}
.logo-footer-horeca {
    width: 160px;
    margin: 7px 0 0 40px;
}
.logo img {
    width: 100%;
}
.logo-footer img {
    width: 100%;
}


.ork-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0 0;
}

@media (max-width:1115px){
    .ork-row {

    }
}

@media (max-width:767px){
    .ork-row {
        flex-wrap: wrap;
        margin: 0 0 0 0;
        justify-content: flex-start;
    }
}


.ork-row__item {
    /*flex-basis: 32%;*/
}

@media (max-width:1115px){
    .ork-row__item {
        margin-bottom: 6px;
    }
}

@media (max-width:767px){
    .ork-row__item {
        margin-bottom: 16px;
    }
}




.ork-row__item-a {
    background-size: cover;
    width: 36px;
    height: 36px;
    display: block;
}

@media (max-width:1115px){
    .ork-row__item-a {
       width: 32px;
       height: 32px;
   }
}

@media (max-width:767px){
    .ork-row__item {

    }
}

.ork-row__item-in {
    background: url("../img/icon-soc-1.svg") no-repeat;
}

.ork-row__item-vk {
    background: url("../img/icon-soc-2.svg") no-repeat;
}
.ork-row__item-fb {
    background: url("../img/icon-soc-3.svg") no-repeat;
}
.ork-row__item-yt {
    background: url("../img/icon-soc-4.svg") no-repeat;
}
.ork-row__item-tw {
    background: url("../img/icon-soc-5.svg") no-repeat;
}
.sales {
display: flex;
justify-content: center;
width: 100%;
}

 .sale_header {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

.sale_inner {
    width: 570px;
    height: 250px;
    /*min-width: 570px;*/
    max-width: 5700px;
    /*min-height: 250px;*/
    max-height: 250px;
    background: url("/local/templates/main/img/left.jpg");
}

.sale_inner_center {
    width: 70px;

}

.sale_inner_too {
    width: 300px;
    height: 250px;
    /*min-width: 300px;*/
    max-width: 300px;
    /*min-height: 250px;*/
    max-height: 250px;
    background: url("/local/templates/main/img/right.jpg");
}

@media (max-width: 960px) {
    .sale_header {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .sale_inner_too {
        margin-top: 10px;
    }

    .sale_inner_center {
        width: 1px;
        height: 1px;
    }
}
@media (max-width: 600px) {
    .sale_inner {
        width: 1px;
        height: 1px;
    }
}