.brandLogo, .sidemenu, .sidenav {
    padding-left: 0
}

.toggle span, nav {
    position: relative;
    z-index: 999
}

a.button, a.file_button {
    user-select: none;
    outline: 0;
    list-style: none
}

a.button, a.file_button, nav ul, ul.actions, ul.footernav > li, ul.sidenav > li {
    list-style: none
}

*, ::after, ::before {
    box-sizing: border-box
}

.sidemenu {
    display: none
}

.sidenav {
    margin-top: 29px
}

ul.sidenav > li > a {
    text-decoration: underline;
    color: #4895cc;
    font-weight: 300;
    font-size: 19px
}

.footercategories > li {
    margin-top: 4px
}

.footercategories > h1 {
    margin-bottom: 8px
}

.footer_office_1 {
    margin-top: 5px
}

.contactsPhoneAndMail {
    margin-top: -4px
}

.lang-switch-row > a {
    float: right
}

.lang-switch {
    float: right;
    padding-right: 15px
}

.lang-switch-row {
    margin-top: -2px
}

.lang-switch > a > img {
    border-width: 1px;
    border-style: solid
}

@media (min-width:1200px) {
    .Banner .container, .products-container {
        padding-left: 0;
        padding-right: 0
    }

    .container {
        width: 1200px !important
    }

    .brandmobile {
        display: none
    }

    .docFile, .product-block {
        margin-left: 320px
    }

    .sidemenu {
        display: block
    }
}

.brandLogo {
    margin-left: -1px
}

.menuRow {
    max-height: 103px;
    padding-top: 20px;
    float: right;
    padding-right: 0
}

.Banner img, .hiddennav {
    padding-top: 0
}

.contactsMap {
    padding-right: 0;
    margin-top: 31px
}

.contactsFeedBack {
    padding-left: 0;
    margin-top: 31px
}

.contactsMapFrame {
    float: right;
    margin-top: 16px
}

.contactsMapHeader {
    float: right;
    width: 100%
}

body {
    font-family: FedraSansPro;	
	font-feature-settings: normal!important;
	
    min-width: 330px
}

Banner, header, hgroup, menu, nav, section {
    display: block;
    padding-top: 0
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0;
    vertical-align: baseline;
    font-size: 100%
}

    header .rline {
        border-bottom: 1px solid #aeabab;
        margin-top: 19px;
        padding-bottom: 20px
    }

nav {
    background: rgba(255,255,255,01);
    text-align: right;
    left: 0;
    right: 0;
    display: block;
    transition: height .3s ease-in-out
}

    nav > ul li::after {
        content: "";
        clear: both;
        display: block
    }

    nav > ul li {
        float: left;
        position: relative;
        //border:1px solid;
        overflow: hidden
    }

blockquote, li, p {
    font-weight: 400
}

a, blockquote, li, p {
    line-height: 1.6
}

nav > ul li a, nav > ul li span {
    cursor: pointer;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    //~~~ //padding-top:30px;
    //padding-bottom:20px;
    font-size: 15px;
    font-weight: 300;
    text-decoration: underline;
    color: #4895cc
}

#toggle {
    float: right
}

