@charset "UTF-8";
/*!
Theme Name: Adiran
Theme URI:
Author: Alexander Yudaev
Author URI:
Description: Theme based official wordpress theme _s
Version: 1.0.0
License:
License URI:
Text Domain: ya
Tags:

bux is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Version from 13/12/2017 Commit id 115dd8209c41669d1c6c173cbe533523bbc73158

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Main general styles
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */

    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    margin: 0.67em 0;

    font-size: 2em;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    /* 1 */
    overflow: visible;

    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;

    border-bottom: none;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    position: relative;

    vertical-align: baseline;

    font-size: 75%;
    line-height: 0;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0 5px;

    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;

    border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    /* 2 */
    display: table;

    box-sizing: border-box;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */

    white-space: normal;
    /* 1 */

    color: inherit;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    /* 1 */
    outline-offset: -2px;

    -webkit-appearance: textfield;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    /* 1 */
    font: inherit;

    -webkit-appearance: button;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/*--------------------------------------------------------------
# Icons
--------------------------------------------------------------*/
@font-face {
    font-family: "adiran";

    src: url("fonts/adiran.eot");
    src: url("fonts/adiran.eot?#iefix") format("eot"), url("fonts/adiran.woff") format("woff"), url("fonts/adiran.ttf") format("truetype"), url("fonts/adiran.svg#ai") format("svg");
}

[class^="icon-"],
[class*=" icon-"] {
    text-transform: none;
    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: "adiran" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

.icon-chevron-down:before {
    content: "";
}

.icon-chevron-left:before {
    content: "";
}

.icon-chevron-right:before {
    content: "";
}

.icon-chevron-up:before {
    content: "";
}

.icon-sort-amount-up:before {
    content: "";
}

.icon-check-circle:before {
    content: "";
}

.icon-chevron-circle-down:before {
    content: "";
}

.icon-chevron-circle-left:before {
    content: "";
}

.icon-chevron-circle-right:before {
    content: "";
}

.icon-chevron-circle-up:before {
    content: "";
}

.icon-clock:before {
    content: "";
}

.icon-cloud-download-alt:before {
    content: "";
}

.icon-cogs:before {
    content: "";
}

.icon-copyright:before {
    content: "";
}

.icon-envelope:before {
    content: "";
}

.icon-facebook-f:before {
    content: "";
}

.icon-facebook-square:before {
    content: "";
}

.icon-fax:before {
    content: "";
}

.icon-file-default:before {
    content: "";
}

.icon-file-excel:before {
    content: "";
}

.icon-file-image:before {
    content: "";
}

.icon-file-pdf:before {
    content: "";
}

.icon-file-powerpoint:before {
    content: "";
}

.icon-file-word:before {
    content: "";
}

.icon-file:before {
    content: "";
}

.icon-google-plus-g:before {
    content: "";
}

.icon-google-square:before {
    content: "";
}

.icon-linkedin-in:before {
    content: "";
}

.icon-linkedin-square:before {
    content: "";
}

.icon-mail:before {
    content: "";
}

.icon-map-marker-alt:before {
    content: "";
}

.icon-map:before {
    content: "";
}

.icon-phone:before {
    content: "";
}

.icon-pinterest-square:before {
    content: "";
}

.icon-plus-circle:before {
    content: "";
}

.icon-thumbs-up:before {
    content: "";
}

.icon-times:before {
    content: "";
}

.icon-twitter-square:before {
    content: "";
}

.icon-twitter:before {
    content: "";
}

.icon-youtube-square:before {
    content: "";
}

.icon-youtube:before {
    content: "";
}

.icon-oil-mist-plastic-rubber:before {
    content: "";
}

.icon-oil-mist-thermo-treat:before {
    content: "";
}

.icon-oil-mist-yeztika:before {
    content: "";
}

.icon-labs-industry:before {
    content: "";
}

.icon-labs-uni:before {
    content: "";
}

.icon-oil-mist-heat:before {
    content: "";
}

.icon-oil-mist-ibud-shvavi:before {
    content: "";
}

.icon-oil-mist-textile:before {
    content: "";
}

.icon-labs-hospital:before {
    content: "";
}

.icon-labs-elctronics:before {
    content: "";
}

.icon-carsmoke-truck-bus:before {
    content: "";
}

.icon-custom-electric:before {
    content: "";
}

.icon-custom-factory:before {
    content: "";
}

.icon-custom-food:before {
    content: "";
}

.icon-custom-institute:before {
    content: "";
}

.icon-custom-lab:before {
    content: "";
}

.icon-custom-paint:before {
    content: "";
}

.icon-custom-production:before {
    content: "";
}

.icon-labs-cosmetics:before {
    content: "";
}

.icon-custom-davadim:before {
    content: "";
}

.icon-labs-chemistry:before {
    content: "";
}

.icon-carsmoke-bike:before {
    content: "";
}

.icon-carsmoke-cool-truck:before {
    content: "";
}

.icon-carsmoke-firestation:before {
    content: "";
}

.icon-carsmoke-garage:before {
    content: "";
}

.icon-carsmoke-government:before {
    content: "";
}

.icon-carsmoke-handing:before {
    content: "";
}

.icon-carsmoke-heavyduty:before {
    content: "";
}

.icon-carsmoke-private:before {
    content: "";
}

.icon-carsmoke-security-system:before {
    content: "";
}

.icon-carsmoke-check:before {
    content: "";
}

.icon-carsmoke-hydraulic:before {
    content: "";
}

.icon-avak-wood:before {
    content: "";
}

.icon-carsmoke-army:before {
    content: "";
}

.icon-avak-agriculture:before {
    content: "";
}

.icon-avak-chemistry:before {
    content: "";
}

.icon-avak-construction:before {
    content: "";
}

.icon-avak-food:before {
    content: "";
}

.icon-avak-steel:before {
    content: "";
}

.icon-zivud-efficiency:before {
    content: "";
}

.icon-zivud-order:before {
    content: "";
}

.icon-zivud-safty:before {
    content: "";
}

.icon-zivud-savings:before {
    content: "";
}

.icon-avak-pharma:before {
    content: "";
}

.icon-zivud-customization:before {
    content: "";
}

.icon-doors-security:before {
    content: "";
}

.icon-doors-hagana:before {
    content: "";
}

.icon-doors-cold:before {
    content: "";
}

.icon-doors-fast:before {
    content: "";
}

.icon-doors-food:before {
    content: "";
}

.icon-doors-freeze:before {
    content: "";
}

.icon-doors-glila:before {
    content: "";
}

.icon-doors-hangar:before {
    content: "";
}

.icon-doors-isolate:before {
    content: "";
}

.icon-doors-panels:before {
    content: "";
}

.icon-doors-rampa:before {
    content: "";
}

.icon-doors-clean-room:before {
    content: "";
}

.icon-ivrur-acustic:before {
    content: "";
}

.icon-ivrur-big-fan:before {
    content: "";
}

.icon-ivrur-tziri:before {
    content: "";
}

.icon-24-7-phone:before {
    content: "";
}

.icon-sinun-avak-shvavim:before {
    content: "";
}

.icon-sinun-car:before {
    content: "";
}

.icon-sinun-custom:before {
    content: "";
}

.icon-sinun-labs:before {
    content: "";
}

.icon-sinun-oil-mist:before {
    content: "";
}

.icon-sinun-welding:before {
    content: "";
}

/*--------------------------------------------------------------
# Main general styles
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

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

body {
    color: #59595c;
    background-color: #ffffff;

    font-family: "Open Sans Hebrew", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

body.overflow {
    overflow: hidden;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #59595c;
}

a:visited {
    color: #59595c;
}

a:hover,
a:focus,
a:active {
    color: #3054a1;
}

a:focus {
    outline: thin dotted;
}

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

a.btn-main,
a.btn-blue,
a.btn-darken,
.error-404 ul.menu > li > a,
a.btn-white {
    display: inline-block;

    padding: 7.5px 30px;

    transition: all 0.5s ease;
    text-decoration: none;
    /* margin-bottom: 60px; */
}

a.btn-main i,
a.btn-blue i,
a.btn-darken i,
.error-404 ul.menu > li > a i,
a.btn-white i {
    margin-right: 5px;
}

a.btn-white {
    color: #ffffff;
    border: 1px solid #ffffff;
}

a.btn-white:hover {
    color: #3054a1;
    background-color: #ffffff;
}

a.btn-blue {
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #3054a1;
}

a.btn-blue:hover {
    color: #3054a1;
    background-color: #ffffff;
}

a.btn-blue:hover {
    border: 1px solid #3054a1;
}

a.btn-darken,
.error-404 ul.menu > li > a {
    color: #333333;
    border: 1px solid #333333;
}

a.btn-darken:hover,
.error-404 ul.menu > li > a:hover {
    color: #ffffff;
    background-color: #333333;
}

a.btn-main {
    color: #3054a1;
    border: 2px solid #3054a1;
}

a.btn-main:hover {
    color: #ffffff;
    background-color: #3054a1;
}

/*--------------------------------------------------------------
## Heading
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;

    margin: 0;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    h1 {
        font-size: 44px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 20px;
    }
}

/*--------------------------------------------------------------
## General tags
--------------------------------------------------------------*/
p {
    margin: 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    overflow: auto;

    max-width: 100%;
    margin-bottom: 1.6em;
    padding: 1.6em;

    background: transparent;

    font-family: "Courier 10 Pitch", Courier, monospace;
    line-height: 1.6;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    cursor: help;

    border-bottom: 1px dotted;
}

