/*#region normalize */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

    /**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        box-sizing: content-box; /* 2 */
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*#endregion */

/*#region common site styles */

/*#region general styles */

#header .contact-info .cotact-list,
#header .contact-info .chat-list,
#nav ul,
.block-content .list-icons,
.block-content .list-info,
.block-gallery .image-list,
.form-filter .search-bar .btns-holder,
.form-filter .items-area .items-list,
.bottom-block .companies-list ul,
.bottom-block .bottom-container .contact-area ul,
.bottom-block .bottom-container .footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
    overflow: hidden;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

* {
    max-height: 1000000px;
}

body {
    color: #58595b;
    background: #e6e7e8;
    font: 16px/34px "PT Sans Narrow", sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
}

.gm-style img {
    max-width: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
    font-family: inherit;
    font-weight: bold;
    margin: 0 0 .5em;
    color: inherit;
    text-transform: uppercase;
}

h1,
.h1 {
    font-size: 30px;
}

h2,
.h2 {
    font-size: 27px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 21px;
}

h5,
.h5 {
    font-size: 17px;
}

h6,
.h6 {
    font-size: 15px;
}

p {
    margin: 0 0 1em;
}

a {
    color: #58595b;
    text-decoration: none;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    border: 1px solid #58595b;
    padding: .4em .7em;
}

    input[type="text"]:focus,
    input[type="tel"]:focus,
    input[type="email"]:focus,
    input[type="search"]:focus,
    input[type="password"]:focus,
    textarea:focus {
        border-color: #000;
    }

    input[type="text"]:-moz-placeholder,
    input[type="tel"]:-moz-placeholder,
    input[type="email"]:-moz-placeholder,
    input[type="search"]:-moz-placeholder,
    input[type="password"]:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #58595b;
        opacity: 1;
    }

    input[type="text"]::-moz-placeholder,
    input[type="tel"]::-moz-placeholder,
    input[type="email"]::-moz-placeholder,
    input[type="search"]::-moz-placeholder,
    input[type="password"]::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #58595b;
        opacity: 1;
    }

    input[type="text"]:-ms-input-placeholder,
    input[type="tel"]:-ms-input-placeholder,
    input[type="email"]:-ms-input-placeholder,
    input[type="search"]:-ms-input-placeholder,
    input[type="password"]:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #58595b;
    }

    input[type="text"]::-webkit-input-placeholder,
    input[type="tel"]::-webkit-input-placeholder,
    input[type="email"]::-webkit-input-placeholder,
    input[type="search"]::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #58595b;
    }

select {
    -webkit-border-radius: 0;
}

textarea {
    resize: vertical;
    vertical-align: top;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}

table {
    margin: 0 auto;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

span.error {
    color: #c00 !important;
    padding-left: 4px;
}

span.error[style*="inline"] {
    display: block !important;
    margin-top: -8px;
}

/* main container styles */

#wrapper {
    position: relative;
    overflow: hidden;
}

/*#endregion */

/*#region embedded fonts styles */

@font-face {
    font-family: "FontAwesome";
    src: url("/fonts/fontawesome-webfont.eot");
    src: url("/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/fontawesome-webfont.woff2") format("woff2"), url("/fonts/fontawesome-webfont.woff") format("woff"), url("/fonts/fontawesome-webfont.ttf") format("truetype"), url("/fonts/fontawesome-webfont.svgfontawesome-webfont") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 fontawesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-phone:before {
    content: "\f095";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-comments:before {
    content: "\f086";
}

.fa-twitter:before {
    content: "\f099";
}

/*#endregion */

/*#region custom select styles */

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    width: 100%;
    height: 26px;
    color: #58595b;
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0;
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 17px;
        line-height: 26px;
        margin: 0 8px 0 52px;
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 21px 12px 0 12px;
        border-color: #1a315d transparent transparent transparent;
        bottom: 0;
        left: 2px;
        top: 2px;
    }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0;
    }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

/* multiple select styles */

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%;
    }

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

        .jcf-list ul li {
            overflow: hidden;
            display: block;
        }

    .jcf-list .jcf-overflow {
        overflow: auto;
    }

    .jcf-list .jcf-option {
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        padding: 5px 9px;
        color: #656565;
        height: 1%;
    }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #aaa !important;
    }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

/*#endregion */

/*#region header styles*/