.toggle {
    width: 20px;
    height: 35px;
    cursor: pointer
}

    .toggle .cross {
        transition-duration: 0s;
        transition-delay: .1s
    }

        .toggle .cross span:after, .toggle .cross span:before {
            transition-property: margin,-webkit-transform;
            transition-property: margin,transform;
            transition-duration: .1s;
            transition-delay: .1s,0
        }

        .toggle .cross.open span {
            background-color: transparent;
            transition-delay: .1s
        }

            .toggle .cross.open span:after, .toggle .cross.open span:before {
                margin-top: 0;
                transition-delay: 0,.1s;
                background-color: rgba(34,154,214,1)
            }

            .toggle .cross.open span:before {
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .toggle .cross.open span:after {
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

    .toggle span {
        margin: 0 auto;
        top: 12px;
        width: 20px;
        height: 2px;
        background-color: rgba(34,154,214,1);
        display: block
    }

        .toggle span:after, .toggle span:before {
            position: absolute;
            content: '';
            width: 20px;
            height: 2px;
            background-color: rgba(34,154,214,1);
            display: block
        }

.Banner img, .MediaContent img {
    max-width: 100%;
    height: auto
}

.toggle span:before {
    margin-top: -7px
}

.toggle span:after {
    margin-top: 7px
}

.ProjectsHeader h1 {
    text-align: center;
    padding-top: 40px;
    font-size: 28pt;
    font-style: normal;
    font-weight: 300
}

.ProjectsHeader p {
    text-align: center;
    font-size: 16pt;
    letter-spacing: -1px
}

.Projects {
    text-align: center;
    padding-top: 36px
}

.MediaContent {
    padding-top: 40px
}

    .MediaContent .col-md-10 {
        left: 8.33333333%
    }

a {
    margin: 0;
    padding: 0;
    background: 0 0;
    vertical-align: baseline;
    font-size: 100%
}

nav li > ul li a {
    padding: 8px 15px;
    font-size: 15px;
    color: rgba(255,255,255,.8)
}

footer {
    padding-top: 15px
}

.footercontacts {
    padding-left: 35px;
    padding-top: 30px
}

.dark > h1, .footercategories {
    padding-left: 20px
}

.footercategories {
    padding-top: 30px;
    list-style: none
}

form > div {
    padding-bottom: 3px
}

.error-message, .fileSizeError-message, .fileTypeError-message, .message-lang, .sending-message, .success-message {
    display: none
}

.error-message, .fileSizeError-message, .fileTypeError-message {
    color: red
}

.ContactsGreeting {
    font-size: 17px;
    font-weight: 500;
    color: rgba(24,105,107,.8);
    padding-top: 20px
}

.upload_hidden {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    border: 0;
    padding: 0
}

.fileuploadaction {
    width: 100px;
    display: inline-block;
    position: relative;
    margin-bottom: 13px
}

a.file_button {
    color: #fff;
    text-decoration: none;
    background: #b3b3b3;
    padding: .5em 1.2em
}

    a.file_button:hover {
        background: #d3d3d3
    }

    a.file_button:active {
        background: #980f00
    }

.file_info {
    margin-left: 10px
}

.captcha_answer {
    display: block
}

.captcha_controls {
    margin-bottom: 7px
}

.captcha_refresh_button {
    margin-left: 5px
}

.product-block {
    margin-top: 40px
}

@media (min-width:993px) {
    #toggle, .brandmobile {
        display: none
    }

    nav, nav > ul {
        position: relative
    }

    .Banner .container {
        padding-right: 0;
        padding-left: 0
    }

    header {
        padding: 0 0 14px
    }

    nav, nav > ul, nav > ul li:last-child a {
        padding-right: 0
    }

    .brand {
        max-width: 266px;
        height: 103px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: left center
    }

    nav {
        margin: 0 auto;
        background: 0 0;
        width: 100%;
        z-index: 999;
        text-align: right;
        left: 0;
        right: 0;
        display: block;
        transition: height .3s ease-in-out;
        padding-top: 25px
    }

        nav > ul {
            width: auto;
            display: inline-table;
            margin-top: -4px
        }

            nav > ul li {
                float: left
            }

                nav > ul li a, nav > ul li span {
                    font-size: 19px
                }

        nav li > ul {
            left: 0;
            top: 75%;
            display: none;
            white-space: nowrap;
            height: auto;
            margin-bottom: 0;
            margin-left: 10px;
            text-align: left;
            background: rgba(0,0,0,.8);
            padding: 5px 8px 5px 0
        }

            nav li > ul li a {
                padding: 8px 15px;
                font-size: 15px;
                color: rgba(255,255,255,.8)
            }

        nav > ul li.selected span, nav > ul li.selected > a {
            color: #000;
            font-weight: 600;
            text-decoration: none
        }
}

@media (max-width:992px) {
    nav, nav li > ul {
        text-align: center
    }

    .Banner .container {
        padding-right: 0;
        padding-left: 0
    }

    .contactsMap {
        padding-left: 0
    }

    .dark > h1, .footercategories, .footercontacts {
        padding-left: 70px
    }

    .contactsMapFrame {
        float: left
    }

    .contactsMapHeader {
        float: left;
        width: 100%
    }

    .footercategories {
        list-style: none
    }

    .hiddennav {
        display: none
    }

    header {
        padding: 0 0 15px
    }

    .brand {
        max-width: 266px;
        min-height: 103px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: left center
    }

    nav.open {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        //transform:translateX(-35px) scaleX(1.25);
        transform: translateX(0);
        //border:1px solid;
        overflow: hidden
    }

    nav {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        transition: -webkit-transform .3s ease-in-out,opacity .3s ease-in-out;
        transition: transform .3s ease-in-out,opacity .3s ease-in-out;
        position: absolute;
        top: 125px
    }

        nav > ul {
            margin: 0
        }

            nav > ul li:first-child a {
                padding: 10px 25px
            }

            nav > ul li a, nav > ul li span {
                padding: 25px 25px 10px;
                //color:#333
            }

            nav > ul li.selected span, nav > ul li.selected > a {
                color: #000;
                font-weight: 600;
                text-decoration: none
            }

            nav > ul li.selected ul {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                height: 120%
            }

        nav li > ul {
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            position: relative;
            transition: all .3s ease-in-out;
            height: 0;
            margin: 0
        }

    .message {
        width: 100%
    }
}

.message, .text {
    min-width: 320px;
    margin-bottom: 5px
}

@media (max-width:992px) and (max-width:992px) {
    nav > ul li.selected ul li a {
        color: #fff;
        font-weight: 500
    }
}

.contactsoffice, .contactsphone, .label1 {
    font-weight: 700
}

@media (max-width:796px) {
    .message {
        width: 100%
    }

    .row_contacts {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width:768px) {
    .footercategories {
        display: none
    }

    .container.contentarea {
        margin-left: 20px;
        margin-right: 20px
    }

    .Banner > .container.contentarea {
        margin-left: auto;
        margin-right: auto
    }

    .black > p, .brand, .brandmobile, .footercontacts {
        margin-left: 20px
    }

    .lang-switch-row {
        margin-right: 20px
    }

    .toggle {
        margin-right: 35px
    }

    .brandmobile {
        max-width: 206px;
        min-height: 103px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: left center;
        display: block
    }

    .footercontacts {
        padding-left: 0
    }

    .black > p {
        padding-left: 0 !important
    }

    .message {
        width: 100%
    }

    .brand {
        display: none
    }
}

.dark {
    background: #dad8db;
    height: 177px
}

    .dark a, .dark a:visited {
        color: #333;
        text-decoration: underline
    }

        .dark a:hover, .dark a:visited:hover {
            color: #fff
        }

    .dark code, .dark pre {
        background-color: rgba(248,248,248,.1)
    }

    .dark + .triangle:before {
        border-color: transparent transparent transparent #1c1c1e
    }

.black {
    background-color: #bab8b9;
    height: 52px
}

    .black > p {
        padding-left: 34px;
        padding-top: 14px
    }

.contactsmail, .footermail {
    text-decoration: underline;
    color: #2199d5 !important
}

a.button {
    color: #fff;
    text-decoration: none;
    background: #b3b3b3;
    padding: .7em 1.5em
}

    a.button:hover {
        background: #d3d3d3
    }

    a.button:active {
        background: #980f00
    }

.actions > li {
    padding-top: 10px
}

.message {
    max-width: 560px;
    min-height: 150px
}

.label1 {
    margin-top: 20px
}

.label2 {
    color: #b3b3b3
}

.feedback_article {
    margin-bottom: 55px;
    margin-top: 11px
}