mark,
ins {
    text-decoration: none;

    background: transparent;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
.container-fluid,
.container {
    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.container-fluid .row:before,
.container-fluid .row:after,
.container .row:before,
.container .row:after {
    display: table;
    clear: both;

    table-layout: fixed;

    content: "";

    flex-basis: 0;
    order: 1;
}

@media screen and (min-width: 768px) {
    .container-fluid .row,
    .container .row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.container-fluid .row > *,
.container-fluid .row > header,
.container-fluid .row > nav,
.container-fluid .row > section,
.container-fluid .row > div,
.container .row > *,
.container .row > header,
.container .row > nav,
.container .row > section,
.container .row > div {
    position: relative;

    max-width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media screen and (min-width: 768px) {
    .container-fluid .row > section,
    .container-fluid .row > div,
    .container .row > section,
    .container .row > div {
        float: right;
    }
}

.container {
    max-width: 1170px;
}

@media screen and (min-width: 768px) {
    .container-wrapper {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media screen and (min-width: 992px) {
    .container-wrapper {
        margin-right: 30px;
        margin-left: 30px;
    }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
hr {
    height: 1px;
    margin-bottom: 1.5em;

    border: 0;
    background-color: #949494;
}

ul,
ol {
    margin: 0;
    padding: 0 20px;
}

.content ul,
.content ol {
    margin: 15px 0 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    height: auto;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    width: calc( 100% - 1px);
    margin: 0 1px 1.5em;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.sr-only,
.screen-reader-text {
    position: absolute !important;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    word-wrap: normal !important;

    border: 0;

    clip-path: inset(50%);
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.sr-only:focus,
.screen-reader-text:focus {
    z-index: 100000;
    top: 5px;
    left: 5px;

    display: block;
    clip: auto !important;

    width: auto;
    height: auto;
    padding: 15px 23px 14px;

    text-decoration: none;

    color: #21759b;
    border-radius: 3px;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;

    clip-path: none;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;

    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;

    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    clear: both;

    margin-right: auto;
    margin-left: auto;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

    border: none;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
}

.wp-caption img[class*="wp-image-"] {
    display: block;

    margin-right: auto;
    margin-left: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;

    width: 100%;

    text-align: center;
    vertical-align: top;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    position: relative;

    display: inline-block;
    overflow: visible;

    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-transform: lowercase;

    color: #ffffff;
    border: 0;
    border-radius: 0;
    background-color: #3054a1;
    background-image: none;
    box-shadow: none;
    text-shadow: none;

    line-height: 1;
}

button:hover,
button:active,
button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    color: #ffffff;
    background-color: #59595c;
}

button:disabled,
button.disabled,
button:disabled[disabled],
input[type="button"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled[disabled],
input[type="reset"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled[disabled],
input[type="submit"]:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled[disabled] {
    background-color: #3054a1;
}

::placeholder {
    color: #666666;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
    float: left;

    width: 100%;
    margin-right: -15px;
}

.main-navigation ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

@media screen and (min-width: 992px) {
    .main-navigation ul {
        margin-top: 82px;
    }
}

.main-navigation ul ul {
    position: absolute;
    z-index: 99999;
    top: 100%;
    left: -999em;

    display: none;
    float: left;

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.main-navigation ul ul ul {
    top: 0;
    left: -999em;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

@media screen and (min-width: 768px) {
    .main-navigation li {
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }
    .home .main-navigation li {
        border-top-color: #59595c;
        border-bottom-color: #59595c;
    }
}

@media screen and (min-width: 768px) {
    .main-navigation li {
        float: right;
    }
}

.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a,
.main-navigation li:hover > a,
.main-navigation li.focus > a {
    color: #3054a1;
}

@media screen and (min-width: 768px) {
    .main-navigation li.current_page_item,
    .main-navigation li.current-menu-item,
    .main-navigation li.current_page_ancestor,
    .main-navigation li.current-menu-ancestor,
    .main-navigation li:hover,
    .main-navigation li.focus {
        background-color: #59595c;
    }
    .home .main-navigation li.current_page_item,
    .home .main-navigation li.current-menu-item,
    .home .main-navigation li.current_page_ancestor,
    .home .main-navigation li.current-menu-ancestor,
    .home .main-navigation li:hover,
    .home .main-navigation li.focus {
        background-color: transparent;
    }
    .main-navigation li.current_page_item > a,
    .main-navigation li.current-menu-item > a,
    .main-navigation li.current_page_ancestor > a,
    .main-navigation li.current-menu-ancestor > a,
    .main-navigation li:hover > a,
    .main-navigation li.focus > a {
        color: #ffffff;
    }
}

.home .main-navigation li:hover {
    background-color: #3054a1;
}

.main-navigation li.fans {
    border: 2px solid #ffffff;
}

.main-navigation li.fans a {
    color: #3054a1;
}

.main-navigation li.fans:hover {
    background-color: #3054a1;
}

.main-navigation li.fans:hover a {
    color: #ffffff;
}

.home .main-navigation li.fans {
    border-top: 2px solid #ffffff;
    border-right: inherit;
    border-bottom: 2px solid #ffffff;
    border-left: inherit;
}

.home .main-navigation li.fans a {
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .main-navigation li.visible-mobile {
        display: none;
    }
}

.main-navigation a {
    display: inline-block;

    padding: 0 10px;

    text-decoration: none;

    font-size: 20px;
    line-height: 43px;
}

@media screen and (min-width: 768px) {
    .main-navigation a {
        display: block;

        padding: 0 9px;

        font-size: 18px;
    }
    .home .main-navigation a {
        color: #ffffff;

        line-height: 34px;
    }
}

@media screen and (max-width: 767px) {
    .main-navigation ul {
        position: fixed;
        z-index: 10000;
        top: 105px;
        right: 0;
        bottom: 0;
        left: 0;

        display: none;

        padding-top: 15px;

        text-align: center;

        background: #3054a1;
    }
    .main-navigation.toggled ul {
        display: block;
    }
    .main-navigation.toggled ul a {
        color: #ffffff;
    }
}

.menu-toggle {
    position: absolute;
    z-index: 500;
    top: 30px;
    right: 0;

    width: 40px;
    height: 40px;

    border: 1px solid #3054a1;
    background: none;
}

.menu-toggle:hover,
.menu-toggle:active {
    background: none;
}

.menu-toggle .icon-bar {
    position: absolute;
    top: 0;

    display: block;

    width: 25px;
    height: 2px;
    margin-top: 9px;

    -webkit-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;

    background-color: #3054a1;
}

.menu-toggle .icon-bar:nth-of-type(3) {
    top: 9px;
}

.menu-toggle .icon-bar:nth-of-type(4) {
    top: 18px;
}

.overflow .menu-toggle .icon-bar:nth-of-type(2) {
    top: 10px;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.overflow .menu-toggle .icon-bar:nth-of-type(3) {
    background-color: transparent;
}

.overflow .menu-toggle .icon-bar:nth-of-type(4) {
    top: 10px;

    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
    .menu-toggle {
        display: none;
    }
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
    overflow: hidden;

    margin: 0 0 1.5em;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;

    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;

    width: 50%;

    text-align: right;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;
    clear: both;

    table-layout: fixed;

    content: "";

    flex-basis: 0;
    order: 1;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
    border-bottom: solid 1px #b3b3b3;
}

.site-header img {
    max-width: 120px;
}

@media screen and (min-width: 768px) {
    .site-header {
        border-bottom: solid 1px #ffffff;
    }
    .site-header img {
        display: inline-block;

        max-width: 145px;
    }
}

@media screen and (min-width: 768px) {
    .home .site-header img {
        max-width: 170px;
    }
}

.top_header {
    color: #ffffff;
    background-color: #3054a1;

    line-height: 30px;
}

.top_header:before,
.top_header:after {
    display: table;
    clear: both;

    table-layout: fixed;

    content: "";

    flex-basis: 0;
    order: 1;
}

@media screen and (max-width: 767px) {
    .top_header {
        overflow: hidden;

        height: 0;
    }
}

.top_header a {
    display: inline-block;

    padding: 0 5px;

    text-decoration: none;

    color: #ffffff;
}

.top_header a:hover {
    color: #3054a1;
    background-color: #ffffff;
}

.top_header .items {
    float: right;

    margin: 0 15px;
}

@media screen and (min-width: 768px) {
    .top_header .items .phone {
        background-color: #21396d;
    }
    .top_header .items .phone:hover {
        color: #ffffff;
    }
}

@media screen and (max-width: 767px) {
    .top_header .items {
        position: fixed !important;
        z-index: 100000;
        right: 10px;
        bottom: 20px;
        left: 10px;

        display: none;

        padding-top: 10px;

        text-align: center;

        border-top: 1px solid #ffffff;
    }
    .top_header .items .social {
        display: none;
    }
}

.top_header .languages {
    float: left !important;

    margin: 0 15px;
}

.top_header .languages a {
    text-transform: uppercase;
}

.top_header .languages .fans {
    background-color: #21396d;
}

.top_header .languages .fans:hover {
    color: #3054a1;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .top_header .languages {
        position: fixed !important;
        z-index: 100000;
        bottom: 120px;
        left: 50%;

        display: none;
        /* right: 50%; */

        width: 50px;

        transform: translateX(-50%);
        text-align: center;

        font-size: 20px;
    }
}

.main-header .site-branding {
    width: 100%;

    text-align: center;
}

.main-header .site-branding a.phone {
    /* background: none; */
    position: absolute;
    z-index: 500;
    top: 30px;
    left: 0;

    display: block;

    width: 40px;
    height: 40px;

    background: transparent url(images/phone.png) center center;
    background-size: cover;
}

@media screen and (min-width: 768px) {
    .main-header .site-branding a.phone {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .main-header .site-branding {
        width: 23%;

        text-align: left;
    }
}

.main-header .row > .site-branding {
    float: left;
}

@media screen and (min-width: 992px) {
    .main-header {
        padding-top: 25px;
    }
    .main-header .main-navigation {
        width: 77%;
    }
    .home .main-header .main-navigation {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .home .site-header {
        border-bottom: 0;
    }
    .home .main-header {
        position: absolute;
        z-index: 1000;
        top: 50%;
        top: 50vh;
        left: 50%;

        display: flex;
        flex-direction: column;

        width: 263px;
        height: 532px;
        padding: 0;

        transform: translate(-50%, -50%);
        text-align: center;
    }
    .home .main-header .site-branding {
        display: flex;

        width: 100%;
        height: 266px;

        text-align: center;

        background: #ffffff;

        align-items: center;
        justify-content: center;
    }
    .home .main-navigation {
        width: 100%;
        padding: 0 !important;

        background-color: #59595c;
    }
    .home .main-navigation ul {
        margin-top: 0;
    }
    .home .main-navigation ul li {
        float: none;
    }
    .home .main-navigation ul li a {
        font-size: 18px;
    }
}

.site-breadcrumbs {
    color: #999999;
    background-color: #59595c;
}

.breadcrumbs {
    display: flex;

    margin: 0;
    padding: 0 9px;

    font-size: 13px;

    flex-wrap: wrap;
}

.breadcrumbs .breadcrumb-item {
    padding: 10px 0;

    color: #ffffff;

    line-height: 1;
}

.breadcrumbs .breadcrumb-item.active {
    cursor: default;
    text-decoration: underline;
}

.breadcrumbs .breadcrumb-item a {
    text-decoration: none;

    color: #e0e0e0;
}

.breadcrumbs .breadcrumb-item a:hover {
    text-decoration: underline;

    color: #e0e0e0;
}

.breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;

    padding-right: 0.4rem;
    padding-left: 0.4rem;

    content: ">";

    color: #999999;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.page-ltr {
    direction: ltr;
}

.center-items {
    align-items: center;
}

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

.site-content .type-products,
.site-content .type-doors,
.site-content .type-fans,
.site-content .type-filters,
.site-content .page-clients,
.site-content .page-projects,
.site-content .case_studies,
.site-content .page-zivud-inner,
.site-content .page-contact {
    margin-top: 60px;
}

.site-content .type-products h1,
.site-content .type-doors h1,
.site-content .type-fans h1,
.site-content .type-filters h1,
.site-content .page-clients h1,
.site-content .page-projects h1,
.site-content .case_studies h1,
.site-content .page-zivud-inner h1,
.site-content .page-contact h1 {
    margin-bottom: 30px;

    font-weight: normal;
}

.site-content blockquote {
    margin-bottom: 15px;

    font-size: 20px;
}

h2 {
    clear: both;

    margin-bottom: 45px;

    text-align: center;

    font-weight: bold;
    line-height: 1;
}

h2.section-title {
    display: inline-block;

    padding: 15px 30px;

    color: #3054a1;
    border-top: 3px solid currentColor;
    border-bottom: 3px solid currentColor;
}

h2.large-title {
    border: 3px solid currentColor;

    font-weight: normal;
}

@media screen and (min-width: 992px) {
    h2.large-title {
        font-size: 44px;
    }
}

.footer-form h2 {
    display: block;

    max-width: 400px;
    margin: 0 auto;

    color: #ffffff;
}

.white h2,
.icons-block h2 {
    color: #ffffff;
}

.triangle,
.section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.entry-header {
    position: relative;

    text-align: center;
}

.entry-header img {
    display: block;
}

.entry-header h1.entry-title {
    display: inline-block;

    padding: 0 30px;

    color: #3054a1;
    border: 2px solid #3054a1;

    font-weight: normal;
}

.page-sections .entry-header,
.page-categories .entry-header {
    position: relative;

    border-bottom: 30px solid #59595c;
}

.page-sections .entry-header:after,
.page-categories .entry-header:after {
    position: absolute;
    z-index: 10;
    bottom: -65px;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #59595c transparent;
}

@media screen and (min-width: 768px) {
    .page-sections .entry-header,
    .page-categories .entry-header {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media screen and (min-width: 992px) {
    .page-sections .entry-header,
    .page-categories .entry-header {
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media screen and (min-width: 992px) {
    .page-sections .entry-header,
    .page-categories .entry-header {
        border-right: 30px solid #59595c;
        border-left: 30px solid #59595c;
    }
}

.page-sections .entry-header h1,
.page-categories .entry-header h1 {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .page-sections .entry-header .slider img,
    .page-categories .entry-header .slider img {
        min-height: 300px;

        object-fit: cover;
    }
    .page-sections .entry-header h1,
    .page-categories .entry-header h1 {
        width: 270px;
    }
}

@media screen and (max-width: 767px) {
    .page-about .entry-header .slider,
    .page-zivud .entry-header .slider,
    .page-aluca .entry-header .slider,
    .page-solutions .entry-header .slider,
    .page-category .entry-header .slider {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .page-about .entry-header h1,
    .page-zivud .entry-header h1,
    .page-aluca .entry-header h1,
    .page-solutions .entry-header h1,
    .page-category .entry-header h1 {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;

        transform: translate(-50%, -50%);

        background-color: #ffffff;
    }
}

.content-block {
    text-align: center;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.content-block .container p {
    margin-bottom: 30px;
}

.content-block .container .content {
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}

.content-block .container .content.large {
    font-size: 20px;
}

.content-block .container .content.large .content-item {
    width: 800px;
    max-width: 100%;
}

@media screen and (min-width: 992px) {
    .content-block .container .content.dual {
        flex-direction: row;
    }
    .content-block .container .content-item {
        width: 50%;
    }
}

.content-block .container .content .images img {
    padding: 0 15px;
}

.content-block .container a.btn-main {
    font-size: 20px;
    font-weight: bold;
}

.content-block.white {
    color: #ffffff;
}

.category-content .content-item {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 60px;
}

.category-content h2 {
    display: block;

    padding: 15px 0;

    color: #3054a1;
    border-top: 3px solid currentColor;
    border-bottom: 3px solid currentColor;
}

.category-content h3 {
    display: inline-block;

    margin-top: 15px;
    margin-bottom: 5px;

    color: #3054a1;
}

.category-content p {
    text-align: justify;
}

.parallax-block {
    position: relative;
    position: relative;

    height: 160px;

    background: #ffffff no-repeat fixed top center/cover;
}

.parallax-block:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

.big-parallax-block {
    position: relative;
}

.big-parallax-block img {
    width: 100%;
}

.big-parallax-block .image_upper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.gallery-aluca,
.gallery-block {
    background-color: #eaeaea;
}

.gallery-aluca .gallery-items,
.gallery-block .gallery-items {
    padding-bottom: 45px;
}

.gallery-aluca .slick-slide,
.gallery-block .slick-slide {
    transition: all 0.2s ease;
    transform: scale(0.9);

    opacity: 0.40;
    border: 15px solid transparent;
}

.gallery-aluca .slick-slide.slick-active,
.gallery-block .slick-slide.slick-active {
    transform: scale(1);

    opacity: 1;
    border-color: #ffffff;
}

.gallery-aluca .slick-slide img,
.gallery-block .slick-slide img {
    width: auto;
    max-height: 573px;
}

.gallery-aluca .slick-prev:hover::before,
.gallery-aluca .slick-next:hover::before,
.gallery-block .slick-prev:hover::before,
.gallery-block .slick-next:hover::before {
    color: #3054a1;
    border-color: #ffffff;
}

.files-aluca,
.files-block {
    background: #eaeaea;
}

.files-aluca .container,
.files-block .container {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: center;
}

.files-aluca .container > div,
.files-block .container > div {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .files-aluca .container > div,
    .files-block .container > div {
        width: 25%;
    }
}

.files-aluca .single-file a,
.files-aluca .file a,
.files-block .single-file a,
.files-block .file a {
    display: flex;

    min-height: 85px;
    margin: 0 15px 15px;
    padding: 8px 20px;

    transition: all 0.2s ease;
    text-decoration: none;

    border: 2px solid #5c5b60;

    font-size: 20px;

    align-items: center;
    flex-wrap: nowrap;
}

.files-aluca .single-file a:hover,
.files-aluca .file a:hover,
.files-block .single-file a:hover,
.files-block .file a:hover {
    text-decoration: underline;

    color: #ffffff;
    border-color: #293746;
    background-color: #293746;
}

.files-aluca .single-file a:hover i,
.files-aluca .file a:hover i,
.files-block .single-file a:hover i,
.files-block .file a:hover i {
    text-decoration: none;
}

.files-aluca .single-file i,
.files-aluca .file i,
.files-block .single-file i,
.files-block .file i {
    padding-left: 15px;

    font-size: 45px;
}

.pictures-images {
    display: flex;
    flex-direction: column;
}

.pictures-images .single-picture {
    margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
    .pictures-images {
        flex-direction: row;

        flex-wrap: wrap;
        justify-content: center;
    }
    .pictures-images .single-picture {
        width: 33%;
        padding: 0 15px;
    }
}

.pictures-images h3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.icons-block {
    color: #ffffff;
}

.icons-block .icons {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: center;
}

.icons-block .icons .single-icon {
    width: 50%;
    padding: 15px 30px;
}

@media screen and (min-width: 768px) {
    .icons-block .icons .single-icon {
        width: auto;
    }
}

.icons-block i {
    margin-bottom: 30px;

    font-size: 80px;
}

@media screen and (min-width: 1200px) {
    .icons-block i {
        font-size: 90px;
    }
}

.category-links {
    display: flex;
    flex-direction: column;

    padding-top: 30px;
}

@media screen and (min-width: 992px) {
    .category-links {
        flex-direction: row;

        justify-content: space-between;
    }
    .category-links .single-link {
        overflow: hidden;

        width: calc(33% - 20px);
        height: 250px;

        background: #5c5b60 no-repeat center center;
        background-size: cover;
    }
}

.category-links .single-link {
    position: relative;

    display: flex;

    transition: 1s all ease;

    align-items: center;
    justify-content: center;
}

.category-links .single-link:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: "";
    transition: 1s all ease;
}

.category-links .prev-product:before,
.category-links .next-product:before {
    background-color: rgba(48, 84, 161, 0.6);
}

.category-links .prev-product:hover:before,
.category-links .next-product:hover:before {
    background-color: rgba(48, 84, 161, 0);
}

.category-links .prev-product:hover > a,
.category-links .next-product:hover > a {
    border-color: currentColor;
    background-color: rgba(48, 84, 161, 0.6);
}

.category-links .category-link:hover {
    background-color: #3054a1;
}

.category-links a {
    z-index: 2;

    display: inline-block;

    padding: 30px;

    transition: 1s all ease;

    color: #ffffff;
    border: 2px solid transparent;

    font-size: 32px;
    font-weight: bold;
}

.category-links a span {
    display: inline-block;

    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    line-height: 1.5;
}

.entry-footer {
    text-align: center;
}

.entry-footer .btn-main.pdf i {
    margin-right: 0;
    margin-left: 15px;
}

.entry-footer .share_icons {
    margin-top: 30px;
}

.entry-footer .share_icons a {
    margin: 0 5px;
    padding: 0 5px;
}

.entry-footer .share_icons i {
    font-size: 20px;
}

.product-block {
    display: flex;
    flex-direction: column;

    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .product-block {
        flex-direction: row;
    }
}

.product-gallery {
    width: 100%;
}

.product-gallery figure {
    position: relative;

    margin: 0;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.product-gallery figure:first-child {
    display: block;
}

.product-gallery a {
    display: block;
}

.product-gallery img {
    visibility: hidden;
}

.product-gallery figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;
}

.product-content {
    padding: 30px 30px;

    background-color: #eaeaea;
}

.product-content .content {
    position: relative;

    width: 540px;
    max-width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;

    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;

    align-self: flex-start;
}

.product-content .icons {
    display: flex;

    width: 100%;
    margin-top: 15px;

    text-align: center;

    align-self: flex-end;
    flex-wrap: wrap;
}

.product-content .icons div {
    padding-left: 15px;

    text-decoration: none;
}

.product-content .icons i {
    padding-bottom: 15px;

    font-size: 60px;
}

.product-files,
.product-supplier {
    padding: 30px;
}

.product-files .title {
    width: 100%;
}

.product-files .title h3 {
    padding-bottom: 30px;

    font-weight: bold;
}

.product-files .files {
    display: flex;

    text-align: center;

    flex-wrap: wrap;
}

.product-files .files a {
    padding-left: 15px;

    text-decoration: none;
}

.product-files .files i {
    padding-bottom: 15px;

    font-size: 40px;
}

.product-info {
    position: relative;

    text-align: center;

    border: 0 solid #3054a1;
    border-bottom-width: 30px;
}

.product-info:after {
    position: absolute;
    z-index: 10;
    bottom: -65px;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #3054a1 transparent;
}

.product-info:not(.empty) {
    border-width: 30px;
}

.product-info .video,
.product-info .case-study {
    width: 100%;
}

.product-info .video > div,
.product-info .case-study > div {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.product-info .case-study {
    position: relative;

    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.product-info .case-study:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

.product-info .case-study:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: "";

    background-color: rgba(0, 0, 0, 0.8);
}

.product-info .case-study > div {
    position: relative;
    z-index: 1;

    max-width: 1200px;
}

.product-info .case-study p {
    margin-bottom: 45px;
}

.product-info .case-study a {
    padding-right: 30px;
    padding-left: 30px;
}

.product-form {
    background-color: #3054a1;
}

.product-form h2 {
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .product-files {
        order: 1;
    }
    .product-files:before {
        position: absolute;
        top: 15px;
        right: 0;
        bottom: 15px;

        width: 3px;

        content: "";

        background-color: #949494;
    }
    .product-supplier {
        text-align: left;
    }
}

.product-content,
.product-gallery,
.product-files,
.product-supplier {
    position: relative;

    overflow: hidden;

    width: 100%;
    max-height: 60vh;
}

@media screen and (min-width: 768px) {
    .product-content,
    .product-gallery,
    .product-files,
    .product-supplier {
        width: 50%;
    }
}

.additional-products {
    border: 30px solid;
}

.page-products .additional-products {
    border-color: #eaeaea;
}

.page-sections .additional-products,
.page-categories .additional-products {
    border-color: #3054a1;
}

.additional-products .items {
    display: flex;

    flex-wrap: wrap;
}

.additional-products .single-item {
    position: relative;

    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.additional-products .single-item a {
    text-decoration: none;
}

.additional-products .single-item h3.title {
    padding: 15px;

    text-align: center;

    color: #3054a1;
    border: 2px solid #3054a1;
    background: #ffffff;

    font-weight: normal;
}

@media screen and (min-width: 992px) {
    .additional-products .single-item {
        width: 33.333%;
    }
    .additional-products .single-item h3.title {
        display: block;
        visibility: visible;

        transition: all 0.5s ease;
    }
    .additional-products .single-item .caption {
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;

        visibility: hidden;

        padding: 30px;

        transition: all 0.5s ease;

        color: #ffffff;
        background: rgba(0, 0, 0, 0);
    }
    .additional-products .single-item a:hover > .caption {
        visibility: visible;

        background: rgba(0, 0, 0, 0.65);
    }
    .additional-products .single-item a:hover > h3.title {
        z-index: -1;

        visibility: hidden;
    }
    .additional-products .single-item span {
        position: absolute;
        bottom: 30px;
        left: 30px;

        display: block;

        padding: 5px 10px;

        border: 1px solid #ffffff;
    }
}

.categories_list {
    position: relative;

    border: 30px solid #eaeaea;
    background-color: #eaeaea;
}

.categories_list:after {
    position: absolute;
    z-index: 10;
    bottom: -65px;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #eaeaea transparent;
}

.categories_list .items {
    display: flex;

    flex-wrap: wrap;
}

.categories_list .single-item {
    position: relative;

    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;

    font-size: 16px;
}

.categories_list .single-item a {
    display: flex;
    flex-direction: row;

    height: 90px;

    text-decoration: none;

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);

    flex-wrap: nowrap;
}

.categories_list .single-item img,
.categories_list .single-item .caption {
    width: 50%;
    height: 90px;
}

.categories_list .single-item i {
    display: none;
}

@media screen and (min-width: 992px) {
    .categories_list .single-item {
        width: 33.333%;

        font-size: 20px;
    }
    .categories_list .single-item a {
        flex-direction: column;

        height: auto;
    }
    .categories_list .single-item img {
        height: auto;
    }
    .categories_list .single-item img,
    .categories_list .single-item .caption {
        width: 100%;
    }
    .categories_list .single-item i {
        display: block;
    }
}

.categories_list .single-item img {
    display: block;

    object-fit: cover;
}

.categories_list .single-item .caption {
    display: flex;

    padding-right: 15px;
    padding-left: 15px;

    background-color: #ffffff;

    align-items: center;
}

.categories_list .single-item .caption i {
    padding-right: 15px;

    font-size: 50px;
}

.categories_list .single-item a:hover {
    color: #ffffff;
}

.categories_list .single-item a:hover > .caption {
    background-color: #3054a1;
}

@media screen and (min-width: 992px) {
    .categories_list .single-item {
        width: 33.333%;

        font-size: 20px;
    }
}

.slider {
    position: relative;
}

.slider img {
    display: block;
}

.slider .caption {
    position: absolute;
    z-index: 1000;
    right: 30px;
    bottom: 30px;

    background: #ffffff;
}

@media screen and (max-width: 767px) {
    .slider .caption {
        display: none;
    }
}

.slider .caption a {
    display: inline-block;

    padding: 15px;

    text-decoration: none;
}

.slider .caption a h2 {
    margin: 0;

    font-size: 20px;
    line-height: 1;
}

.slider .caption a i {
    float: left;

    margin-right: 15px;
}

.filter .category-items,
.projects .category-items {
    display: flex;

    flex-wrap: wrap;
}

.filter .category-items .single-item,
.projects .category-items .single-item {
    position: relative;

    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.filter .category-items .single-item a,
.projects .category-items .single-item a {
    text-decoration: none;
}

.filter .category-items .single-item h3.title,
.projects .category-items .single-item h3.title {
    padding: 15px;

    text-align: center;

    color: #3054a1;
    border: 2px solid #3054a1;
    background: #ffffff;

    font-weight: normal;
}

@media screen and (min-width: 992px) {
    .filter .category-items .single-item,
    .projects .category-items .single-item {
        width: 50%;
    }
    .filter .category-items .single-item h3.title,
    .projects .category-items .single-item h3.title {
        display: block;
        visibility: visible;

        transition: all 0.5s ease;
    }
    .filter .category-items .single-item .caption,
    .projects .category-items .single-item .caption {
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;

        visibility: hidden;

        padding: 30px;

        transition: all 0.5s ease;

        color: #ffffff;
        background: rgba(0, 0, 0, 0);
    }
    .filter .category-items .single-item a:hover > .caption,
    .projects .category-items .single-item a:hover > .caption {
        visibility: visible;

        background: rgba(0, 0, 0, 0.95);
    }
    .filter .category-items .single-item a:hover > h3.title,
    .projects .category-items .single-item a:hover > h3.title {
        z-index: -1;

        visibility: hidden;
    }
    .filter .category-items .single-item span,
    .projects .category-items .single-item span {
        position: absolute;
        bottom: 30px;
        left: 30px;

        display: block;

        padding: 5px 10px;

        border: 1px solid #ffffff;
    }
}

.filter .navigation {
    padding-top: 30px;
    padding-bottom: 15px;

    text-align: center;

    font-weight: bold;
}

.filter .navigation a {
    position: relative;

    display: inline-block;

    text-decoration: none;
}

.filter .navigation a:after {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;

    content: "";

    border: 1px solid #59595c;
}

.filter .navigation a:last-child:after {
    content: none;
}

.filter .navigation a:hover,
.filter .navigation a.active {
    text-decoration: underline;

    color: #3054a1;
}

.filter .category-items {
    display: flex;

    flex-wrap: wrap;
}

.filter .category-items .single-item {
    transition: all 0.5s ease;
    transform: scale(0);
}

.filter .category-items .single-item.active {
    transform: scale(1);
}

.filter .category-items .single-item h3.title {
    width: 100%;
    max-width: inherit;
}

@media screen and (min-width: 768px) {
    .filter .category-items .single-item {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .filter .category-items .single-item {
        width: 33.33%;
    }
}

.projects .single-item h3.title {
    display: none;

    margin-top: -6px;
}

.page-category .slider {
    padding: 0;
}

.page-category .slider .container {
    width: 100%;
    max-width: 100%;
}

.page-category .slider .container .row > .div {
    padding: 0;
}

.page-category .entry-content {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding: 30px;
}

.page-category .entry-content p {
    max-width: 650px;
    margin: 0 auto 15px;

    text-align: justify;

    line-height: 1.75;
}

.page-about .entry-content {
    position: relative;

    margin-right: auto;
    margin-left: auto;

    border: 30px solid #3054a1;
    border-bottom: 0;
}

.page-about .entry-content:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #3054a1 transparent;
}

.page-about .entry-content .container {
    padding-bottom: 30px;
}

.page-about .entry-content h2 {
    color: #3054a1;

    font-weight: normal;
}

.page-about .entry-content p {
    max-width: 650px;
    margin: 0 auto 15px;

    text-align: justify;

    line-height: 1.75;
}

.page-about .entry-content img {
    margin: 30px auto;
}

.page-about .entry-footer {
    margin-top: 0;

    border: none;
    background-position: 60% 50px;
}

.page-about .entry-footer p {
    line-height: 2;
}

.page-about .team {
    padding: 30px 0;

    border-right: 30px solid #3054a1;
    border-left: 30px solid #3054a1;
    background: #eaeaea;
}

.page-about .team h2 {
    color: #3054a1;
}

.page-about .team .members {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .page-about .team .members {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .page-about .team .members {
        padding-right: 60px;
        padding-left: 60px;
    }
}

.page-about .team .members .team-member {
    width: 50%;
    padding: 0 30px 30px;

    text-align: center;

    font-weight: 700;
}

.page-about .team .members .team-member img {
    margin-bottom: 15px;

    border: 1px solid #ffffff;
    border-radius: 100%;
}

@media screen and (min-width: 768px) {
    .page-about .team .members .team-member {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .page-about .team .members .team-member {
        width: 25%;
    }
}

@media screen and (min-width: 1200px) {
    .page-about .team .members .team-member {
        padding: 0 60px 30px;
    }
}

.suppliers {
    text-align: center;
}

.suppliers-list {
    display: flex;

    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.suppliers .suppliers-item {
    width: 45%;
    padding: 0 15px;
}

@media screen and (min-width: 992px) {
    .suppliers .suppliers-item {
        width: 25%;
        padding: 0 30px;
    }
}

.case-study .entry-meta {
    padding-bottom: 30px;
}

.case-study .quote,
.case-study .challenge,
.case-study .solution,
.case-study .video,
.case-study .products {
    padding-top: 30px;
    padding-bottom: 30px;

    text-align: center;

    border-right: 30px solid #3054a1;
    border-left: 30px solid #3054a1;
}

.case-study .quote {
    position: relative;

    color: #ffffff;
    background-color: #3054a1;
}

.case-study .quote:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #eaeaea transparent;
}

.case-study .challenge p,
.case-study .solution p {
    font-size: 20px;
}

.case-study .solution {
    position: relative;

    background-color: #eaeaea;
}

.case-study .solution:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

.case-study .subtext {
    position: relative;

    padding-top: 30px;
    padding-bottom: 30px;

    text-align: center;

    border-right: 30px solid #3054a1;
    border-left: 30px solid #3054a1;
    background-color: #eaeaea;
}

.case-study .subtext:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 1px;

    content: "";

    background-color: #ffffff;
}

.case-study .video {
    background-color: #59595c;
}

.case-study .video > div {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.case-study .products .product {
    width: 100%;
}

.case-study .products .product img {
    display: block;
}

@media screen and (min-width: 768px) {
    .case-study .products .product {
        float: right;

        width: 50%;
    }
}

.case-study .products .product a {
    display: block;

    text-decoration: none;
}

.case-study .products .product a.text {
    margin-top: -5px;

    color: #59595c;
    border: 2px solid #59595c;

    font-size: 20px;
    line-height: 60px;
}

.cs-gallery figure {
    position: relative;

    margin: 0;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.cs-gallery figure:first-child {
    display: block;
}

.cs-gallery a {
    display: block;
}

.cs-gallery img {
    visibility: hidden;
}

.cs-gallery figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;
}

.page-solutions .content {
    border: 30px solid #3054a1;
}

.page-solutions .content .description {
    position: relative;

    padding-bottom: 60px;

    text-align: center;
}

.page-solutions .content .description:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #3054a1 transparent;
}

.page-solutions .content .description h2 {
    color: #3054a1;
}

.home-products .solution,
.page-solutions .solution {
    display: flex;
    flex-direction: column;

    align-items: center;
    flex-wrap: nowrap;
}

.home-products .solution .solution-image img,
.page-solutions .solution .solution-image img {
    display: block;

    width: 100%;

    object-fit: cover;
}

.home-products .solution .solution-desc,
.page-solutions .solution .solution-desc {
    padding: 30px;
}

.home-products .solution .solution-desc > div,
.page-solutions .solution .solution-desc > div {
    max-width: 540px;
}

.home-products .solution .solution-desc h2,
.page-solutions .solution .solution-desc h2 {
    text-align: inherit;
}

.home-products .solution .solution-desc a,
.page-solutions .solution .solution-desc a {
    text-decoration: none;
}

.home-products .solution .solution-desc p,
.page-solutions .solution .solution-desc p {
    margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
    .home-products .solution,
    .page-solutions .solution {
        flex-direction: row;

        align-items: center;
    }
    .home-products .solution .solution-desc,
    .home-products .solution .solution-image,
    .page-solutions .solution .solution-desc,
    .page-solutions .solution .solution-image {
        width: 50%;
    }
    .home-products .solution:nth-child(2n) .solution-desc,
    .page-solutions .solution:nth-child(2n) .solution-desc {
        text-align: left;

        order: 1;
    }
    .home-products .solution:nth-child(2n) .solution-desc div,
    .page-solutions .solution:nth-child(2n) .solution-desc div {
        float: left;
    }
    .home-products .solution:nth-child(2n) .solution-image,
    .page-solutions .solution:nth-child(2n) .solution-image {
        order: 2;
    }
}

.home-products .title {
    padding: 15px 0;

    text-align: center;

    background-color: #eaeaea;

    font-size: 24px;
}

@media screen and (min-width: 768px) {
    .home-products .title {
        font-size: 32px;
    }
}

.home-products .solution {
    margin-bottom: 30px;

    color: #ffffff;
    background-color: #3054a1;
}

.home-products .solution:last-child {
    margin-bottom: 0;
}

.home-products h2 a {
    color: #ffffff;
}

.home-products h2 a:hover {
    color: #ffffff;
}

.home-blocks {
    display: flex;
    flex-direction: column;

    border: 30px solid #3054a1;

    align-content: space-between;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .home-blocks {
        border-top: 0;
    }
}

.home-blocks .block {
    position: relative;

    height: calc(22vh - 20px);
    margin-bottom: 4px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home-blocks .block:last-child {
    margin-bottom: 0;
}

.home-blocks .block a {
    display: block;

    text-decoration: none;

    line-height: 0;
}

.home-blocks .block h2 {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 50%;

    width: 315px;
    padding: 15px;

    transition: all 0.5s ease;
    transform: translate(-50%, -50%);
    text-align: center;

    color: #ffffff;
    border: 2px solid transparent;
    text-shadow: 0 3px 8px rgba(12, 11, 11, 0.75);

    font-size: 30px;
    font-weight: normal;
    line-height: 42px;
}

@media screen and (min-width: 768px) {
    .home-blocks .block h2 {
        font-size: 44px;
    }
}

.home-blocks .block .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    transition: all 1.5s ease;
}

.home-blocks .block .mask-back {
    z-index: 9;

    background-color: rgba(0, 0, 0, 0.3);
}

.home-blocks .block .mask-front {
    z-index: 10;

    background-color: rgba(36, 114, 211, 0.15);
}

.home-blocks .block:hover h2 {
    transition: all 0.5s ease;

    border-color: white;
    background-color: rgba(48, 84, 161, 0.5);
}

.home-blocks .block:hover > .mask {
    z-index: -1;

    background-color: transparent;
}

.home-blocks .block img {
    visibility: hidden;
}

@media screen and (min-width: 768px) {
    .home-blocks {
        flex-direction: row;
    }
    .home-blocks .block {
        width: calc(50% - 2px);
        height: calc(50vh - 32px);
    }
    .home-blocks .block:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }
}

.home-description {
    position: relative;

    max-width: 800px;
    margin: 0 auto;
    padding: 60px 0;

    text-align: center;
}

.home-description:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #3054a1 transparent;
}

.home-description h2 {
    color: #3054a1;
}

.home-description p {
    margin: 30px;

    font-size: 20px;
}

.home-description a {
    color: #3054a1;
    border-color: #3054a1;

    font-weight: bold;
}

.home-description a:hover {
    color: #ffffff;
    background-color: #3054a1;
}

.home-posts h2 {
    color: #3054a1;
}

.counters {
    padding: 60px 0;
}

.counters .container {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
}

.counters .container > div {
    width: 50%;

    text-align: center;
}

@media screen and (min-width: 768px) {
    .counters .container > div {
        width: 25%;
    }
}

.counters .container > div > * {
    display: block;
}

.counters .container > div i {
    font-size: 48px;
}

.counters .container > div span {
    font-size: 60px;
}

.counters .container > div p {
    font-size: 20px;
}

.suppliers-carousel {
    position: relative;

    padding: 90px 0 60px;
}

.suppliers-carousel:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #59595c transparent;
}

.suppliers-carousel .slick-slide {
    text-align: center;
}

.suppliers-carousel img {
    transition: all 0.5s ease;

    filter: grayscale(100%) opacity(50%);
}

.suppliers-carousel .slick-slide:hover img {
    filter: inherit;
}

.suppliers-carousel button:before {
    color: #59595c;
}

.suppliers-carousel button.slick-prev {
    right: -60px;
}

.suppliers-carousel button.slick-next {
    left: -60px;

    color: #59595c;
}

.suppliers-carousel .slick-slide {
    padding: 0 15px;
}

.testimonials {
    padding: 60px 0;

    text-align: center;

    color: #ffffff;
    border: 30px solid #59595c;
    background-color: #59595c;
}

.clients-description {
    text-align: center;
}

.clients-gallery .row {
    display: flex;
    flex-direction: row;

    margin-top: 60px;
    margin-bottom: 60px;

    flex-wrap: wrap;
}

.clients-gallery figure {
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .clients-gallery figure {
        width: 25%;
    }
}

.images-list figure {
    width: 50%;
    margin: 0;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .images-list figure {
        width: 25%;
    }
}

.images-list figure img {
    width: 100%;
}

.images-list figure figcaption {
    display: none;
}

.images-list figure a {
    display: block;
}

.project-quote {
    position: relative;

    margin-top: 60px;
    padding-bottom: 30px;

    text-align: center;

    color: #ffffff;
    background: #3054a1 url(images/logo.svg) no-repeat 60% 10%;
}

.project-quote:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

@media screen and (min-width: 768px) {
    .project-quote blockquote {
        font-size: 32px;
    }
}

.page-projects .entry-footer {
    border: 0;
}

.page-contact .contacts {
    position: relative;

    padding-top: 60px;
    padding-bottom: 60px;

    text-align: center;

    color: #ffffff;
    background-color: #3054a1;
}

.page-contact .contacts:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

@media screen and (min-width: 768px) {
    .page-contact .contacts {
        background: #3054a1 url(images/logo.svg) no-repeat 55% 40px;
    }
}

.page-contact .contacts .container {
    display: flex;
    flex-direction: row;

    max-width: 800px;
    margin: 0 auto;

    flex-wrap: nowrap;
}

.page-contact .contacts .container .row {
    width: 100%;
}

.page-contact .contacts .container p {
    line-height: 30px;
}

.page-contact .contacts .container a {
    display: inline-block;

    padding: 20px;

    text-decoration: none;

    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px;
}

.page-contact .contacts .container a:hover {
    color: #3054a1;
    background-color: #ffffff;
}

.page-contact .contacts .container a i {
    font-size: 48px;
}

.page-contact .contacts .container a span {
    display: inline-block;

    width: 125px;
    padding-right: 10px;

    text-align: right;

    font-size: 20px;
}

@media screen and (min-width: 768px) {
    .page-contact .contacts .container {
        flex-direction: column;
    }
    .page-contact .contacts .container .row div {
        width: 50%;
    }
    .page-contact .contacts .container .row > div:nth-child(2n + 1) {
        position: relative;
    }
    .page-contact .contacts .container .row > div:nth-child(2n + 1):after {
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 0;

        width: 1px;

        content: "";

        background-color: #ffffff;
    }
}

.page-contact small {
    font-size: 13px;
}

.page-contact p {
    padding: 0 15px;
}

.page-contact .left-column,
.page-contact .right-column {
    position: relative;

    margin-top: 30px;
    padding: 0 !important;
}

.page-contact .left-column .text-field,
.page-contact .left-column .form-field,
.page-contact .left-column .filed-field,
.page-contact .right-column .text-field,
.page-contact .right-column .form-field,
.page-contact .right-column .filed-field {
    position: relative;

    width: 100%;
    padding: 0 30px;
}

.page-contact .left-column input,
.page-contact .left-column textarea,
.page-contact .right-column input,
.page-contact .right-column textarea {
    width: 100%;
    margin-bottom: 30px;

    border: 1px solid #999999;

    line-height: 36px;
}

.page-contact .left-column textarea,
.page-contact .right-column textarea {
    height: 150px;
}

@media screen and (min-width: 768px) {
    .page-contact .left-column,
    .page-contact .right-column {
        display: flex;
        flex-direction: row;

        width: 50%;

        flex-wrap: wrap;
    }
    .page-contact .left-column .form-field,
    .page-contact .right-column .form-field {
        width: 50%;
    }
    .page-contact .left-column textarea,
    .page-contact .right-column textarea {
        height: 240px;
    }
}

.page-contact .send-field {
    position: relative;

    width: 100%;
    padding-left: 30px;

    text-align: left;
}

.page-contact .send-field .ajax-loader {
    position: absolute;
    top: 10px;
    left: 0;
}

.page-contact .send-field .wpcf7-submit {
    width: auto;
    padding: 0 50px;

    background-color: #59595c;

    font-size: 20px;
    line-height: 44px;
}

.page-contact .send-field .wpcf7-submit:hover {
    background-color: #3054a1;
}

.page-contact .cform {
    position: relative;

    padding-bottom: 60px;

    border: 30px solid #3054a1;
    border-top: none;
}

.page-contact .cform:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #3054a1 transparent;
}

.page-contact .support-form {
    position: relative;

    border: 30px solid #59595c;
}

.page-contact .support-form:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #59595c transparent;
}

.page-contact .support-form h3 {
    width: 100%;
    padding-right: 30px;
    padding-bottom: 30px;
}

.page-contact .support-form .wpcf7-list-item {
    position: relative;

    display: inline-block;

    width: 50%;
    margin: 0 0 30px;
}

.page-contact .support-form .wpcf7-list-item input {
    width: auto;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .page-contact .support-form .wpcf7-list-item {
        width: 25%;
    }
}

.page-contact .support-form .terms {
    width: 100%;
    margin: 0 30px;

    border-top: 1px solid #333333;
}

.page-contact .support-form .terms small {
    color: #333333;

    font-size: 13px;
}

.page-contact .support-form .send-field input {
    width: auto;
}

@media screen and (min-width: 768px) {
    .page-contact .support-form .right-column:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 15px;

        content: "";

        border-left: 1px solid #59595c;
    }
}

.map {
    position: relative;

    overflow: hidden;

    height: 300px;
}

@media screen and (min-width: 992px) {
    .map {
        height: 600px;
    }
}

.map iframe,
.map object,
.map embed {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

span.wpcf7-not-valid-tip {
    font-size: 12px;
}

.wpcf7-form-control-wrap {
    position: static;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    right: 30px;
    bottom: 10px;

    display: block;
}

.title-bordered {
    display: inline-block;

    margin-bottom: 18px;
    padding: 0 20px;

    color: #263544;
    border-top: 3px solid #f49e21;
    border-bottom: 3px solid #f49e21;

    font-size: 32px;
    font-weight: 700;
}

.title-border {
    display: inline-block;

    margin-bottom: 18px;
    padding: 5px 40px;

    color: #ffffff;
    border: 1px solid #ffffff;

    font-size: 48px;
}

.error-404 .page-header {
    position: relative;
    position: relative;

    margin-bottom: 60px;
    padding-top: 60px;
    padding-bottom: 60px;

    text-align: center;

    border: 30px solid #3054a1;
    background: #ffffff url(images/logo-light.png) center center no-repeat;
    background-size: cover;

    font-size: 20px;
}

.error-404 .page-header:after {
    position: absolute;
    z-index: 10;
    bottom: -65px;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #3054a1 transparent;
}

.error-404 .page-header h1 {
    margin-top: 15px;
    padding: 0 15px;

    color: #3054a1;

    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
}

.error-404 .page-header p {
    max-width: 450px;
    margin: 30px auto;

    line-height: 1.25;
}

.error-404 .page-header .links a {
    display: inline-block;

    margin-top: 15px;
}

.error-404 .page-content {
    margin: 60px 0;
}

.error-404 .page-content h2 {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 5px 0;

    color: #3054a1;
    border-top: 3px solid #244686;
    border-bottom: 3px solid #244686;

    font-size: 32px;
}

.error-404 ul {
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;
}

.error-404 ul li {
    margin-top: 5px;
}

.error-404 ul li a {
    text-decoration: none;
}

.error-404 ul.menu {
    display: flex;

    flex-wrap: wrap;
}

.error-404 ul.menu > li {
    width: 50%;
}

@media screen and (min-width: 768px) {
    .error-404 ul.menu > li {
        width: 25%;
    }
}

.video-aluca {
    position: relative;

    border: 30px solid #59595c;
    border-top: 0;
    background-color: #999999;
    background-image: url(images/video-bg.jpg);
    background-size: cover;
}

.video-aluca .video-bg {
    position: relative;

    height: 70vh;
}

.video-aluca .overlay {
    position: absolute;
    top: 5%;
    left: 50%;

    width: 100%;

    transform: translateX(-50%);
    text-align: center;

    background-color: transparent;
}

.video-aluca .overlay .tag-logo {
    max-width: 589px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

.video-aluca .overlay .title {
    margin-bottom: 8px;

    color: #b7b7b7;

    font-size: 28px;
}

@media screen and (min-width: 768px) {
    .video-aluca .overlay {
        top: 25%;
    }
}

@media screen and (min-width: 1200px) {
    .video-aluca .overlay {
        top: 25%;
    }
}

.video-years {
    position: absolute;
    bottom: 10%;
    left: 50%;

    transform: translateX(-50%);
    text-align: center;
}

.video-years .anchor-icon {
    margin-bottom: 30px;
}

.video-years .anchor-icon i {
    color: #b7b7b7;

    font-size: 48px;
}

.about-aluca {
    position: relative;

    padding: 90px 0 60px;

    font-size: 20px;
}

.about-aluca:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #59595c transparent;
}

.about-aluca > div {
    max-width: 800px;
}

.about-aluca p {
    margin-bottom: 44px;
}

.about-aluca img {
    margin: 10px 15px;
}

@media screen and (min-width: 768px) {
    .about-aluca img {
        margin: 0 30px;
    }
}

.streep-line {
    position: relative;
    position: relative;

    height: 159px;
    margin-bottom: 3px;

    background: #ffffff url(images/aluca-streep-line.jpg) no-repeat fixed top center/cover;
}

.streep-line:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

.gallery-aluca {
    padding: 52px 0 95px;

    background: #ffffff url(images/aluca-gallery.jpg) no-repeat center/cover;
}

.gallery-aluca .gallery-items {
    padding: 64px 0 38px;
}

.advantages {
    margin-top: 30px;
    padding: 60px 0 54px;

    color: #ffffff;
    background: #ffffff url(images/advantages.jpg) no-repeat center/cover;
}

.advantages .advantages-item {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .advantages .advantages-item {
        padding: 0 14px;
    }
}

.advantages .advantages-item > div {
    width: 50%;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .advantages .advantages-item > div {
        width: 20%;
        padding: 54px 40px;
    }
}

.advantages .advantage-title {
    font-size: 32px;
    font-weight: 700;
}

.advantages .advantage-text {
    font-size: 20px;
}

.advantages-aluca {
    padding: 52px 0 58px;

    background: #ffffff url(images/light-background.jpg) no-repeat top center;

    font-size: 20px;
}

.advantages-aluca .advantage-row {
    display: flex;
    flex-direction: row;

    padding: 20px 0 0;

    flex-wrap: wrap;
    justify-content: space-between;
}

.advantages-aluca .advantage-row > div {
    width: 100%;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .advantages-aluca .advantage-row > div {
        width: 50%;
    }
}

.advantages-aluca .advantage-row .advantages-video {
    text-align: center;
}

.advantages-aluca .advantage-row .advantages-video a {
    display: inline-block;

    padding-top: 8px;
}

.advantages-aluca .advantage-row ul li {
    margin-bottom: 9px;
}

.more-info {
    padding-top: 60px;
    padding-bottom: 45px;
}

.more-info .container {
    display: flex;
    flex-direction: row;

    margin-bottom: 30px;

    flex-wrap: wrap;
}

.more-info .container > div {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .more-info .container > div {
        width: 50%;
    }
}

.more-info .images-grid {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
    justify-content: center;
}

.more-info .images-grid .images {
    position: relative;

    margin: 0 5px 5px;

    text-align: center;
}

@media screen and (min-width: 768px) {
    .more-info .images-grid .images {
        max-width: 50%;
    }
}

.more-info .images-grid .images img {
    width: 255px;
    height: 220px;
}

.more-info .images-grid .images h3 {
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    max-width: 118px;
    padding: 4px 8px;

    transition: all 0.2s ease;
    transform: translate(-50%, -50%);

    color: #ffffff;
    border: 1px solid #ffffff;

    font-size: 22px;
}

.more-info .images-grid .images .overlay {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: calc(100% - 5px);

    transition: all 0.2s ease;

    background: rgba(51, 51, 51, 0.55);
}

.more-info .images-grid .images:hover h3 {
    background: #f49e21;
}

.more-info .images-grid .images:hover .overlay {
    background: transparent;
}

.more-info .info-text p {
    margin-bottom: 14px;
}

.more-info .info-text a {
    margin-bottom: 30px;
}

.more-buttons {
    display: none;

    margin-top: -28px;
}

.more-buttons a {
    text-decoration: none;

    font-size: 16px;
    font-weight: 700;
}

.more-buttons span {
    display: block;
}

.more-buttons i {
    margin-top: 10px;

    font-size: 48px;
}

.more-buttons #hide-info {
    display: none;
}

.streep-more {
    position: relative;

    height: 60px;

    background: #ffffff url(images/bottom_greyish_strip.png) repeat-x bottom;
}

.streep-more:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

.doors-aluca {
    display: none;
}

@media screen and (min-width: 1200px) {
    .doors-aluca {
        position: relative;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

        display: block;
        /* IE6-9 */

        height: 930px;

        background: #383d44;
        /* Old browsers */
        background:    -moz-linear-gradient(top, #383d44 0%, #595d61 31%, #b0b4b8 58%, #5e6368 79%, #373c43 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #383d44 0%, #595d61 31%, #b0b4b8 58%, #5e6368 79%, #373c43 100%);
        /* Chrome10-25,Safari5.1-6 */
        background:         linear-gradient(to bottom, #383d44 0%, #595d61 31%, #b0b4b8 58%, #5e6368 79%, #373c43 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383d44', endColorstr='#373c43', GradientType=0);
    }
    .doors-aluca .container-fluid {
        position: relative;
    }
    .doors-aluca .car-doors {
        position: relative;
        z-index: 10;

        display: flex;
        overflow: hidden;
        flex-direction: row;

        width: 100%;
        height: 920px;
        padding: 0 7px;

        flex-wrap: nowrap;
    }
    .doors-aluca .car-doors:hover .car-door-left {
        transform: translateX(-585px);
    }
    .doors-aluca .car-doors:hover .car-door-right {
        transform: translateX(585px);
    }
    .doors-aluca .car-door-left,
    .doors-aluca .car-door-right {
        width: 50%;
        /* IE6-9 */

        transition: all 1s ease;

        background:    -moz-linear-gradient(top, #383d44 0%, #595d61 31%, #b0b4b8 58%, #5e6368 79%, #373c43 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #383d44 0%, #595d61 31%, #b0b4b8 58%, #5e6368 79%, #373c43 100%);
        /* Chrome10-25,Safari5.1-6 */
        background:         linear-gradient(to bottom, #383d44 0%, #595d61 31%, #b0b4b8 58%, #5e6368 79%, #373c43 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383d44', endColorstr='#373c43', GradientType=0);
    }
    .doors-aluca .car-door-left > div,
    .doors-aluca .car-door-right > div {
        height: 920px;
    }
    .doors-aluca .car-door-left > div {
        background: url(images/door-left.png) no-repeat;
        background-position: right center;
    }
    .doors-aluca .car-door-right > div {
        background: url(images/door-right.png) no-repeat;
        background-position: left center;
    }
    .doors-aluca .open-doors {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;

        width: 1170px;
        height: 828px;
        margin-top: 15px;

        transition: all 0.18s ease-in-out;
        transform: translateX(-50%);

        background: url(images/doors-open.jpg) no-repeat center/cover;
    }
    .doors-aluca .open-doors .tag-logo {
        margin-top: 144px;
        padding: 28px 15px 18px;

        text-align: center;

        background: rgba(41, 55, 70, 0.55);
    }
    .doors-aluca .open-doors .years {
        position: absolute;
        bottom: 20px;
        left: 50%;

        width: 392px;

        transform: translateX(-50%);
        text-align: center;
    }
    .doors-aluca .car-doors:hover + .open-doors {
        opacity: 1;
    }
}

.promise-aluca {
    padding-top: 30px;

    background-color: #293746;
}

.promise-aluca .promise {
    position: relative;

    padding-top: 60px;

    color: #ffffff;
    background-color: #5b626d;
}

.promise-aluca .promise:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #293746 transparent;
}

.promise-aluca .promise .title-border {
    margin-bottom: 30px;
}

.promise-aluca .promise .container {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
}

.promise-aluca .promise .container .promise-item {
    width: 100%;
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .promise-aluca .promise .container .promise-item {
        width: 50%;
    }
}

.promise-aluca .promise .title-bordered {
    color: #f49e21;
}

.promise-aluca .promise .promise-text {
    margin-bottom: 22px;

    font-size: 20px;
}

.promise-aluca .promise .promise-link a {
    color: #ffffff;
}

.promise-aluca .more-buttons {
    margin-top: 30px;
}

.promise-aluca .more-buttons a {
    color: #ffffff;
}

.promise-aluca .more-buttons #hide-promise {
    display: none;
}

.promise-more .promise-top {
    margin: 60px 15px 0;
    padding-top: 60px;
    padding-bottom: 35px;

    color: #293746;
    background: #ffffff;
}

.promise-more .alum-items {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
}

.promise-more .alum-items > div {
    width: 100%;
    padding: 15px;
}

@media screen and (min-width: 768px) {
    .promise-more .alum-items > div {
        width: 33.33333%;
        padding: 25px;
    }
}

@media screen and (min-width: 992px) {
    .promise-more .alum-items > div {
        width: 16.666666%;
        padding: 25px;
    }
}

.promise-more .alum-title {
    margin-bottom: 20px;

    font-size: 32px;
    font-weight: 700;
}

.promise-more .alum-text {
    font-size: 20px;
}

.promise-more .promise-bottom {
    margin: 0 15px;
    padding: 20px 0 46px;

    color: #ffffff;
    background-color: #db9334;

    font-size: 20px;
}

.promise-more .promise-bottom .container > div {
    width: 100%;
}

.promise-more .promise-bottom .reasons-title {
    margin-bottom: 20px;

    font-size: 32px;
    font-weight: 700;
}

.promise-more .promise-bottom .reasons a {
    margin-top: 14px;
}

.promise-streep {
    position: relative;
    position: relative;

    height: 276px;

    border-bottom: 30px solid #293746;
    background: #ffffff url(images/aluca-streep-line.jpg) no-repeat fixed top center/cover;
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.75);
}

.promise-streep:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #5b626d transparent;
}

.files-aluca {
    padding: 0 60px;
}

.files-aluca .title-bordered {
    margin-bottom: 55px;
}

.brand-aluca {
    padding-top: 68px;
    padding-bottom: 28px;

    color: #ffffff;
    background: #ffffff url(images/brand-aluca.jpg) no-repeat top center/cover;
}

.brand-aluca .title-bordered {
    margin-bottom: 64px;

    color: #ffffff;
}

.brand-aluca .container {
    display: flex;
    flex-direction: row;

    flex-wrap: wrap;
}

.brand-aluca .container > div {
    display: flex;
    flex-direction: column;

    width: 100%;
}

@media screen and (min-width: 768px) {
    .brand-aluca .container > div {
        width: 50%;
    }
}

.brand-aluca .text {
    font-size: 20px;
}

.brand-aluca .text p {
    margin-bottom: 20px;
}

.brand-aluca .text a {
    color: #ffffff;

    font-size: 16px;
}

.brand-aluca .images {
    justify-content: center;
}

.brand-aluca .images img {
    max-height: 88px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer-form {
    position: relative;

    padding: 90px 0 60px;

    border-top: 30px solid #ffffff;
    background-color: #333333;
}

.footer-form:before,
.footer-form:after {
    display: table;
    clear: both;

    table-layout: fixed;

    content: "";

    flex-basis: 0;
    order: 1;
}

.footer-form:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    display: block;

    width: 0;

    content: "";
    transform: translateX(-50%);

    border-width: 35px 50px 0;
    border-style: solid;
    border-color: #ffffff transparent;
}

.footer-form .container .row > div {
    float: none;

    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

@media screen and (min-width: 992px) {
    .footer-form .container .row > div {
        max-width: inherit;
    }
}

.site-footer {
    border-top: 30px solid #ffffff;
    border-right: 30px solid #ffffff;
    border-left: 30px solid #ffffff;
    background-color: #eaeaea;

    font-size: 15px;
}

.site-footer .widgets {
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-footer .widgets .row {
    display: flex;

    flex-wrap: wrap;
}

@media screen and (min-width: 1200px) {
    .site-footer .widgets .row {
        flex-wrap: nowrap;
    }
}

.site-footer .widgets .widget {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .site-footer .widgets .widget {
        width: 33.33333%;
    }
}

@media screen and (min-width: 1200px) {
    .site-footer .widgets .widget {
        width: 16.66667%;
    }
}

.site-footer .widgets .widget.widget_custom_html {
    padding-top: 0;
}

.site-footer .widgets .widget.widget_nav_menu ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.site-footer .widgets .widget.widget_nav_menu ul a {
    text-decoration: none;

    line-height: 1.75;
}

.site-footer .widgets .widget.widget_nav_menu ul a:hover {
    text-decoration: underline;

    color: #59595c;
}

.site-footer .widgets .widget.widget_nav_menu ul li.current_page_item a {
    text-decoration: underline;

    font-weight: bold;
}

.site-footer .widgets .widget-contacts a {
    display: block;

    padding-bottom: 5px;

    text-decoration: none;
}

.site-footer .widgets .widget-contacts a i {
    float: right;

    margin-left: 5px;
}

.site-footer .widgets .widget-socials {
    margin-top: 15px;
}

.site-footer .widgets .widget-socials a {
    display: inline-block;

    padding-left: 10px;

    text-decoration: none;

    font-size: 20px;
}

.site-footer .widgets .newsletter p {
    margin-bottom: 10px;
}

.site-footer .widgets .newsletter p + p {
    margin-top: 15px;
}

.site-footer .widgets .newsletter #error {
    color: red;
}

.site-footer .widgets .newsletter #success {
    color: #3054a1;
}

.site-footer .widgets .newsletter #error,
.site-footer .widgets .newsletter #success {
    display: none;
}

.site-footer .widgets .newsletter form {
    display: flex;
}

.site-footer .widgets .newsletter input[type="email"] {
    height: 30px;

    line-height: 30px;
}

.site-footer .widgets .newsletter input[type="submit"] {
    float: left;

    height: 100%;
    margin-bottom: 0;

    transition: all 0.5s ease;

    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #3054a1;

    line-height: 28px;
}

.site-footer .widgets .newsletter input[type="submit"]:hover {
    color: #3054a1;
    background-color: #ffffff;
}

.site-footer .site-info {
    color: #999999;
    background-color: #ffffff;

    font-size: 13px;
    line-height: 30px;
}

.site-footer .site-info a {
    color: #999999;
}

.site-footer .site-info a:hover {
    color: #999999;
}

.site-footer .site-info .site-dev {
    float: left;
}

.section-icon,
.section-box,
.contacts-box,
.contact-icon {
    position: fixed;
    z-index: 100;
    left: 0;
}

.section-icon,
.section-box {
    bottom: 115px;
}

.contacts-box,
.contact-icon {
    bottom: 30px;
}

.section-icon,
.contact-icon {
    width: 140px;
    padding-left: 20px;

    transition: 1s all ease;
    transform: translateX(-30px);
}

.section-icon:hover,
.contact-icon:hover {
    transform: translateX(-15px);
}

.section-icon a,
.contact-icon a {
    display: flex;
    flex-direction: row;

    height: 75px;
    padding: 15px 2px;
    padding-left: 15px;

    transition: all 1s ease;
    transform: translateX(-10px);
    text-decoration: none;

    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 5px;
    background-color: #3054a1;

    align-items: center;
    justify-content: flex-start;
}

.section-icon a:hover,
.contact-icon a:hover {
    color: #3054a1;
    background-color: #ffffff;
}

.section-icon a span,
.contact-icon a span {
    line-height: 1;
}

.section-icon a i.icon-24-7-phone,
.contact-icon a i.icon-24-7-phone {
    font-size: 40px;
}

.section-icon a i.icon-chevron-right,
.contact-icon a i.icon-chevron-right {
    font-size: 20px;
}

.section-box,
.contacts-box {
    z-index: 10000;

    padding: 30px 75px 30px 30px;

    transition: all 1s ease;
    transform: translateX(-200%);

    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 5px;
    background-color: #3054a1;
}

.section-box button,
.contacts-box button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.section-box button:hover,
.contacts-box button:hover {
    background-color: transparent;
}

.section-box button i,
.contacts-box button i {
    color: #ffffff;

    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.section-box ul {
    margin: 15px 0 0;
    padding: 0;

    list-style: none;
}

.section-box ul a:hover {
    color: #3054a1;
    background-color: #ffffff;
}

.section-box ul .current_page_item a,
.section-box ul .current_page_ancestor a,
.section-box ul .current_page_parent a {
    color: #3054a1;
    background-color: #ffffff;
}

.section-box ul a:before {
    content: "";

    font-family: "adiran";
    font-size: 10px;
}

.section-box a {
    display: block;

    width: 180px;
    padding: 0 5px;

    text-decoration: none;

    color: #ffffff;

    font-size: 14px;
    line-height: 30px;
}

.section-box a a.btn-white {
    margin-bottom: 15px;
    padding: 0 45px;

    text-align: center;

    border: 1px solid transparent;
    border-radius: 2px;
}

.section-box a i {
    margin-left: 5px;
}

.contacts-box a {
    display: block;

    margin-bottom: 15px;

    text-decoration: none;

    color: #ffffff;

    line-height: 30px;
}

.contacts-box a i {
    margin-left: 5px;
}

.contacts-box a.btn-white,
.contacts-box a.btn-main {
    margin-bottom: 15px;
    padding: 0 45px;

    text-align: center;

    border: 1px solid transparent;
    border-radius: 2px;
}

.contacts-box a.btn-white {
    color: #3054a1;
    background-color: #ffffff;
}

.contacts-box a.btn-white:hover {
    color: #ffffff;
    background-color: #3054a1;
}

.contacts-box a.btn-white:hover {
    border-color: #ffffff;
}

.contacts-box a.btn-main {
    border-color: #ffffff;
}

.contacts-box a.btn-main:hover {
    color: #3054a1;
    background-color: #ffffff;
}

.back_to_top {
    position: fixed;
    z-index: 1000;
    right: 35px;
    bottom: 35px;

    display: none;
}

.back_to_top a {
    padding: 0 15px;

    text-decoration: none;

    color: #3054a1;

    font-size: 48px;
}

.back_to_top a i {
    border: 1px solid transparent;
    border-radius: 50%;
    background: #ffffff;
}

.back_to_top a:hover i {
    color: #ffffff;
    background: #3054a1;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Vendors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Vendors
--------------------------------------------------------------*/
.embed-responsive {
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    padding: 0;
}

.embed-responsive::before {
    display: block;

    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

     -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-touch-callout: none;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 100%;

    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;

    margin-right: auto;
    margin-left: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    position: relative;

    float: left;

    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    z-index: 100;
    top: 50%;

    display: block;

    width: 48px;
    height: 48px;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);

    color: transparent;
    border: none;
    outline: none;
    background: transparent;

    font-size: 0;
    line-height: 0;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:before,
.slick-next:before {
    color: white;

    font-family: "adiran";
    font-size: 48px;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    right: 30px;
}

.slick-prev:before {
    content: "";
}

.slick-next {
    left: 30px;
}

.slick-next:before {
    content: "";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -60px;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    display: block;

    width: 10px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 1px solid #ffffff;
    border-radius: 50%;
    outline: none;
    background: transparent;

    font-size: 0;
    line-height: 0;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
    height: 10px;

    content: "";

    border-radius: 50%;
}

.slick-dots li.slick-active button:before {
    background-color: #ffffff;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
    position: absolute;
    z-index: 1500;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;

    outline: none;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */

    -webkit-backface-visibility: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-touch-action: none;
        touch-action: none;
}

.pswp * {
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    /* for open/close transition */
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */

    opacity: 0.001;

    will-change: opacity;
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor:    -moz-zoom-in;
    cursor:         zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor:    -moz-grab;
    cursor:         grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transform: translateZ(0);

    opacity: 0;
    background: #000000;

    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

.pswp__container,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -ms-touch-action: none;
        touch-action: none;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;

    width: 100%;
    /* for open/close transition */

    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
}

.pswp__bg {
    /* for open/close transition */
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

    will-change: opacity;
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
            transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;
}

.pswp__img {
    position: absolute;
    top: 0;
    left: 0;

    width: auto;
    height: auto;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
    background: #222222;
}

.pswp--ie .pswp__img {
    top: 0;
    left: 0;

    width: 100% !important;
    height: auto !important;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    margin-top: -8px;

    text-align: center;

    color: #cccccc;

    font-size: 14px;
    line-height: 16px;
}

.pswp__error-msg a {
    text-decoration: underline;

    color: #cccccc;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
    position: relative;

    display: block;
    float: right;
    overflow: visible;

    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;

    cursor: pointer;
    transition: opacity 0.2s;

    opacity: 0.75;
    border: 0;
    background: none;
    box-shadow: none;

    -webkit-appearance: none;
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    opacity: 0.9;
    outline: none;
}

.pswp__button::-moz-focus-inner {
    padding: 0;

    border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    width: 44px;
    height: 44px;

    background: url(images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(images/default-skin.svg);
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;

    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    position: absolute;
    top: 50%;

    width: 70px;
    height: 100px;
    margin-top: -50px;

    background: none;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    position: absolute;
    top: 35px;

    width: 32px;
    height: 30px;

    content: "";

    background-color: rgba(0, 0, 0, 0.3);
}

.pswp__button--arrow--left:before {
    left: 6px;

    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;

    background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.pswp__share-modal {
    position: absolute;
    z-index: 1600;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
    padding: 10px;

    transition: opacity 0.25s ease-out;

    opacity: 0;
    background: rgba(0, 0, 0, 0.5);

    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    position: absolute;
    z-index: 1620;
    top: 56px;
    right: 44px;

    display: block;

    width: auto;

    transition: transform 0.25s;
    transform: translateY(6px);

    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);

    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;

    padding: 8px 12px;

    text-decoration: none;

    color: #000000;

    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;

    color: #000000;
}

.pswp__share-tooltip a:first-child {
    /* round corners on the first/last list item */
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    position: absolute;
    top: -12px;
    right: 15px;

    display: block;

    width: 0;
    height: 0;

    content: "";
            pointer-events: none;

    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #ffffff;

    -webkit-pointer-events: none;
       -moz-pointer-events: none;
}

a.pswp__share--facebook:hover {
    color: #ffffff;
    background: #3e5c9a;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
    color: #ffffff;
    background: #55acee;
}

a.pswp__share--pinterest:hover {
    color: #ce272d;
    background: #cccccc;
}

a.pswp__share--download:hover {
    background: #dddddd;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
    position: absolute;
    top: 0;
    left: 0;

    height: 44px;
    padding: 0 10px;

    opacity: 0.75;
    color: #ffffff;

    font-size: 13px;
    line-height: 44px;
}

/*
	
	4. Caption

 */
.pswp__caption {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    color: #bbbbbb;

    font-size: 11px;
}

.pswp__caption__center {
    max-width: 420px;
    margin: 0 auto;
    padding: 10px;

    text-align: left;

    color: #cccccc;

    font-size: 13px;
    line-height: 20px;
}

.pswp__caption--empty {
    display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
    visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
    position: absolute;
    top: 0;
    left: 50%;

    width: 44px;
    height: 44px;
    margin-left: -22px;

    transition: opacity 0.25s ease-out;

    opacity: 0;

    direction: ltr;
    will-change: opacity;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(images/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    position: absolute;
    top: 15px;
    left: 15px;

    width: 14px;
    height: 14px;
    margin: 0;

    opacity: 0.75;
    background: none;
}

.pswp--css_animation .pswp__preloader__cut {
    /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
    position: relative;

    overflow: hidden;

    width: 7px;
    height: 14px;
}

.pswp--css_animation .pswp__preloader__donut {
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin: 0;

    border: 2px solid #ffffff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    background: none;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        top: auto;
        left: auto;

        float: right;

        margin: 0;
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(-140deg);
    }
    100% {
        transform: rotate(0);
    }
}

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
    z-index: 1550;

    visibility: visible;

    opacity: 1;

    -webkit-font-smoothing: auto;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 44px;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7 .screen-reader-response {
    position: absolute;

    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);

    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;

    border: 0;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    display: block;

    color: #ff0000;

    font-weight: normal;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    z-index: 100;
    top: 20%;
    left: 20%;

    padding: 0.2em 0.8em;

    border: 1px solid #ff0000;
    background: #ffffff;
}

span.wpcf7-list-item {
    display: inline-block;

    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 .ajax-loader {
    display: inline-block;
    visibility: hidden;

    width: 16px;
    height: 16px;
    margin: 0 0 0 4px;
    padding: 0;

    vertical-align: middle;

    border: none;
    background-image: url("images/ajax-loader.gif");
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

.contact-form .subtitle {
    max-width: 700px;
    margin: 15px auto;

    text-align: center;

    color: white;

    font-size: 16px;
    font-weight: 400;
}

.contact-form .subtitle h3 {
    font-size: 20px;
    font-weight: 400;
}

.contact-form .form {
    padding-top: 5px;
}

.contact-form .form:before,
.contact-form .form:after {
    display: table;
    clear: both;

    table-layout: fixed;

    content: "";

    flex-basis: 0;
    order: 1;
}

.contact-form .form .form-fields {
    display: flex;
    flex-direction: column;

    flex-wrap: nowrap;
}

@media screen and (min-width: 992px) {
    .contact-form .form .form-fields {
        flex-direction: row;

        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

.contact-form .form .send_btn,
.contact-form .form .form-filed {
    position: relative;

    width: 100%;
}

.contact-form .form .send_btn span.ym,
.contact-form .form .form-filed span.ym {
    display: block;

    max-height: 100px;
}

.contact-form .form .send_btn span.ym textarea,
.contact-form .form .form-filed span.ym textarea {
    height: 95px;
}

@media screen and (min-width: 992px) {
    .contact-form .form .send_btn,
    .contact-form .form .form-filed {
        display: flex;
        flex-direction: column;

        justify-content: space-between;
    }
    .contact-form .form .send_btn span.ym,
    .contact-form .form .form-filed span.ym {
        max-height: 40px;
    }
    .contact-form .form .send_btn span.ym textarea,
    .contact-form .form .form-filed span.ym textarea {
        height: 100%;
    }
}

.contact-form .form .send_btn span.wpcf7-not-valid-tip,
.contact-form .form .form-filed span.wpcf7-not-valid-tip {
    right: 0;
    bottom: -35px;
}

.contact-form .form .send_btn textarea,
.contact-form .form .send_btn input,
.contact-form .form .form-filed textarea,
.contact-form .form .form-filed input {
    width: 100%;
    margin-bottom: 5px;

    color: #59595c;
    border: 2px solid transparent;
    background-color: white;

    line-height: 35px;
}

.contact-form .form .send_btn textarea::placeholder,
.contact-form .form .send_btn input::placeholder,
.contact-form .form .form-filed textarea::placeholder,
.contact-form .form .form-filed input::placeholder {
    color: #999999;
}

@media screen and (max-width: 991px) {
    .contact-form .form .send_btn textarea,
    .contact-form .form .send_btn input,
    .contact-form .form .form-filed textarea,
    .contact-form .form .form-filed input {
        margin-bottom: 30px;
    }
}

.contact-form .form .send_btn {
    position: relative;
}

.contact-form .form .send_btn input[type="submit"] {
    position: relative;

    float: left;

    height: 100%;
    margin-bottom: 0;

    transition: all 0.5s ease;
    text-align: center;
    text-decoration: none;

    color: #ffffff;
    border-color: #ffffff;
    background-color: #3054a1;

    font-size: 20px;
    line-height: 38px;
}

.contact-form .form .send_btn input[type="submit"]:hover {
    color: #3054a1;
    background-color: #ffffff;
}

.contact-form .form .send_btn input[type="submit"]:hover {
    font-weight: bold;
}

.contact-form .form .wpcf7-response-output {
    color: #ffffff;
}

.contact-form .form .ajax-loader {
    position: absolute;
    top: 20px;
    left: 0;
}

@media screen and (min-width: 992px) {
    .contact-form .form .form-filed {
        width: 26%;
    }
    .contact-form .form .form-filed input {
        margin: 0;
    }
    .contact-form .form .send_btn {
        width: 16%;
    }
}

.wpcf7-exclusive-checkbox .wpcf7-list-item {
    display: flex;

    width: 100% !important;

    justify-content: flex-start;
}

.footer-form .wpcf7-exclusive-checkbox .wpcf7-list-item {
    color: #ffffff;
}

.wpcf7-exclusive-checkbox .wpcf7-list-item input {
    width: 20px !important;
    height: 20px;
    margin-top: 4px;
}

.wpcf7-exclusive-checkbox .wpcf7-list-item-label {
    padding-right: 10px;

    flex: 1 0 auto;
}

@media screen and (min-width: 1920px) {
    .solutions img,
    .entry-header img {
        width: 100%;
    }
}