#header {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0 0 25px;
    border: 1px solid #979596;
}

    #header .container {
        max-width: 960px;
        margin: 0 auto;
        padding-right: 0;
        position: static;
    }

    #header .logo {
        float: left;
        width: 304px;
        padding: 70px 0 0 20px;
    }

        #header .logo img {
            width: 100%;
            height: auto;
            vertical-align: top;
            image-rendering: -moz-crisp-edges;         /* Firefox */
            image-rendering:   -o-crisp-edges;         /* Opera */
            image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
            image-rendering: crisp-edges;
            -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
        }

        #header .logo a {
            display: block;
        }

    #header .right-block {
        overflow: hidden;
        text-align: right;
    }

    #header .contact-info {
        overflow: hidden;
        padding: 0 186px 0 0;
        margin: 0 0 15px;
        position: relative;
        min-height: 95px;
        display: inline-block;
        vertical-align: top;
        border-bottom: 1px solid #d2d3d5;
        border-left: 1px solid #eceded;
    }

        #header .contact-info .cotact-list {
            text-align: left;
            font-size: 18px;
            line-height: 22px;
        }

            #header .contact-info .cotact-list li {
                border-top: 2px solid #f1f2f2;
                padding: 12px 22px 12px 59px;
                position: relative;
                text-transform: uppercase;
            }

                #header .contact-info .cotact-list li:first-child {
                    border: none;
                }

            #header .contact-info .cotact-list a {
                color: #59595c;
                text-transform: none;
            }

                #header .contact-info .cotact-list a:hover {
                    color: #1a325d;
                }

            #header .contact-info .cotact-list .fa {
                position: absolute;
                left: 17px;
                top: 50%;
                color: #1f3761;
                font-size: 27px;
                line-height: 28px;
                margin: -15px 0 0;
            }

                #header .contact-info .cotact-list .fa.fa-phone {
                    font-size: 20px;
                    line-height: 26px;
                    padding: 0 4px;
                    border: 1px solid #1f3761;
                    border-radius: 100%;
                    margin: -13px 0 0;
                    width: 26px;
                    height: 26px;
                }

        #header .contact-info .chat-list {
            position: absolute;
            right: 0;
            top: 0;
            text-transform: uppercase;
            border-left: 2px solid #eeeeef;
            font-size: 0;
            line-height: 0;
        }

            #header .contact-info .chat-list > * {
                font-size: 16px;
                line-height: 22px;
            }

            #header .contact-info .chat-list li {
                display: inline-block;
                vertical-align: top;
                border-right: 2px solid #d2d3d5;
                width: 92px;
                text-align: center;
            }

            #header .contact-info .chat-list a {
                display: block;
                color: #59595c;
                padding: 10px;
            }

                #header .contact-info .chat-list a:hover {
                    color: #000;
                }

                    #header .contact-info .chat-list a:hover .fa {
                        color: #000;
                    }

            #header .contact-info .chat-list .text {
                display: block;
            }

            #header .contact-info .chat-list .fa {
                color: #1a325d;
                font-size: 40px;
                line-height: 59px;
                position: relative;
            }

                #header .contact-info .chat-list .fa.fa-comments {
                    font-size: 62px;
                    line-height: 55px;
                }

                #header .contact-info .chat-list .fa .dots {
                    position: absolute;
                    top: 19px;
                    left: 20px;
                    right: 0;
                    width: 9px;
                    height: 9px;
                    border-radius: 100%;
                    background: #fff;
                }

                    #header .contact-info .chat-list .fa .dots:after,
                    #header .contact-info .chat-list .fa .dots:before {
                        margin: 0 4px;
                        width: 9px;
                        height: 9px;
                        border-radius: 100%;
                        background: #fff;
                        content: "";
                        position: absolute;
                        left: -17px;
                        top: 0;
                    }

                    #header .contact-info .chat-list .fa .dots:after {
                        left: auto;
                        right: -17px;
                    }

/*#endregion */

/*#region main navigation styles */

#nav {
    font-size: 17px;
    line-height: 21px; /* nav opener styles*/
}

    #nav .nav-opener {
        width: 20px;
        height: 15px;
        position: relative;
        border-top: 2px solid #000;
        display: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 15px;
        right: 18px;
        z-index: 9999;
    }

        #nav .nav-opener:before,
        #nav .nav-opener:after {
            position: absolute;
            left: 0;
            right: 0;
            height: 2px;
            background: #000;
            content: "";
            top: 4px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #nav .nav-opener:after {
            top: 10px;
        }

    #nav ul {
        padding: 0 46px 0 0;
    }

        #nav ul li {
            display: inline-block;
            vertical-align: top;
            padding: 0 11px;
            font-size: 12px;
            line-height: 15px;
            text-transform: uppercase;
        }

            #nav ul li a:hover {
                color: #1a325d;
            }

.nav-active #nav .nav-opener {
    border: none;
}

    .nav-active #nav .nav-opener:before,
    .nav-active #nav .nav-opener:after {
        background: #fff;
        top: 6px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .nav-active #nav .nav-opener:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.container {
    max-width: 910px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}

/*#endregion */

/*#region list/table styles*/

li {
    list-style-position: inside;
}

ul.columns {
    width: 100%;
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

    ul.columns li {
        text-align: left;
    }

        ul.columns li a {
            color: #fff;
        }

            ul.columns li a:hover {
                text-decoration: underline !important;
            }

/*#endregion */

/*#region bottom block styles */

.bottom-block {
    position: relative;
    overflow: hidden; /* companies styles */
}

    .bottom-block .companies-list {
        overflow: hidden;
        background: #fff;
        padding: 54px 0 3px;
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        color: #1b315d;
    }

        .bottom-block .companies-list ul {
            text-align: center;
            margin: 0 -40px 20px;
        }

            .bottom-block .companies-list ul li {
                display: inline-block;
                vertical-align: top;
                padding: 0 40px;
            }

        .bottom-block .companies-list p {
            margin: 0 0 10px;
        }

    .bottom-block .subscribe-area {
        position: relative;
        overflow: hidden;
        background: #1a325d;
        text-align: center;
        color: #fff;
        padding: 11px 0 16px;
        font-size: 12px;
        line-height: 15px;
    }

        .bottom-block .subscribe-area .title {
            text-transform: uppercase;
            margin: 0 4px 0 0;
            display: inline-block;
            vertical-align: middle;
        }

        .bottom-block .subscribe-area .form-subscribe {
            width: 312px;
            border: 1px solid #bdc4d1;
            padding: 0 60px 0 0;
            position: relative;
            font-size: 12px;
            line-height: 12px;
            display: inline-block;
            vertical-align: middle;
        }

            .bottom-block .subscribe-area .form-subscribe input[type="text"],
            .bottom-block .subscribe-area .form-subscribe input[type="email"] {
                box-shadow: none;
                width: 100%;
                color: #6d6e70;
                padding: 0 7px;
                border: none;
                font-size: 12px;
                line-height: 14px;
            }

                .bottom-block .subscribe-area .form-subscribe input[type="text"]:-moz-placeholder,
                .bottom-block .subscribe-area .form-subscribe input[type="email"]:-moz-placeholder {
                    color: #6d6e70;
                    opacity: 1;
                }

                .bottom-block .subscribe-area .form-subscribe input[type="text"]::-moz-placeholder,
                .bottom-block .subscribe-area .form-subscribe input[type="email"]::-moz-placeholder {
                    color: #6d6e70;
                    opacity: 1;
                }

                .bottom-block .subscribe-area .form-subscribe input[type="text"]:-ms-input-placeholder,
                .bottom-block .subscribe-area .form-subscribe input[type="email"]:-ms-input-placeholder {
                    color: #6d6e70;
                }

                .bottom-block .subscribe-area .form-subscribe input[type="text"]::-webkit-input-placeholder,
                .bottom-block .subscribe-area .form-subscribe input[type="email"]::-webkit-input-placeholder {
                    color: #6d6e70;
                }

            .bottom-block .subscribe-area .form-subscribe input[type="submit"] {
                position: absolute;
                border: none;
                width: 60px;
                right: 0;
                top: 0;
                bottom: 0;
                color: #6d6e70;
                padding: 0 10px;
                background: #cfd1d2;
                font-size: 12px;
                line-height: 14px;
                text-transform: uppercase;
            }

                .bottom-block .subscribe-area .form-subscribe input[type="submit"]:hover {
                    background: #6d6e70;
                    color: #cfd1d2;
                }

    .bottom-block .bottom-container {
        max-width: 910px;
        padding: 11px 11px 14px;
        overflow: hidden;
        margin: 0 auto;
    }

        .bottom-block .bottom-container .footer-logo {
            float: left;
            width: 167px;
        }

            .bottom-block .bottom-container .footer-logo img {
                width: 100%;
                height: auto;
                vertical-align: top;
            }

            .bottom-block .bottom-container .footer-logo a {
                display: block;
            }

        .bottom-block .bottom-container .block-right {
            overflow: hidden;
            text-align: right;
            padding: 4px 0 0;
        }

        .bottom-block .bottom-container .contact-area,
        .bottom-block .bottom-container .footer-links {
            display: inline-block;
            vertical-align: top;
            padding: 0 25px;
            width: 140px;
            text-align: left;
            font-size: 13px;
            line-height: 17px;
        }

            .bottom-block .bottom-container .contact-area ul,
            .bottom-block .bottom-container .footer-links ul {
                color: #58595b;
            }

                .bottom-block .bottom-container .contact-area ul li,
                .bottom-block .bottom-container .footer-links ul li {
                    margin: 0 0 4px;
                }

                .bottom-block .bottom-container .contact-area ul a,
                .bottom-block .bottom-container .footer-links ul a {
                    color: #58595b;
                }

                    .bottom-block .bottom-container .contact-area ul a:hover,
                    .bottom-block .bottom-container .footer-links ul a:hover {
                        color: #0063ac;
                    }

            .bottom-block .bottom-container .contact-area .contact-info,
            .bottom-block .bottom-container .footer-links .contact-info {
                margin: 0;
                overflow: hidden;
            }

                .bottom-block .bottom-container .contact-area .contact-info dt,
                .bottom-block .bottom-container .contact-area .contact-info dd,
                .bottom-block .bottom-container .footer-links .contact-info dt,
                .bottom-block .bottom-container .footer-links .contact-info dd {
                    float: left;
                    margin: 0 0 12px;
                }

                .bottom-block .bottom-container .contact-area .contact-info dt,
                .bottom-block .bottom-container .footer-links .contact-info dt {
                    margin: 0 10px 12px 0;
                    clear: left;
                    text-transform: uppercase;
                }

                .bottom-block .bottom-container .contact-area .contact-info .fa,
                .bottom-block .bottom-container .footer-links .contact-info .fa {
                    font-size: 18px;
                    line-height: 18px;
                    margin: 0 0 0 4px;
                }

                    .bottom-block .bottom-container .contact-area .contact-info .fa:hover,
                    .bottom-block .bottom-container .footer-links .contact-info .fa:hover {
                        color: #0063ac;
                    }

                .bottom-block .bottom-container .contact-area .contact-info a:hover,
                .bottom-block .bottom-container .footer-links .contact-info a:hover {
                    color: #0063ac;
                }

        .bottom-block .bottom-container .contact-area {
            width: 261px;
            padding: 0 10px 0 34px;
        }

        .bottom-block .bottom-container .footer-links {
            border-right: 1px dashed #58595b;
        }

/*#endregion */

/*#region footer styles*/

#footer {
    max-width: 689px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 16px;
    text-align: center;
    color: #404041;
    font-size: 13px;
    line-height: 13px;
}

    #footer p {
        margin: 0 0 9px;
    }

    #footer a:hover {
        color: #0063ac;
    }

/*#endregion */

/*#region submit form styles */

.form-submit {
    max-width: 750px;
    margin: 0 auto;
    background: #b8cddc;
    color: #1a325d;
    padding: 10px 30px 26px;
}

    .form-submit h2,
    .form-submit h1 {
        color: #1a325d;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        margin: 0 0 15px;
        font-weight: normal;
    }

    .form-submit input[type="text"],
    .form-submit input[type="email"],
    .form-submit input[type="tel"],
    .form-submit textarea {
        width: 100%;
        box-shadow: none;
        -webkit-appearance: none;
        border: none;
        border-bottom: 2px solid #fff;
        padding: 5px 4px 1px;
        color: #1a325d;
        background: none;
        outline: none;
        font-size: 16px;
        line-height: 20px;
    }

        .form-submit input[type="text"]:-moz-placeholder,
        .form-submit input[type="email"]:-moz-placeholder,
        .form-submit input[type="tel"]:-moz-placeholder,
        .form-submit textarea:-moz-placeholder {
            color: #1a325d;
            opacity: 1;
        }

        .form-submit input[type="text"]::-moz-placeholder,
        .form-submit input[type="email"]::-moz-placeholder,
        .form-submit input[type="tel"]::-moz-placeholder,
        .form-submit textarea::-moz-placeholder {
            color: #1a325d;
            opacity: 1;
        }

        .form-submit input[type="text"]:-ms-input-placeholder,
        .form-submit input[type="email"]:-ms-input-placeholder,
        .form-submit input[type="tel"]:-ms-input-placeholder,
        .form-submit textarea:-ms-input-placeholder {
            color: #1a325d;
        }

        .form-submit input[type="text"]::-webkit-input-placeholder,
        .form-submit input[type="email"]::-webkit-input-placeholder,
        .form-submit input[type="tel"]::-webkit-input-placeholder,
        .form-submit textarea::-webkit-input-placeholder {
            color: #1a325d;
        }

    .form-submit .field-holder {
        overflow: hidden;
        margin: 0 0 -3px;
    }

    .form-submit textarea {
        height: 127px;
        resize: none;
    }

    .form-submit .fields-area {
        margin: 0 0 26px;
    }

    .form-submit input[type="submit"] {
        display: block;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #1a325d;
        font-size: 15px;
        line-height: 18px;
        padding: 2px 10px;
        width: 100%;
        border: none;
    }

        .form-submit input[type="submit"]:hover {
            background: #fff;
            color: #1a325d;
        }

/*#endregion */

/*#region captcha styles */

.g-recaptcha {
	padding-bottom: 20px;
}

.g-recaptcha > div {
	margin: 0 auto;
}

/*#endregion */

/*#endregion */

/*#region block styles */

/*#region visual block styles */

.visual-block {
    position: relative;
    min-height: 560px;
}

    .visual-block .container {
        max-width: 915px;
        padding: 88px 15px;
    }

    .visual-block .bg-stretch {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-position: 50% 50%;
    }

    .visual-block h1 {
        color: #fff;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 36px;
        line-height: 38px;
    }

        .visual-block h1 .text {
            display: block;
            width: 400px;
            margin: 0 0 6px;
            background: #1a325d;
            padding: 7px 7px 6px 17px;
        }

/*#endregion */

/*#region about block styles */

.block-about {
    position: relative;
    overflow: hidden;
    padding: 37px 0 24px;
    text-align: center;
    color: #fff;
    background: #0164ac;
}

    .block-about p {
        margin: 0 0 33px;
    }

.top-head {
    padding: 0 0 42px;
    border-bottom: 1px dashed #3684bd;
    position: relative;
    max-width: 535px;
    margin: 0 auto 24px;
    text-transform: uppercase;
    text-align: center;
}

    .top-head h2 {
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        margin: 0 0 10px;
    }

    .top-head:after {
        height: 40px;
        border-left: 1px dashed #3684bd;
        left: 50%;
        bottom: 0;
        content: "";
        position: absolute;
    }

    .top-head p {
        margin: 0 0 30px;
    }

/*#endregion */

/*#region content block styles */

.block-content {
    padding: 58px 0 50px;
    text-align: center;
}

    .block-content.add {
        padding: 58px 0 61px;
    }

        .block-content.add .list-icons {
            margin: 0 -35px 46px;
        }

        .block-content.add p {
            margin: 0 0 64px;
        }

    .block-content.add1 {
        padding: 58px 0 70px;
    }

        .block-content.add1 .top-head {
            margin: 0 auto 14px;
        }

        .block-content.add1 .list-icons {
            margin: 0 -47px 59px;
        }

            .block-content.add1 .list-icons li {
                padding: 0 47px;
            }

        .block-content.add1 p {
            margin: 0 0 64px;
        }

    .block-content.add2 {
        color: #1a325d;
        padding: 58px 0 28px;
    }

        .block-content.add2 h2 {
            color: #1a325d;
        }

        .block-content.add2 .top-head {
            margin: 0 auto 27px;
        }

    .block-content h2 {
        color: #1b315d;
    }

    .block-content .list-icons {
        margin: 0 -35px 55px;
        font-size: 0;
        line-height: 0;
    }

        .block-content .list-icons > * {
            font-size: 17px;
            line-height: 22px;
        }

        .block-content .list-icons li {
            display: inline-block;
            vertical-align: middle;
            padding: 0 35px;
        }

    .block-content .top-head {
        border-color: #b5bcc7;
        padding: 0 0 39px;
        margin: 0 auto 19px;
    }

        .block-content .top-head:after {
            border-color: #b5bcc7;
        }

    .block-content p {
        margin: 0 0 33px;
    }

    .block-content .btn {
        display: block;
        background: #9fa0a1;
        color: #fff;
        border-radius: 5px;
        width: 296px;
        margin: 0 auto;
        display: block;
        line-height: 20px;
        padding: 4px;
    }

        .block-content .btn:hover {
            color: #9fa0a1;
            background: #fff;
        }

    .block-content .list-info li {
        position: relative;
        padding: 0 0 0 9px;
    }

        .block-content .list-info li:before {
            border-radius: 100%;
            background: #58595b;
            width: 4px;
            height: 4px;
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin: 0 4px 0 0;
        }

/*#endregion */

/*#region gallery block styles */

.block-gallery {
    position: relative;
    overflow: hidden;
}

    .block-gallery .image-list {
        font-size: 0;
        line-height: 0;
    }

        .block-gallery .image-list > * {
            font-size: 17px;
            line-height: 22px;
        }

        .block-gallery .image-list li {
            display: inline-block;
            vertical-align: top;
            width: 33.333%;
        }

        .block-gallery .image-list img {
            width: 100%;
            height: auto;
            vertical-align: top;
        }

/*#endregion */

/*#region contact block styles */

.block-contact {
    position: relative;
    overflow: hidden;
    background: #e6e7e8;
    padding: 63px 0 61px;
}

    .block-contact.add {
        padding: 63px 0 33px;
    }

/*#endregion */

/*#region notes block styles */

.block-notes {
    padding: 0 0 49px;
    text-align: center;
}

    .block-notes h1 {
        font-size: 17px;
        line-height: 21px;
        margin: 0 0 40px;
        font-weight: normal;
    }

    .block-notes h2 {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 18px;
        color: #1a325d;
        font-weight: normal;
    }

    .block-notes .container {
        max-width: 780px;
        margin: 0 auto;
        padding: 15px;
    }

    .block-notes .block-info {
        color: #fff;
        background: #0164ac;
        padding: 13px 20px 23px;
        overflow: hidden;
    }

        .block-notes .block-info a {
            color: #fff;
            text-decoration: underline;
        }

        .block-notes .block-info ul.columns li a {
            text-decoration: none;
        }

        .block-notes .block-info p {
            margin: 0 0 33px;
        }

            .block-notes .block-info p:last-child {
                margin: 0 0 10px;
            }

/*#endregion */

/*#region part-code block styles */

        .part-code .block-notes.first {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .part-code .block-notes .block-info {
            padding-top: 25px;
            margin-bottom: 0;
        }

        .part-code .block-notes .block-info h1 {
            font-size: 33px;
        }

        .part-code .block-notes .block-info h2 {
            font-size: 27px;
            color: #fff;
            line-height: 27px;
        }

        .part-code .block-contact {
            padding-top: 18px;
        }

/*#endregion */

/*#region filters block styles */

.block-filter {
    position: relative;
    overflow: hidden;
    padding: 61px 0;
}

    .block-filter .container {
        max-width: 786px;
    }

/*#endregion */

/*#region filters form styles */

.form-filter {
    background: #b8cddc;
    padding: 23px 13px 34px;
}

    .form-filter .icon-globe {
        display: block;
        width: 82px;
        height: 82px;
        border: 1px solid #fff;
        background: #e6e7e8;
        padding: 15px;
        border-radius: 100%;
        margin: 0 auto 32px;
    }

        .form-filter .icon-globe img {
            width: 100%;
            height: auto;
            vertical-align: top;
        }

    .form-filter .select-holder {
        position: relative;
        margin: 0 0 33px;
    }

    .form-filter .search-area {
        position: relative;
        overflow: hidden;
        text-align: center;
        margin: 0 0 -3px;
    }

        .form-filter .search-area .icon-search {
            display: block;
            width: 82px;
            height: 82px;
            border: 1px solid #fff;
            background: #e6e7e8;
            padding: 15px;
            border-radius: 100%;
            margin: 0 auto 12px;
        }

            .form-filter .search-area .icon-search img {
                width: 100%;
                height: auto;
                vertical-align: top;
            }

        .form-filter .search-area .title {
            display: block;
            text-align: center;
            font-weight: normal;
            color: #58595b;
            text-transform: uppercase;
            font-size: 19px;
            line-height: 22px;
        }

    .form-filter .search-info {
        position: relative;
        overflow: hidden;
        color: #1b315d;
        color: rgba(27, 49, 93, .3);
        margin: 0 0 9px;
        font-size: 10px;
        line-height: 12px;
    }

        .form-filter .search-info .info {
            float: left;
            width: 40%;
            padding: 4px 0 0;
        }

        .form-filter .search-info .total-items {
            float: right;
            width: 50%;
            text-align: right;
            color: #1b315d;
            color: rgba(27, 49, 93, .6);
            font-size: 11px;
            line-height: 14px;
        }

    .form-filter .search-bar {
        position: relative;
        overflow: hidden;
        padding: 0 144px 0 0;
        margin: 0 0 34px;
    }

        .form-filter .search-bar input[type="text"],
        .form-filter .search-bar input[type="email"],
        .form-filter .search-bar input[type="search"] {
            border: none;
            width: 100%;
            padding: 7px 10px;
            box-shadow: none;
            display: block;
            font-size: 11px;
            line-height: 14px;
            -webkit-appearance: none;
        }

        .form-filter .search-bar .btns-holder {
            position: absolute;
            right: 0;
            top: 0;
            overflow: hidden;
            width: 144px;
            font-size: 0;
            line-height: 0;
        }

            .form-filter .search-bar .btns-holder > * {
                font-size: 11px;
                line-height: 14px;
            }

            .form-filter .search-bar .btns-holder li {
                display: inline-block;
                vertical-align: top;
                width: 72px;
                position: relative;
            }

                .form-filter .search-bar .btns-holder li:first-child:after {
                    display: none;
                }

                .form-filter .search-bar .btns-holder li:after {
                    position: absolute;
                    left: 0;
                    width: 1px;
                    top: 0;
                    bottom: 0;
                    background: #415578;
                    content: "";
                }

            .form-filter .search-bar .btns-holder input[type="reset"],
            .form-filter .search-bar .btns-holder input[type="submit"] {
                border: none;
                display: block;
                width: 100%;
                background: #1a325d;
                color: #fff;
                padding: 7px 2px;
                font-size: 11px;
                line-height: 14px;
                text-transform: uppercase;
            }

                .form-filter .search-bar .btns-holder input[type="reset"]:hover,
                .form-filter .search-bar .btns-holder input[type="submit"]:hover {
                    background: #000;
                }

    .form-filter .items-area {
        position: relative;
        overflow: hidden;
        color: #fff;
        background: #e6e7e8;
        padding: 5px;
    }

        .form-filter .items-area .items-list {
            margin: 0 0 2px;
            border-bottom: 1px solid #fff;
            font-size: 14px;
            line-height: 18px;
        }

        .form-filter .items-area li {
            padding: 3px 137px 4px 11px;
            border-width: 1px 1px 0;
            border-style: solid;
            background: #1a325d;
            margin: 0 0 1px;
            border-color: #fff #fff transparent;
            overflow: hidden;
            position: relative;
        }

            .form-filter .items-area li .title {
                float: left;
                width: 136px;
                text-transform: uppercase;
            }

            .form-filter .items-area li .description {
                overflow: hidden;
            }

            .form-filter .items-area li .cancel {
                position: absolute;
                right: 10px;
                top: 5px;
                width: 14px;
                height: 14px;
                border-radius: 100%;
                overflow: hidden;
                text-indent: -9999px;
                background: url(/images/ico-cancel.png) no-repeat;
            }

                .form-filter .items-area li .cancel:hover {
                    opacity: .8;
                }

        .form-filter .items-area .btn {
            background: #1a325d;
            color: #fff;
            border: 1px solid #fff;
            width: 73px;
            float: right;
            padding: 7px 10px;
            text-align: center;
            text-transform: uppercase;
            font-size: 11px;
            line-height: 14px;
        }

            .form-filter .items-area .btn:hover {
                background: #000;
            }

/*#endregion */

/*#region stock block styles */

.block-stock {
    position: relative;
    overflow: hidden;
    background: #0164ac;
    color: #fff;
    text-align: center;
}

    .block-stock .product-info {
        font-size: 28px;
        line-height: 34px;
        padding: 0 0 44px;
        letter-spacing: .8px;
    }

        .block-stock .product-info h1 {
            font-weight: normal;
            font-size: 28px;
            line-height: 32px;
            margin: 0 0 36px;
        }

        .block-stock .product-info .head {
            font-size: 28px;
            line-height: 32px;
            margin: 0 0 20px;
        }

            .block-stock .product-info .head p {
                margin: 0 0 31px;
            }

        .block-stock .product-info h2 {
            font-size: 32px;
            line-height: 36px;
            font-weight: 700;
            color: #37b34a;
            margin: 0 0 35px;
        }

        .block-stock .product-info p {
            margin: 0 0 30px;
        }

        .block-stock .product-info .license-info {
            display: block;
            font-size: 17px;
            line-height: 20px;
            margin: 0 0 15px;
        }

    .block-stock .container {
        max-width: 780px;
        padding: 53px 15px 62px;
    }

    .block-stock .form-submit {
        background: #1b94d1;
        padding: 4px 30px 26px;
    }

        .block-stock .form-submit h2,
        .block-stock .form-submit h1 {
            color: #fff;
            margin: 0 0 20px;
        }

        .block-stock .form-submit input[type="text"],
        .block-stock .form-submit input[type="email"],
        .block-stock .form-submit input[type="tel"],
        .block-stock .form-submit textarea {
            color: #fff;
            border-color: #d1eaf6;
        }

            .block-stock .form-submit input[type="text"]:-moz-placeholder,
            .block-stock .form-submit input[type="email"]:-moz-placeholder,
            .block-stock .form-submit input[type="tel"]:-moz-placeholder,
            .block-stock .form-submit textarea:-moz-placeholder {
                color: #fff;
                opacity: 1;
            }

            .block-stock .form-submit input[type="text"]::-moz-placeholder,
            .block-stock .form-submit input[type="email"]::-moz-placeholder,
            .block-stock .form-submit input[type="tel"]::-moz-placeholder,
            .block-stock .form-submit textarea::-moz-placeholder {
                color: #fff;
                opacity: 1;
            }

            .block-stock .form-submit input[type="text"]:-ms-input-placeholder,
            .block-stock .form-submit input[type="email"]:-ms-input-placeholder,
            .block-stock .form-submit input[type="tel"]:-ms-input-placeholder,
            .block-stock .form-submit textarea:-ms-input-placeholder {
                color: #fff;
            }

            .block-stock .form-submit input[type="text"]::-webkit-input-placeholder,
            .block-stock .form-submit input[type="email"]::-webkit-input-placeholder,
            .block-stock .form-submit input[type="tel"]::-webkit-input-placeholder,
            .block-stock .form-submit textarea::-webkit-input-placeholder {
                color: #fff;
            }

/*#endregion */

/*#endregion */

/*#region page styles */

/*#endregion */

/*#region Media Queries */

@media (max-width: 849px) {
    #header .logo {
        width: 224px;
        padding: 70px 0 0;
    }

    .bottom-block .companies-list ul {
        margin: 0 -20px 20px;
    }

        .bottom-block .companies-list ul li {
            padding: 0 20px;
        }
}

@media (max-width: 767px) {
    body {
        line-height: 24px;
    }

    #header {
        padding: 10px 0;
        border: none;
    }

        #header .container {
            padding-right: 15px;
        }

        #header .logo {
            width: 200px;
            padding: 0;
            float: none;
            display: block;
        }

        #header .right-block {
            text-align: left;
        }

        #header .contact-info {
            padding: 10px 0 0;
            border: none;
            width: 287px;
            margin: 0 auto;
            display: block;
        }

            #header .contact-info .cotact-list {
                border: 2px solid #eeeeef;
            }

                #header .contact-info .cotact-list li {
                    padding: 12px 15px 12px 49px;
                }

                #header .contact-info .cotact-list .fa {
                    left: 5px;
                }

            #header .contact-info .chat-list {
                position: static;
                margin: 0 0 10px;
                border: 2px solid #eeeeef;
            }

                #header .contact-info .chat-list li {
                    width: 50%;
                    border-right: none;
                    border-left: 2px solid #d2d3d5;
                }

                    #header .contact-info .chat-list li:first-child {
                        border: none;
                    }

    #nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

        #nav .nav-opener {
            display: block;
        }

        #nav ul {
            padding: 40px 20px 20px;
        }

            #nav ul li {
                padding: 0;
                display: block;
                margin: 0 0 4px;
            }

                #nav ul li a {
                    color: #fff;
                }

                    #nav ul li a:hover {
                        color: #fff;
                        opacity: .6;
                    }

    .nav-drop {
        position: absolute;
        z-index: 999;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
        background: #1a325d;
        right: 0;
        width: 100%;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    .nav-active .nav-drop {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .visual-block {
        min-height: inherit;
    }

        .visual-block h1 {
            margin: 0;
            font-size: 25px;
            line-height: 28px;
        }

            .visual-block h1 .text {
                width: 290px;
            }

    .block-about {
        padding: 24px 0;
    }

        .block-about p {
            margin: 0 0 20px;
        }

    .top-head {
        padding: 0 0 20px;
        margin: 0 auto 10px;
    }

        .top-head:after {
            height: 30px;
        }

        .top-head p {
            margin: 0 0 20px;
        }

    .block-content {
        padding: 30px 0;
    }

        .block-content.add {
            padding: 30px 0;
        }

            .block-content.add .list-icons {
                margin: 0 -35px 10px;
            }

            .block-content.add p {
                margin: 0 0 20px;
            }

        .block-content.add1 {
            padding: 30px 0;
        }

            .block-content.add1 .list-icons {
                margin: 0 -35px 10px;
            }

                .block-content.add1 .list-icons li {
                    padding: 0 47px 10px;
                }

            .block-content.add1 p {
                margin: 0 0 20px;
            }

        .block-content.add2 {
            padding: 30px 0;
        }

            .block-content.add2 .top-head {
                margin: 0 auto 10px;
            }

        .block-content .list-icons {
            margin: 0 -35px 10px;
        }

            .block-content .list-icons li {
                padding: 0 35px 20px;
            }

        .block-content .top-head {
            padding: 0 0 20px;
            margin: 0 auto 10px;
        }

        .block-content p {
            margin: 0 0 20px;
        }

    .block-gallery .image-list li {
        width: 100%;
    }

    .block-contact {
        padding: 30px 0;
    }

    .form-submit {
        padding: 10px 20px 16px;
    }

    .block-notes h3 {
        margin: 0 0 20px;
    }

    .block-notes .block-info p {
        margin: 0 0 20px;
    }

    .form-filter .items-area li {
        padding: 3px 37px 4px 11px;
    }

        .form-filter .items-area li .title {
            float: none;
            display: block;
            width: 100%;
        }

    .block-stock .product-info {
        padding: 0 0 15px;
        font-size: 20px;
        line-height: 30px;
    }

        .block-stock .product-info h1 {
            margin: 0 0 15px;
            font-size: 24px;
            line-height: 30px;
        }

        .block-stock .product-info .head {
            margin: 0 0 15px;
            font-size: 24px;
            line-height: 30px;
        }

            .block-stock .product-info .head p {
                margin: 0 0 20px;
            }

        .block-stock .product-info h2 {
            margin: 0 0 15px;
            font-size: 28px;
            line-height: 30px;
        }

    .block-stock .container {
        padding: 30px 15px;
    }

    .block-stock .form-submit {
        padding: 4px 15px 20px;
    }

    .bottom-block .companies-list {
        padding: 30px 0 3px;
    }

    .bottom-block .subscribe-area .title {
        margin: 0 0 4px;
        display: block;
    }

    .bottom-block .subscribe-area .form-subscribe {
        width: 280px;
    }

    .bottom-block .bottom-container {
        padding: 11px 11px 6px;
    }

        .bottom-block .bottom-container .footer-logo {
            float: none;
            display: block;
            margin: 0 auto 20px;
        }

        .bottom-block .bottom-container .contact-area,
        .bottom-block .bottom-container .footer-links {
            width: 48%;
        }

            .bottom-block .bottom-container .contact-area .contact-info,
            .bottom-block .bottom-container .footer-links .contact-info {
                width: 180px;
                margin: 0 auto;
                text-align: center;
            }

                .bottom-block .bottom-container .contact-area .contact-info dt,
                .bottom-block .bottom-container .contact-area .contact-info dd,
                .bottom-block .bottom-container .footer-links .contact-info dt,
                .bottom-block .bottom-container .footer-links .contact-info dd {
                    float: none;
                    display: inline-block;
                    vertical-align: top;
                }

        .bottom-block .bottom-container .contact-area {
            width: 100%;
            padding: 20px 20px 0;
        }

        .bottom-block .bottom-container .footer-links {
            border: none;
        }

            .bottom-block .bottom-container .footer-links:first-child {
                text-align: right;
                border-right: 1px dashed #58595b;
            }

    #footer {
        text-align: center;
    }
}

/*#endregion */