/*!
Theme Name: Sayun
Theme URI: http://underscores.me/
Author: Mimesis
Author URI: http://mimesis.co.il
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sayun
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Sayun is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | 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;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

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

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
    overflow-x: hidden;
}

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

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 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;
    font-size: 1em;
}

/* 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] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

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

/**
 * 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;
    font-size: 1em;
}

/**
 * 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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

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 {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

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

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    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 {
    border-style: none;
    padding: 0;
}

/**
 * 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 {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * 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;
    padding: 0;
}

/**
 * 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"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * 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 {
    -webkit-appearance: button;
    font: inherit;
}

/* 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;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    /*font-family: 'Nunito', sans-serif;*/
    font-family: 'Fredoka', sans-serif;
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;*/
    font-size: 1rem;
    line-height: 1.5;
    /*letter-spacing: 0.06em;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    letter-spacing: 0.06em;
}

h3 {
    font-weight: 400;
}

p {
    margin-bottom: 1.5em;
    letter-spacing: 0.04em;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

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

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

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links
--------------------------------------------- */
a {
    color: #4169e1;
}

a:visited {
    color: #800080;
}

a:hover,
a:focus,
a:active {
    color: #191970;
}

a:focus {
    /*outline: thin dotted;*/
    outline: 0;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

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

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

.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;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 768px) {

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

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

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

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

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

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

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}


/* Sayun
--------------------------------------------- */


.text-white-70 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.7) !important;
}

.btn-xl {
    padding: 1rem 1.75rem;
    font-size: 1.25rem;
}

.btn-outline-light {
    color: white !important;
}

.btn-outline-light:hover {
    color: #303030 !important;
}

.bg-primary {
    background-color: #2c3e50 !important;
}

.bg-about {
    background-color: #303030;
}

.bg-contact {
    background-color: #2c3e50;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.container.inner-shade {
    position: relative;
}

.inner-shade:before {
    position: absolute;
    content: '';
    top: -3rem;
    left: -3rem;
    right: -3rem;
    bottom: -3rem;
    filter: blur(200px);
    opacity: 0.75;
    z-index: 15;
    background: #252a55;
}

.inner-shade > * {
    position: relative;
    z-index: 20;
}

.masthead {
    padding-top: calc(6rem + 74px);
    padding-bottom: 6rem;
}

.masthead .masthead-heading {
    font-size: 2.75rem;
    line-height: 2.75rem;
}

.masthead .masthead-subheading {
    font-size: 1.25rem;
}

.masthead .masthead-avatar {
    width: 15rem;
}

.masthead .masthead-avatar.logo {
    height: 15rem;
}

.masthead .masthead-avatar.logo svg {
    width: 100%;
    height: 100%;
}

@media (min-width: 1400px) {
    .container-thinner {
        max-width: 860px;
    }
}

.mim-form-input {
    border-radius: 0.5rem;
    height: 48px;
}

@media (min-width: 992px) {
    .masthead {
        padding-top: calc(8rem + 104px);
        padding-bottom: 8rem;
    }

    .masthead .masthead-heading {
        font-size: 4rem;
        line-height: 3.5rem;
        /* font-weight: 700; */
        font-weight: 500;
    }

    .masthead .masthead-subheading {
        font-size: 1.5rem;
    }
}

.container-wider {
    padding: 0 10px;
}

.modal-header .container-wider {
    padding: 0;
}


.container-wider-more, .container-wider {
    max-width: 100%;
    width: 100%;
}


@media (min-width: 1500px) {

    .container-wider {
        max-width: 1380px;
        width: 1380px;
    }


}


@media (min-width: 1800px) {

    .container-wider-more {
        max-width: 1600px;
        width: 1600px;
    }

    .container-wider {
        max-width: 1640px;
        width: 1640px;
    }


}

@media (min-width: 2100px) {
    .container-wider-more {
        max-width: 1900px;
        width: 1900px;
    }


}

@media (min-width: 2500px) {
    .container-wider-more {
        max-width: 2300px;
        width: 2300px;
    }


}


main[data-home="no"] .home-section {
    visibility: hidden;
}


body.project-modal-load:after {
    content: '';
    height: 60px;
    width: 60px;
    /*background: red;*/
    position: fixed;
    top: calc(50vh - 30px);
    left: calc(50% - 30px);
    z-index: 200;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KIDxwYXRoIGZpbGw9IiNmNGMwMTUiIGQ9Ik0zMS42LDMuNUM1LjksMTMuNi02LjYsNDIuNywzLjUsNjguNGMxMC4xLDI1LjcsMzkuMiwzOC4zLDY0LjksMjguMWwtMy4xLTcuOWMtMjEuMyw4LjQtNDUuNC0yLTUzLjgtMjMuMwogIGMtOC40LTIxLjMsMi00NS40LDIzLjMtNTMuOEwzMS42LDMuNXoiPgogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdHlwZT0icm90YXRlIiBkdXI9IjJzIiBmcm9tPSIwIDUwIDUwIiB0bz0iMzYwIDUwIDUwIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDwvcGF0aD4KIDxwYXRoIGZpbGw9IiNmNGMwMTUiIGQ9Ik00Mi4zLDM5LjZjNS43LTQuMywxMy45LTMuMSwxOC4xLDIuN2M0LjMsNS43LDMuMSwxMy45LTIuNywxOC4xbDQuMSw1LjVjOC44LTYuNSwxMC42LTE5LDQuMS0yNy43CiAgYy02LjUtOC44LTE5LTEwLjYtMjcuNy00LjFMNDIuMywzOS42eiI+CiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJyb3RhdGUiIGR1cj0iMXMiIGZyb209IjAgNTAgNTAiIHRvPSItMzYwIDUwIDUwIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDwvcGF0aD4KIDxwYXRoIGZpbGw9IiNmNGMwMTUiIGQ9Ik04MiwzNS43Qzc0LjEsMTgsNTMuNCwxMC4xLDM1LjcsMThTMTAuMSw0Ni42LDE4LDY0LjNsNy42LTMuNGMtNi0xMy41LDAtMjkuMywxMy41LTM1LjNzMjkuMywwLDM1LjMsMTMuNQogIEw4MiwzNS43eiI+CiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJyb3RhdGUiIGR1cj0iMnMiIGZyb209IjAgNTAgNTAiIHRvPSIzNjAgNTAgNTAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgPC9wYXRoPgo8L3N2Zz4=) !important;

}

body.project-modal-load:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: 199;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}


.offcanvas-project {
    right: 0;
    left: 0;
    /* height: calc(100vh - 100px); */
    width: 100vw;
    max-height: 100%;
    /*border-top: 1px solid rgba(0, 0, 0, .2);*/
    /*     transform: translateY(100%); */
    /* background-color: rgb(53 53 53 / 60%); */
    /* background: #303030; */
    /* height: calc(100vh - 200px); */
    background: transparent;
    /* height: calc(100vh - 80px); */
}

.offcanvas-project .offcanvas-header {
    /* padding: 3.7rem 1.7rem 1.7rem; */
    background: #2c3e50;
    color: white;
    padding: 1.7rem 0;
    position: relative;
    /* justify-content: center; */
    /* padding-right: calc(60px + 6rem); */
    padding-left: calc((100vw - 1440px) / 2 - 160px);
    justify-content: flex-start;
}

.rtl .offcanvas-project .offcanvas-header {
    padding-right: calc((100vw - 1440px) / 2 - 160px);
    /* padding-right: 1.7rem; */
    padding-left: 0;
}


.offcanvas-project-header {
    /* width: 60vw; */
    /* padding: 0 1rem; */
    /* padding: 0; */
    /* padding: 0 3rem; */
    width: 1440px;
    /* padding: 0 10px; */
    /* background: red; */
}

.offcanvas-project-header .offcanvas-project-title {
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.offcanvas-project #project-oc-content {
    /* padding: 16px; */
    min-height: 70vh;
    /* padding: 1.7rem; */
    color: #dad9d9;
    font-size: 1.15rem;
    line-height: 1.3;
    padding: 10px;
}


.offcanvas-project.offcanvas.show {
    transform: none !important;
}


.offcanvas-project .offcanvas-header .btn-close {
    position: absolute;
    /* left: calc(-60px - 3rem); */
    height: 60px;
    width: 60px;
    background: none !important;
    color: white;
    opacity: 0.3;
    box-sizing: border-box;
    /* padding: calc((50px - 2em) / 2); */
    /* top: calc(50% - 28px); */
    padding: 0;
    margin: 0;
    /* left: calc(-60px - 50px); */
    /* left: calc(50% - 30px); */
    /* top: -80px; */
}


.rtl .offcanvas-project .offcanvas-header .btn-close {
    /* right: calc(-60px - 3rem); */
    /* left: auto; */
}


.offcanvas-project .offcanvas-header .btn-close > * {
    height: 60px;
    vertical-align: unset;
    width: 60px;
    filter: drop-shadow(0px 0px 4px black);
}

.offcanvas-project .offcanvas-body {
    padding: 1.7rem 0;
    display: flex;
    /* justify-content: center; */
    /* padding-right: calc(60px + 6rem); */
    padding-left: calc((100vw - 1440px) / 2 - 160px);
    background: #303030;
    overflow-x: hidden;
}

.offcanvas-project .offcanvas-body a {
    color: white !important;
}

.rtl .offcanvas-project .offcanvas-body {
    /*padding-left: calc(60px + 6rem);*/
    padding-right: calc((100vw - 1440px) / 2 - 160px);
}

.offcanvas-project .offcanvas-header .btn-close i, .offcanvas-project .offcanvas-header .btn-close svg {

}


@media (min-width: 1199px) {

    /*.rtl .offcanvas-project-header,*/
    /*.rtl .offcanvas-project #project-oc-content {*/
    /*    margin: 0 auto 0 0;*/
    /*}*/
    .offcanvas-project {
        /*width: 80vw;*/
        top: 100px;
        right: 0;
        left: unset;
        height: calc(100vh - 100px);
        /*     border-left: 1px solid rgba(0,0,0,.2); */
        transform: translateX(100%);
        /* width: calc(100% - 60px - 6em); */
        width: calc(100% - 60px - 100px);
    }


    .rtl .offcanvas-project {
        /*width: 80vw;*/
        /*top: 100px;*/
        left: 0;
        right: unset;
        transform: translateX(-100%);
    }


    .body-scrolled .offcanvas-project, .rtl .body-scrolled .offcanvas-project {
        top: 80px;
        height: calc(100vh - 80px);
    }

    /*.offcanvas-project #project-oc-content {*/
    /*	!*width: calc(60vw - 32px);*!*/
    /*	width: 60vw;*/
    /*	padding: 16px;*/
    /*}*/
    .offcanvas-project .offcanvas-header .btn-close {
        top: calc(50% - 28px);
        left: calc(-60px - 50px);
    }

    .rtl .offcanvas-project .offcanvas-header .btn-close {
        right: calc(-60px - 3rem);
        left: auto;
    }


    .offcanvas-project .offcanvas-header .btn-close i, .offcanvas-project .offcanvas-header .btn-close svg {
        transform: rotate(-90deg);
    }

    .rtl .offcanvas-project .offcanvas-header .btn-close i, .rtl .offcanvas-project .offcanvas-header .btn-close svg {
        transform: rotate(90deg);
    }
}

@media (min-width: 1399px) {
    .offcanvas-project #project-oc-content {
        /*width: calc(60vw - 32px);*/
        /* width: 60vw; */
        /* color: #c2c2c2; */
        /*font-size: 1.3rem;*/
        /* padding: 0.85rem; */
        /*padding: 0 3rem;*/
        /* padding: 0 calc(3rem + 10px); */
        /* font-size: 1.15rem; */
        /* line-height: 1.3; */
        width: 1440px;
        /*padding: 0;*/
        /* padding: 10px; */
    }

}


@media (max-width: 1199px) {
    .offcanvas-project {
        transform: translateY(100%);
        /* 	transform: translateX(0); */
        /* top: unset; */
        top: 0;
        padding-top: 130px;
        height: 100vh;
    }
}


.desc-year {
    color: #f4c015;
    /* font-weight: 700; */
    /*font-size: 2.5rem;*/
    /* opacity: 0.9; */
    line-height: 1;
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
}


.grid-sizer.hidden {
    display: none !important;
    /*opacity:0;*/
    /*transform: scale(0);*/
}

.grid-sizer {
    width: 50%;
    display: inline-block;
    /*float: right;*/
    transition: opacity 1s ease !important;
    /*transform: scale(1);*/
    /*transition: all 0.25s linear !important;*/

}

/*@media screen and (min-width: 810px) {*/
@media screen and (min-width: 1300px) {
    .grid-sizer {
        width: 33.333%;
    }
}

/*@media screen and (max-width: 580px) {*/
@media screen and (max-width: 810px) {
    .grid-sizer {
        width: 100%;
    }
}


.project-categories-note {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: 1rem;

    flex-wrap: wrap;
}

.project-categories-note li {
    font-size: 0.8rem;
    font-weight: 300;
    /* margin: 0 0.5rem; */
    opacity: 0.8;
    position: relative;
    padding: 0 0.6rem;
    white-space: nowrap;
}

.project-categories-note li:after {
    content: '';
    /*background: rgb(44 62 80 / 70%);*/
    position: absolute;
    height: 4px;
    width: 4px;
    right: -2px;
    /* top: calc(50% - 2px); */
    border-radius: 2px;
    top: calc(50% - 2px);
    background: rgba(255, 255, 255, 0.6) !important;
}

.rtl .project-categories-note li:after {
    left: -2px;
    right: auto;
}

.project-categories-note li:last-child:after {
    display: none !important;
}


.offcanvas-project-cats .project-categories-note {
    /*text-align: right;*/
    /*justify-content: flex-end;*/
    margin-bottom: 0;
    margin-top: 4px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

#project-header-details {
    text-align: right;
    padding: 0 10px;
}

.rtl #project-header-details {
    text-align: left;
}

#project-header-inner {
    padding: 0 10px;
}

.offcanvas-project-cats .project-categories-note li {
    /* color: #2c3e50; */
    font-weight: 300;
    opacity: 1;
    font-size: 1rem;
    white-space: nowrap;
}

.offcanvas-project-cats .project-categories-note li:after {
    background: rgb(247 247 247 / 70%);
    right: auto;
    left: -2px;
}

.offcanvas-project-cats .project-categories-note li:last-child:after {

}

.rtl .offcanvas-project-cats .project-categories-note {

}

.rtl .offcanvas-project-cats .project-categories-note li:after {
    /*left: -2px;*/
    /*right: unset;*/
    right: -2px;
    left: auto;
}

#offcanvasProjectSubtitle {
    margin-bottom: 0;
    margin-top: 4px;
    font-weight: 300;
    font-size: 1rem;
}

ul#home-filters li {margin: 0 0.5rem;}

ul#home-filters li a {
    color: #2c3e50;
    /* font-weight: 700; */
    text-decoration: none;
    opacity: 0.7;
    padding: 0.4rem 0.8rem;
    outline: 0;
    font-weight: 400;
    font-size: 0.9rem;
    white-space: nowrap;
    display: inline-block;
}

ul#home-filters li a.selected {
    /* text-decoration: underline; */
    opacity: 1;
    background: #f4c015;
    border-radius: 0.5rem;
    font-weight: 500;
}

ul#home-filters {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 1.5rem;
    margin-left: 0;
    margin-right: 0;
}

button#load-more {
    margin-top: 1.4rem;
}


.portfolio .portfolio-item {
    /*max-width: 24.5rem;*/
    /* height: 18rem; */
    /*padding: 0;*/
    max-width: unset;
    padding: 1rem;
    border-radius: unset;
    /* height: 100%; */
    /* min-height: 35rem; */
    overflow: hidden;
}


/*#portfolio-inner-section.lazy {*/

/*    display: none !important;*/

/*}*/


#isotope-list.lazy,
#home-filters.lazy {

    display: none !important;

}

.portfolio-item-inner {
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    min-height: 16rem;
}

.portfolio .portfolio-item .img-fluid {
    max-width: 100%;
    height: auto;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}


.portfolio .portfolio-item .portfolio-item-caption {
    opacity: 1;
    /* top: 12.6rem; */
    padding: 1rem;
    /* background-color: rgb(71 167 77 / 90%); */
    /* background-color: rgb(244 192 21 / 90%); */
    /* background-color: rgb(56 56 56 / 90%); */
    top: calc(100% - 5rem);
    /* background-color: rgb(26 26 26 / 94%); */
    /* background-color: #10b057 !important; */
    background-color: rgba(44, 62, 80, 0.97);
    /*background-color: rgba(30, 30, 30, 0.97);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    transition: all 0.2s ease-in-out;
}

.portfolio .portfolio-item.item-has-subtitle .portfolio-item-caption {
    top: calc(100% - 6.3rem);
}

.portfolio .portfolio-item .portfolio-item-caption:hover {

}

/*.portfolio .portfolio-item:hover .portfolio-item-caption,*/
/*.portfolio .portfolio-item.hover .portfolio-item-caption {*/
/*    top: 0;*/
/*    !* padding: 3rem 1rem; *!*/
/*    !*align-items: center;*!*/
/*    !*border-top: 0;*!*/

/*    background-color: rgba(44, 62, 80, 0.95);*/
/*    !*background-color: rgba(30, 30, 30, 0.95);*!*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*}*/

.portfolio .portfolio-item-caption-content {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 1.5rem;
}

/*.portfolio .portfolio-item:hover .portfolio-item-caption,*/
/*.portfolio .portfolio-item.hover .portfolio-item-caption {*/
/*    top: 0;*/
/*    !* padding: 3rem 1rem; *!*/
/*    !*align-items: center;*!*/
/*    !*border-top: 0;*!*/

/*    background-color: rgba(44, 62, 80, 0.95);*/
/*    !*background-color: rgba(30, 30, 30, 0.95);*!*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*}*/

/*.portfolio .portfolio-item:hover .portfolio-item-caption-content,*/
/*.portfolio .portfolio-item.hover .portfolio-item-caption-content {*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*}*/


.portfolio .portfolio-item-caption-content h3 {
    font-size: 1.2rem;
    /* font-weight: 700; */
    /* color: #383838; */
    margin-bottom: 0.2rem;
    color: #f4c015;
    font-weight: 500;
}

.grid-project-subtitle {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0.2rem;
    /*color: rgba(255, 255, 255, 0.85);*/
    color: white;
}

.portfolio .portfolio-item-caption-content p {
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.portfolio .portfolio-item-caption-content p.more-caption-text {
    opacity: 0
}

.portfolio .portfolio-item:hover .portfolio-item-caption-content p.more-caption-text {
    opacity: 1
}

.portfolio .portfolio-item-caption-content .rm-btn {
    /* font-size: 1.2rem; */
    font-size: 1rem;
    font-weight: 500;
    /* color: #34bf72; */
    /* text-decoration: underline; */
}

.portfolio .portfolio-item:hover .portfolio-item-caption-content.text-white-70 {
    color: rgba(255, 255, 255, 0.9) !important;
}


/*.gallery-wrapper {*/
/*	opacity:0;*/
/*	transition: opacity 0.3s ease;*/
/*}*/


/*.gallery-wrapper.show {*/
/*	opacity:1;*/
/*}*/

.gallery-wrapper .gallery-cont-short img {
    opacity: 0;
    transition: opacity 0.3s ease;
}


.gallery-wrapper .gallery-cont-short.show img {
    opacity: 1;
}


/*.gallery-wrapper .gallery-cont-short {*/
/*    opacity: 0;*/
/*    transition: opacity 0.3s ease;*/
/*}*/


/*.gallery-wrapper.show .gallery-cont-short {*/
/*    opacity: 1;*/
/*}*/


.gallery-wrapper, .site-slider-cont {
    margin-left: -0.66rem;
    margin-right: -0.66rem;
    margin-bottom: 0.66rem;
    margin-top: 0.66rem;
    /* width: auto; */
    width: calc(100% + 1.32rem);
}


.gallery-wrapper.site-gallery {
    width: calc(100% + 4.8rem);
    margin-left: -2.4rem;
    margin-right: -2.4rem;

}

@media (max-width: 599px) {
    .portfolio .portfolio-item .portfolio-item-caption {
        transition: all 0.4s ease-in-out;
    }
}



@media (max-width: 1199px) {
    .gallery-wrapper.site-gallery {
        width: 100%;
        margin-left: auto;
        margin-right: auto;

    }

}

.gallery-wrapper .gallery-cont-short {


    border-radius: 0.5rem;
    overflow: hidden;
}


.gallery-cont-short {
    width: 32%;
    margin: 0.66%;
}


.gallery-wrapper[data-in-row="2"] .gallery-cont-short {
    width: calc(50% - 1.35%);
}


.gallery-cont-short img {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .gallery-cont-short {
        padding: 4px;
        width: 50%;
    }

}

@media screen and (max-width: 599px) {
    .gallery-cont-short, .gallery-wrapper[data-in-row="2"] .gallery-cont-short {
        padding: 0;
        width: 100%;
    }

    .grid-project-subtitle {
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }

    .masthead .masthead-avatar.logo {
        height: 10rem;
        margin-bottom: 2rem!important;
    }

    .masthead .masthead-avatar {
        width: 10rem;
    }

    .project-categories-note li {
        /*line-height: 1.14;*/
    }


    .portfolio .portfolio-item.item-has-subtitle .portfolio-item-caption {
        /*top: calc(100% - 6.7rem);*/
    }

    .masthead .masthead-subheading {
        font-size: 1.1rem;
    }
}


.portfolio .portfolio-item:hover .portfolio-item-caption {
    top: 0;
    /* padding: 3rem 1rem; */
    /*align-items: center;*/
    /*border-top: 0;*/

    background-color: rgba(44, 62, 80, 0.95);
    /*background-color: rgba(30, 30, 30, 0.95);*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.portfolio .portfolio-item:hover .portfolio-item-caption-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 599px) {


    .portfolio .portfolio-item.hover .portfolio-item-caption-content p.more-caption-text {
        opacity: 1
    }

    .portfolio .portfolio-item.hover .portfolio-item-caption-content.text-white-70 {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    .portfolio .portfolio-item.hover .portfolio-item-caption {
        top: 0;
        /* padding: 3rem 1rem; */
        /*align-items: center;*/
        /*border-top: 0;*/

        background-color: rgba(44, 62, 80, 0.95);
        /*background-color: rgba(30, 30, 30, 0.95);*/
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .portfolio .portfolio-item.hover .portfolio-item-caption-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

}


#projects {
    background: #f0f0f0;
}

.page-section {
    padding: 8rem 0;
}

.page-section .page-section-heading {
    font-size: 2.25rem;
    line-height: 2rem;
}

@media (min-width: 992px) {
    .page-section .page-section-heading {
        font-size: 3rem;
        line-height: 2.5rem;
        /* font-weight: 700; */
        font-weight: 500;
    }
}

.divider-custom {
    margin: 1.25rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divider-custom .divider-custom-line {
    width: 100%;
    max-width: 7rem;
    height: 0.25rem;
    background-color: #2c3e50;
    border-radius: 1rem;
    border-color: #2c3e50;
}

.divider-custom .divider-custom-line:first-child {
    margin-right: 1rem;
}

.divider-custom .divider-custom-line:last-child {
    margin-left: 1rem;
}

.rtl .divider-custom .divider-custom-line:first-child {
    margin-right: 0;
    margin-left: 1rem;
}

.rtl .divider-custom .divider-custom-line:last-child {
    margin-left: 0;
    margin-right: 1rem;
}

.divider-custom .divider-custom-icon {
    color: #2c3e50;
    font-size: 2rem;
}

.divider-custom.divider-light .divider-custom-line {
    background-color: #fff;
}

.divider-custom.divider-light .divider-custom-icon {
    color: #fff;
}

.divider-custom.divider-white .divider-custom-line {
    background-color: #ffffff;
}

.divider-custom.divider-white .divider-custom-icon {
    color: #ffffff;
}

/*.modal-backdrop {*/
/*	background-color: #2c3e50;*/
/*	background-size: cover;*/
/*	background-repeat: no-repeat;*/
/*	-webkit-filter: blur(30px) grayscale(0.7);*/
/*	filter: blur(30px) grayscale(0.7);*/
/*	-webkit-transform: scale(5);*/
/*	-ms-transform: scale(5);*/
/*	transform: scale(5);*/
/*	left: 100vw;*/
/*	-webkit-transition: opacity 8s ease-in-out, left 16s cubic-bezier(0.57, 0.05, 0.57, 1.25);*/
/*	-o-transition: opacity 8s ease-in-out, left 16s cubic-bezier(0.57, 0.05, 0.57, 1.25);*/
/*	transition: opacity 8s ease-in-out, left 16s cubic-bezier(0.57, 0.05, 0.57, 1.25);*/
/*}*/


/*.modal-backdrop.slide {*/
/*	opacity: 1;*/
/*	left: 0;*/
/*}*/


.bg-services {
    background-color: #303030;
}

.section-first {
    padding-top: 100px;
}


.service-icon {
    height: 140px;
    width: 170px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 1rem;
}

.service-icon.service-icon-01 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDExNSA4MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE1IDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzU5ODdBNTt9Cgkuc3Qxe2ZpbGw6IzZDOUVCQTt9Cgkuc3Qye2ZpbGw6IzREN0M5Njt9Cgkuc3Qze2ZpbGw6I0Y0QkYwMzt9Cjwvc3R5bGU+CjxlbGxpcHNlIGNsYXNzPSJzdDAiIGN4PSI1NS43IiBjeT0iNzUuNyIgcng9IjkuOCIgcnk9IjMuOSIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTUuMywxNy42Yy0zLjItMC4zLTI2LjEtMS4zLTI3LjMtMS40Yy0xLjItMC4xLTkuOCw4LjctMTAuNiwxMC40Yy0wLjgsMS44LDYuOSw5LjcsOC43LDExLjIKCWMxLjMsMSwyNi43LDIuOSwyOC4yLDMiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTYxLjcsMTYuNkM3My45LDkuMSw4NS4yLDMuMSw4Ni41LDIuOUM4OCwyLjcsOTcuNCw0LjksOTgsNi43YzAuNSwxLjQtNS40LDE0LjEtNi44LDE1LjIKCWMtMS41LDEuMy0zMS4zLDE3LjYtMzEuMywxNy42Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MS43LDE0LjZDNzMuOSw3LjEsODUuMiwxLjEsODYuNSwwLjlDODgsMC43LDk3LjQsNC45LDk4LDYuN2MwLjUsMS40LTUuNCwxMi4xLTYuOCwxMy4yCgljLTEuNSwxLjMtMzAuOCwxNy4zLTMwLjgsMTcuMyIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTIuMiw3NS4yQzUzLDU5LjUsNTQuNSwxNCw1NC42LDEyLjNjMC4yLTMuMSwwLjEtMTAsMy4xLTEwLjZjMy0wLjYsNC41LDEuNiw0LjIsNy45CgljLTAuMyw2LjMtMy4zLDYwLjgtMi45LDY2LjEiLz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMzUuNywyMy45Yy0wLjQsMC0wLjUtMC4yLTAuNi0wLjVjLTAuMiwwLjMtMC41LDAuNC0wLjgsMC40Yy0wLjIsMC0wLjQtMC4xLTAuNi0wLjNjLTAuMi0wLjItMC4yLTAuNi0wLjItMQoJCWMtMC4xLDAtMC4yLDAtMC4zLDBjLTAuMywwLTAuNi0wLjItMC43LTAuNWMtMC4zLTAuNywwLjMtMS43LDEuNC0yLjdjMS4zLTEuMiwyLjctMi41LDIuNy0zLjNjMC0wLjIsMC0wLjUsMC0wLjkKCQljMC0xLjctMC4xLTQuNywxLTYuNmMwLjMtMC42LDAuNi0xLDAuOS0xLjRjMC43LTEuMSwxLTEuNSwwLjctMi44Yy0wLjEtMC40LTAuNS0wLjctMS0xLjFDMzgsMy4yLDM3LjcsMywzNy40LDIuOEwzNi42LDJsMS4yLDAKCQljMS4xLDAsMS40LTAuMywxLjktMC42YzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4yYzAuMy0wLjIsMC44LTAuNCwxLjQtMC40YzEsMCwxLjgsMC42LDIuNCwxLjljMS4zLDIuNSwxLjgsNi45LDAuNCw5LjkKCQljLTAuNywxLjUtMS4xLDIuMS0xLjQsMi40Yy0wLjIsMC4zLTAuMywwLjMtMC4zLDAuOWMwLDAuNi0wLjIsMC44LTAuNywwLjhjLTAuMSwwLTAuMSwwLTAuMiwwYzAsMC0wLjEsMC0wLjIsMAoJCWMtMC41LDAtMS4xLDAuNS0xLjUsMWMtMC4yLDAuMi0wLjQsMC4zLTAuNiwwLjNjLTAuMiwwLjEtMC42LDAuOC0yLDMuNkMzNi42LDIzLjYsMzYuMSwyMy45LDM1LjcsMjMuOUwzNS43LDIzLjl6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDEuMywxLjNjMC42LDAsMS4zLDAuNCwyLDEuNmMxLjIsMi4zLDEuNyw2LjUsMC40LDkuNWMtMS4zLDMtMS42LDItMS43LDMuNWMwLDAuMy0wLjEsMC40LTAuMiwwLjQKCQljLTAuMSwwLTAuMiwwLTAuNCwwYy0wLjMsMC0wLjksMC4yLTEuOCwxLjFDMzksMTgsMzkuNCwxNi40LDM3LDIxLjRjLTAuOCwxLjYtMS4yLDItMS40LDJjLTAuMywwLTAuMi0wLjctMC4zLTAuNwoJCWMwLTAuMi0wLjEtMC4zLTAuMi0wLjNjLTAuMSwwLTAuMywwLjItMC41LDAuNmMtMC4xLDAuMi0wLjMsMC40LTAuNSwwLjRjLTAuMiwwLTAuMy0wLjItMC4yLTAuOGMwLjEtMC42LDAuMS0wLjgtMC4xLTAuOAoJCWMtMC4xLDAtMC4zLDAuMS0wLjQsMC4zYy0wLjEsMC4xLTAuMiwwLjEtMC4zLDAuMWMtMC40LDAtMC41LTAuOSwxLjEtMi4zYzEuNS0xLjQsMi44LTIuNiwyLjktMy42YzAuMS0xLTAuMy01LjEsMC45LTcuMgoJCWMxLjItMi4xLDIuMS0yLjUsMS42LTQuNmMtMC4yLTAuOC0xLjEtMS4yLTEuOS0yYzEuNC0wLjEsMS44LTAuNSwyLjQtMC44QzQwLjQsMS41LDQwLjgsMS4zLDQxLjMsMS4zIE00MS4zLDAuM0w0MS4zLDAuMwoJCWMtMC43LDAtMS4zLDAuMy0xLjcsMC41Yy0wLjEsMC4xLTAuMiwwLjEtMC4zLDAuMmMtMC40LDAuMy0wLjcsMC41LTEuNiwwLjVsLTIuNCwwLjFsMS44LDEuNmMwLjMsMC4zLDAuNSwwLjUsMC44LDAuNwoJCWMwLjQsMC4zLDAuOCwwLjYsMC44LDAuOEMzOSw1LjgsMzguOCw2LDM4LjEsNy4xYy0wLjIsMC40LTAuNiwwLjgtMC45LDEuNGMtMS4xLDEuOS0xLjEsNS4xLTEsNi44YzAsMC40LDAsMC42LDAsMC44CgkJYzAsMC42LTEuNSwxLjktMi42LDIuOWMtMS4zLDEuMi0xLjksMi40LTEuNSwzLjNjMC4yLDAuNCwwLjUsMC43LDAuOSwwLjhjMCwwLjMsMC4xLDAuNiwwLjMsMC45YzAuMiwwLjMsMC42LDAuNSwxLDAuNQoJCWMwLjIsMCwwLjUtMC4xLDAuNy0wLjJjMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNjMC44LDAsMS4zLTAuNiwyLjMtMi42YzEuMS0yLjQsMS42LTMuMSwxLjgtMy40YzAuMi0wLjEsMC40LTAuMiwwLjctMC40CgkJYzAuNi0wLjYsMS0wLjgsMS4xLTAuOGMwLDAsMC4xLDAsMC4xLDBjMC4xLDAsMC4yLDAsMC4zLDBjMC4zLDAsMS4xLTAuMSwxLjItMS4zYzAtMC40LDAtMC41LDAtMC41YzAsMCwwLjEtMC4xLDAuMS0wLjIKCQljMC4zLTAuMywwLjctMC45LDEuNC0yLjVjMS41LTMuMywwLjktNy44LTAuNC0xMC40QzQzLjMsMC42LDQyLjEsMC4zLDQxLjMsMC4zTDQxLjMsMC4zeiIvPgo8L2c+CjxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuMTMyMyAtMC45OTEyIDAuOTkxMiAwLjEzMjMgLTI2LjIyMTYgMTIwLjM4NykiIGNsYXNzPSJzdDIiIGN4PSI1NS42IiBjeT0iNzUuMiIgcng9IjIuNCIgcnk9IjMuNSIvPgo8L3N2Zz4=) !important;

}

.service-icon.service-icon-03 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDExNSA4MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE1IDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzZDOUVCQTt9Cgkuc3Qxe2ZpbGw6IzU5ODdBNTt9Cgkuc3Qye2ZpbGw6IzREN0M5Njt9Cgkuc3Qze2ZpbGw6I0Y0QkYwMzt9Cjwvc3R5bGU+CjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjQ3IiBjeT0iNTUuOCIgcj0iNy4yIi8+CjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjQ3LjgiIGN5PSI1Ni4yIiByPSI3LjQiLz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMzEuOSIgY3k9IjY2LjMiIHI9IjQuNCIvPgo8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIzMi43IiBjeT0iNjYuNyIgcj0iNC43Ii8+CjxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjIyLjEiIGN5PSI3NS41IiByPSIyLjkiLz4KPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTYuOCIgY3k9IjYzLjMiIHI9IjIuMiIvPgo8ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgwLjI2NTcgLTAuOTY0MSAwLjk2NDEgMC4yNjU3IC00Ni41NTgyIDQ3LjY0ODUpIiBjbGFzcz0ic3QyIiBjeD0iOCIgY3k9IjU0LjQiIHJ4PSIxLjkiIHJ5PSIxLjkiLz4KPGcgaWQ9IkxheWVyXzE0Ij4KCTxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMTA5LjgsMzEuMSAxMDUsNjEgODUuOCwzMC40IDk1LjIsMS41IAkiLz4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMDUsNjFMNjcuNCw2M0w1MC4yLDM3LjJsMzUuNi02LjhMMTA1LDYxeiIvPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI4NS44LDMwLjQgOTUuMiwxLjUgNjEuOCwxMS43IDUwLjIsMzcuMiAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9Ijk2LDE1LjQgOTEuNiwyOS41IDEwMi40LDQ3LjEgMTA0LjksMzAuNiAJIi8+CjwvZz4KPC9zdmc+) !important;

}

.service-icon.service-icon-02 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJNb2JpbGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMTUgODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExNSA4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0RDdDOTY7fQoJLnN0MXtmaWxsOiM1OTg3QTU7fQoJLnN0MntmaWxsOiM2QzlFQkE7fQoJLnN0M3tmaWxsOiNGNEJGMDM7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzkuMSwxNC42YzE1LjgtMy4zLDM5LjgtOCw1NS45LTExLjJjNC4yLTAuOCwxMC44LTEuMywxMi4xLDYuNmMxLjYsOS44LDIuNywxNi4xLDMuNiwyMi40CgljMC41LDMuNSwwLDkuMi03LjYsMTAuOGMtOC42LDEuOS0zOS4yLDkuMS01Ny4yLDEyLjhjLTMuNywwLjgtMTIuNCwzLjQtMTQuMi01LjRjLTItMTAtMy41LTE3LTQuNi0yMy40CglDMjYuMSwyMS40LDI2LjcsMTcuMiwzOS4xLDE0LjZ6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xOS4xLDE5LjZjMC44LTEuOCwxLjctMy43LDIuNC01YzIuNS00LjIsNS42LTUuNSwxMi44LTYuMmM1LTAuNSw1LjYsNi43LDAuNyw4LjJjLTMuMSwwLjktNywwLjYtOC4zLDYuOQoJYy0xLjEsNS43LTEuNSw3LjEtMi43LDEwLjZjLTEuMiwzLjMtMywxMC43LDIsMTUuOGM1LDUuMiw3LjMsNS43LDEzLjIsNy44YzUuOCwyLjEsMy43LDguNi0wLjMsOC41Yy00LTAuMS0xNi40LTQuOC0yNC40LTEwLjMKCUM2LjEsNTAuMSwyLDQ2LDMuMiwzNy44YzAuOS02LjUsMi41LTExLjIsOC4yLTEzLjJDMTEuNCwyNC42LDE1LjgsMTguMiwxOS4xLDE5LjZ6Ii8+CjxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjM0LjkiIGN5PSIzNy45IiByPSIyLjUiLz4KPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIxMDAuNiwzOS44IDk1LjQsNyAzNy40LDE5LjYgNDQsNTIuNCAiLz4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNzkuMywyMi45Yy0yLjcsMi40LTYuMSw1LjYtMjAuNiw5LjljLTAuNi0yLjItMC45LTMuMy0wLjktMy4zbC0zLjksNi42bDYuOSwyLjdjMCwwLTAuOS0yLjQtMS4xLTMuMwoJCWM1LjMtMS4zLDEzLjEtMi42LDIxLjItOS43YzAuOCwxLjUsMS40LDIuNCwxLjQsMi40bDIuOS03LjJsLTcuNC0xLjFMNzkuMywyMi45eiIvPgo8L2c+CjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik03Nyw1Mi44Yy0zLTYuNS05LjEtMTQuNi0xMy0yMi40Yy0zLTYsMy40LTkuMiw3LjUtMi43YzUuNCw4LjcsMTAuNywxNy4zLDEwLjcsMTcuM3MtMi4xLTYuNSwyLjUtNS44CgljNCwwLjYsNyw3LjksNy40LDEwLjZjMC4yLTMuMywwLjItNy40LDMuNC03YzMuNywwLjUsNS42LDcuMiw1LjcsOS42YzAuNi0yLjUsMC45LTYuNyw0LjEtNi4xYzMuNywwLjgsNi4xLDcsMS44LDE2LjkKCWMtMy44LDguNy05LjksMTIuMS0yMC40LDEwLjZDNzQsNzEuOSw2MC45LDY1LDYyLjUsNjAuM0M2NS4yLDUyLjYsODIuOCw2NS41LDc3LDUyLjh6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03OSw1My44Yy0zLTYuNS05LjEtMTQuNi0xMy0yMi40Yy0zLTYsMy40LTkuMiw3LjUtMi43YzUuNCw4LjcsMTAuNywxNy4zLDEwLjcsMTcuM3MtMi4xLTYuNSwyLjUtNS44CgljNCwwLjYsNyw3LjksNy40LDEwLjZjMC4yLTMuMywwLjItNy40LDMuNC03YzMuNywwLjUsNS42LDcuMiw1LjcsOS42YzAuNi0yLjUsMC45LTYuNyw0LjEtNi4xYzMuNywwLjgsNi4xLDcsMS44LDE2LjkKCWMtMy44LDguNy05LjksMTIuMS0yMC40LDEwLjZDNzYsNzIuOSw2Mi45LDY2LDY0LjUsNjEuM0M2Ny4yLDUzLjYsODQuOCw2Ni41LDc5LDUzLjh6Ii8+Cjwvc3ZnPg==) !important;

}

.service-icon.service-icon-04 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl84IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTE1IDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMTUgODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkM5RUJBO30KCS5zdDF7ZmlsbDojNTk4N0E1O30KCS5zdDJ7ZmlsbDojRjRCRjAzO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTgyLjksNTUuNGMwLjItNy4yLTAuNC0xNy4zLTAuNS0yNmMtMC4xLTcuMiw2LjgtNyw3LjQtMC4yYzAuOCw4LjcsMC44LDIwLjMsMC44LDIwLjNzMC4zLTguMSw0LjctNi45CgljMy40LDAuOSwyLjYsNy42LDIuNiwxMC4yYzEtMi45LDItNi42LDUtNS44YzMuNSwwLjksMi4yLDYuNywyLjEsOS4xYzAuOS0yLjMsMi44LTYsNS4xLTQuOWMyLjYsMS4yLDMuOCw3LTEuNiwxNi4xCgljLTQuOCw4LTExLjIsMTEtMjEuMSw4LjJjLTEyLTMuMy0yNS4xLTkuMi0yMi45LTEzLjVDNjcuOSw1NC43LDgyLjUsNjkuOCw4Mi45LDU1LjR6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04My45LDU2LjRjMC4yLTYuNy0wLjQtMTcuNi0wLjUtMjZjLTAuMS03LjIsNi44LTcsNy40LTAuMmMwLjgsOC43LDAuOCwyMC4zLDAuOCwyMC4zczAuMy04LjEsNC43LTYuOQoJYzMuNCwwLjksMi42LDcuNiwyLjYsMTAuMmMxLTIuOSwyLTYuNiw1LTUuOGMzLjUsMC45LDIuMiw2LjcsMi4xLDkuMWMwLjktMi4zLDIuOC02LDUuMS00LjljMi42LDEuMiwzLjgsNy0xLjYsMTYuMQoJYy00LjgsOC0xMS4yLDExLTIxLjEsOC4yYy0xMi0zLjMtMjUuMS05LjItMjIuOS0xMy41QzY5LDU1LjgsODMuNiw3MC45LDgzLjksNTYuNHoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLjYsMjQuM2MtMC4yLDYuNywwLjQsMTcuNiwwLjUsMjZjMC4xLDcuMi02LjgsNy03LjQsMC4yYy0wLjgtOC43LTAuOC0yMC4zLTAuOC0yMC4zcy0wLjMsOC4xLTQuNyw2LjkKCWMtMy40LTAuOS0yLjYtNy42LTIuNi0xMC4yYy0xLDIuOS0yLDYuNi01LDUuOGMtMy41LTAuOS0yLjItNi43LTIuMS05LjFjLTAuOSwyLjMtMi44LDYtNS4xLDQuOWMtMi42LTEuMi0zLjgtNywxLjYtMTYuMQoJYzQuOC04LDExLjItMTEsMjEuMS04LjJjMTIsMy4zLDI1LjEsOS4yLDIyLjksMTMuNUM0Ni42LDI0LjksMzIsOS44LDMxLjYsMjQuM3oiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTMwLjUsMjMuMmMtMC4yLDYuNywwLjQsMTcuNiwwLjUsMjZjMC4xLDcuMi02LjgsNy03LjQsMC4yYy0wLjgtOC43LTAuOC0yMC4zLTAuOC0yMC4zcy0wLjMsOC4xLTQuNyw2LjkKCWMtMy40LTAuOS0yLjYtNy42LTIuNi0xMC4yYy0xLDIuOS0yLDYuNi01LDUuOEM3LDMwLjcsOC4zLDI1LDguNCwyMi42Yy0wLjksMi4zLTIuOCw2LTUuMSw0LjljLTIuNi0xLjItMy44LTcsMS42LTE2LjEKCWM0LjgtOCwxMS4yLTExLDIxLjEtOC4yQzM4LDYuNiw1MS4xLDEyLjQsNDksMTYuOEM0NS41LDIzLjksMzAuOSw4LjgsMzAuNSwyMy4yeiIvPgo8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjUyLjEsMzIuOSA1Mi4xLDQ5LjIgNjQuOSw0MC44ICIvPgo8L3N2Zz4=) !important;

}

.service-icon.service-icon-05 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDExNSA4MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTE1IDgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzREN0M5Njt9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzZDOUVCQTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiM1OTg3QTU7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDN7ZmlsbDojNTk4N0E1O30KCS5zdDR7ZmlsbDojRjRCRjAzO30KPC9zdHlsZT4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iNTcuOSIgY3k9IjM5LjciIHI9IjM3LjciLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTU4LjcsNzcuM0M3MC40LDcwLDc4LjMsNTUuOSw3OC4zLDM5LjdjMC0xNi4yLTcuOS0zMC4zLTE5LjYtMzcuNiIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTguNywyLjFDNDcuMSw5LjQsMzkuMiwyMy41LDM5LjIsMzkuN2MwLDE2LjIsNy45LDMwLjMsMTkuNiwzNy42Ii8+CjxsaW5lIGNsYXNzPSJzdDIiIHgxPSI1OC44IiB5MT0iMi4xIiB4Mj0iNTguOCIgeTI9Ijc3LjIiLz4KPGxpbmUgY2xhc3M9InN0MSIgeDE9IjIwLjciIHkxPSI0MC4yIiB4Mj0iOTUuMyIgeTI9IjQwLjIiLz4KPHBhdGggY2xhc3M9InN0MiIgZD0iTTI5LjUsMTVjNy43LDYuMywxNy45LDEwLjEsMjkuMiwxMC4xYzEwLjgsMCwyMC43LTMuNSwyOC4zLTkuMyIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNODYuNCw2NC4zYy03LjUtNS42LTE3LjEtOC45LTI3LjctOC45Yy0xMC45LDAtMjAuOSwzLjYtMjguNSw5LjUiLz4KPGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC45NzM5IC0wLjIyNyAwLjIyNyAwLjk3MzkgLTMuOTU5MyAxMC4xOTkzKSIgY2xhc3M9InN0MyIgY3g9IjQyLjQiIGN5PSIyMi4zIiByeD0iOCIgcnk9IjgiLz4KPGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMi43Nzg5NzZlLTAyIC0wLjk5OTYgMC45OTk2IDIuNzc4OTc2ZS0wMiAtMTYuODI1OCA5OC43NjQ2KSIgY2xhc3M9InN0MyIgY3g9IjQyLjQiIGN5PSI1OCIgcng9IjgiIHJ5PSI4Ii8+CjxlbGxpcHNlIHRyYW5zZm9ybT0ibWF0cml4KDAuOTczNiAtMC4yMjgzIDAuMjI4MyAwLjk3MzYgLTcuMDk0NyAxOS4wMDM5KSIgY2xhc3M9InN0NCIgY3g9Ijc4LjYiIGN5PSI0MC4yIiByeD0iOCIgcnk9IjgiLz4KPC9zdmc+) !important;

}

.service-icon.service-icon-06 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl82IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTE1IDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMTUgODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNkM5RUJBO3N0cm9rZTojNkM5RUJBO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6IzREN0M5NjtzdHJva2U6IzREN0M5NjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qye2ZpbGw6bm9uZTtzdHJva2U6IzVENUQ1RDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qze2ZpbGw6IzZDOUVCQTt9Cgkuc3Q0e2ZpbGw6IzU5ODdBNTt9Cgkuc3Q1e2ZpbGw6bm9uZTtzdHJva2U6IzU5ODdBNTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Q2e2ZpbGw6IzREN0M5Njt9Cgkuc3Q3e2ZpbGw6I0Y0QkYwMzt9Cgkuc3Q4e2ZpbGw6IzU5ODdBNTtzdHJva2U6IzZDOUVCQTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjgyLjgsNzguNCAyMC41LDE0LjYgMzMuNywyLjIgOTYuMyw2NS43ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjgzLjgsNzcuNCAyMS41LDEzLjYgMzMuNywyLjIgOTYuMyw2NS43ICIvPgo8bGluZSBjbGFzcz0ic3QyIiB4MT0iNjEuNSIgeTE9IjMwLjkiIHgyPSI1OC45IiB5Mj0iMzMuNiIvPgo8bGluZSBjbGFzcz0ic3QyIiB4MT0iNjQuOCIgeTE9IjM0LjIiIHgyPSI2Mi4yIiB5Mj0iMzYuOCIvPgo8bGluZSBjbGFzcz0ic3QyIiB4MT0iNjgiIHkxPSIzNy41IiB4Mj0iNjUuNCIgeTI9IjQwLjEiLz4KPGxpbmUgY2xhc3M9InN0MiIgeDE9IjUzIiB5MT0iNDAuOSIgeDI9IjUwLjciIHkyPSI0My4zIi8+CjxsaW5lIGNsYXNzPSJzdDIiIHgxPSI1Ny4yIiB5MT0iNDUuMiIgeDI9IjU0LjkiIHkyPSI0Ny41Ii8+CjxjaXJjbGUgY2xhc3M9InN0MyIgY3g9IjI4LjYiIGN5PSI3MC4yIiByPSI2LjIiLz4KPHBvbHlnb24gY2xhc3M9InN0MyIgcG9pbnRzPSI4NS44LDIyLjIgOTYuMSwyLjUgNzYuMywxMi42IDI4LjEsNjEgMzcuOSw3MC4yICIvPgo8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9Ijg1LjgsMjIuMiA5Ni4xLDIuNSA4MS44LDE5LjcgMzIuMSw2OC44IDM3LjksNzAuMiAiLz4KPGxpbmUgY2xhc3M9InN0NSIgeDE9IjMxLjEiIHkxPSI2My42IiB4Mj0iNzMiIHkyPSIyMS44Ii8+CjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik0yOC4yLDYxYy0xLjIsMC0yLDEtMS45LDJjLTAuNC0wLjEtMi4zLTAuMS0xLjYsMmMxLjIsMS44LDkuNiw4LjcsOS42LDguN3MxLjQsMC40LDItMS40CgljMC45LTAuMywxLjMtMC4xLDEuNS0yIi8+CjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik04MS44LDkuOGMwLjcsMS42LDIuOSw1LjUsNyw2LjljMy4xLTUuOSw3LjMtMTQuMSw3LjMtMTQuMUw4MS44LDkuOHoiLz4KPGcgaWQ9IkxheWVyXzEwIj4KCTxsaW5lIGNsYXNzPSJzdDgiIHgxPSIyNy4xIiB5MT0iMTYuNCIgeDI9IjI0LjYiIHkyPSIxOSIvPgoJPGxpbmUgY2xhc3M9InN0OCIgeDE9IjMxLjEiIHkxPSIyMC43IiB4Mj0iMjguOCIgeTI9IjIzLjEiLz4KCTxsaW5lIGNsYXNzPSJzdDgiIHgxPSIzNi45IiB5MT0iMjMuMyIgeDI9IjMzIiB5Mj0iMjcuMyIvPgoJPGxpbmUgY2xhc3M9InN0OCIgeDE9IjM5LjUiIHkxPSIyOS4yIiB4Mj0iMzcuMiIgeTI9IjMxLjYiLz4KCTxsaW5lIGNsYXNzPSJzdDgiIHgxPSI0My42IiB5MT0iMzMuNCIgeDI9IjQxLjMiIHkyPSIzNS44Ii8+Cgk8bGluZSBjbGFzcz0ic3Q4IiB4MT0iNDkuNCIgeTE9IjM2LjEiIHgyPSI0NS41IiB5Mj0iNDAiLz4KCTxsaW5lIGNsYXNzPSJzdDgiIHgxPSI2MS45IiB5MT0iNDguOCIgeDI9IjU4LjEiIHkyPSI1Mi44Ii8+Cgk8bGluZSBjbGFzcz0ic3Q4IiB4MT0iNjQuNSIgeTE9IjU0LjciIHgyPSI2Mi4yIiB5Mj0iNTciLz4KCTxsaW5lIGNsYXNzPSJzdDgiIHgxPSI2OC43IiB5MT0iNTguOSIgeDI9IjY2LjQiIHkyPSI2MS4zIi8+Cgk8bGluZSBjbGFzcz0ic3Q4IiB4MT0iNzQuNSIgeTE9IjYxLjYiIHgyPSI3MC42IiB5Mj0iNjUuNSIvPgoJPGxpbmUgY2xhc3M9InN0OCIgeDE9Ijc3IiB5MT0iNjcuNCIgeDI9Ijc0LjgiIHkyPSI2OS44Ii8+Cgk8bGluZSBjbGFzcz0ic3Q4IiB4MT0iODEuMiIgeTE9IjcxLjciIHgyPSI3OC45IiB5Mj0iNzQiLz4KPC9nPgo8L3N2Zz4=) !important;

}


.service-home-item {
    padding: 1rem 4rem 3rem;
    text-align: center;
}

.service-home-item .lead {
    font-size: 1rem;
}

#portfolio-loader-wrapper {
    height: 60px;
    width: 60px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KIDxwYXRoIGZpbGw9IiNmNGMwMTUiIGQ9Ik0zMS42LDMuNUM1LjksMTMuNi02LjYsNDIuNywzLjUsNjguNGMxMC4xLDI1LjcsMzkuMiwzOC4zLDY0LjksMjguMWwtMy4xLTcuOWMtMjEuMyw4LjQtNDUuNC0yLTUzLjgtMjMuMwogIGMtOC40LTIxLjMsMi00NS40LDIzLjMtNTMuOEwzMS42LDMuNXoiPgogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdHlwZT0icm90YXRlIiBkdXI9IjJzIiBmcm9tPSIwIDUwIDUwIiB0bz0iMzYwIDUwIDUwIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDwvcGF0aD4KIDxwYXRoIGZpbGw9IiNmNGMwMTUiIGQ9Ik00Mi4zLDM5LjZjNS43LTQuMywxMy45LTMuMSwxOC4xLDIuN2M0LjMsNS43LDMuMSwxMy45LTIuNywxOC4xbDQuMSw1LjVjOC44LTYuNSwxMC42LTE5LDQuMS0yNy43CiAgYy02LjUtOC44LTE5LTEwLjYtMjcuNy00LjFMNDIuMywzOS42eiI+CiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJyb3RhdGUiIGR1cj0iMXMiIGZyb209IjAgNTAgNTAiIHRvPSItMzYwIDUwIDUwIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPgogIDwvcGF0aD4KIDxwYXRoIGZpbGw9IiNmNGMwMTUiIGQ9Ik04MiwzNS43Qzc0LjEsMTgsNTMuNCwxMC4xLDM1LjcsMThTMTAuMSw0Ni42LDE4LDY0LjNsNy42LTMuNGMtNi0xMy41LDAtMjkuMywxMy41LTM1LjNzMjkuMywwLDM1LjMsMTMuNQogIEw4MiwzNS43eiI+CiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJyb3RhdGUiIGR1cj0iMnMiIGZyb209IjAgNTAgNTAiIHRvPSIzNjAgNTAgNTAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgPC9wYXRoPgo8L3N2Zz4=) !important;
}

@media screen and (max-width: 767px) {
    .service-icon {
        height: 90px;
        width: 130px;
    }

    .service-home-item h3 {
        font-size: calc(1rem + .6vw);
    }

    .service-home-item {
        padding: 1rem 2rem 3rem;
    }

    ul#home-filters {
        flex-wrap: nowrap;
        /* width: auto; */
        /* flex: 1 0 auto; */
        overflow-x: scroll;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* max-width: 100%; */
        width: 100vw;
        /* margin: 0; */
        justify-content: flex-start;
        margin-left: -10px;
        margin-right: -10px;
        height: 60px;
        align-items: center;
        /* padding: 0 0.5rem; */
        -webkit-overflow-scrolling: auto;
    }


    ul#home-filters li a {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    ul#home-filters li a.selected {

    }
}


@media screen and (max-width: 599px) {




    .page-section {
        padding: 3.5rem 0 3.8rem;
    }

    .masthead {
        padding-top: calc(5rem + 74px);
        padding-bottom: 4.4rem;
    }

    .masthead .masthead-heading {
        margin-top: 0.2em;
    }

    .divider-custom {
        margin: 1.2rem 0 1.2rem;
    }
}

/*-----------*/


.navbar-brand {
    height: 100%;
    padding: 0;
    position: relative;
    width: 80px;
    opacity: 1;
    /* width: 46px; */
    -webkit-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;
}


.body-scrolled .navbar-brand {
    width: 60px;
}

.navbar-brand svg, .navbar-brand img {
    /* width: 46px; */
    /* height: 46px; */
    height: 100%;
    width: auto;
}

/*.navbar-brand.navbar-brand-hide {*/
body.page-template-page-home:not(.logo-reveal) .navbar-brand.navbar-brand-hide {
    opacity: 0;
    width: 0;
    pointer-event: none;
    /* position:
    relative; */
    /* z-index: -5; */
}


header#masthead {
    width: 100%;
    /*background-color: #262626;*/
    height: 100px;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /*z-index: 600;*/
    background-color: #1a1a1a;
    z-index: 2600;
}


.flowsis-header-inner {
    /* width: 90%; */
    /* background: red; */
    /*height: 100px;*/
    /* margin: 0 auto; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* align-items: center; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1440px;
    /* max-width: 100%; */
    height: 100%;
    /* align-items: flex-end; */
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.site-branding {
    height: 100%;
    max-width: 40%;
    /* padding: 15px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

.site-branding img {
    max-height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

body.body-scrolled header#masthead {
    /*position: fixed;*/
    /*top:0;*/
    /*left:0;*/
    /*right:0;*/
    height: 80px;

}


body header#masthead .main-navigation ul {
    /*display: inline-block;*/
    margin-bottom: 6px;
    /*float: right;*/
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    flex-direction: row;
}


body.body-scrolled header#masthead .main-navigation ul {

    margin-bottom: 4px;
    padding: 0 30px;
}

body.page-template-page-home:not(.logo-reveal) header#masthead .main-navigation ul {
    padding: 0;
}




header#masthead .main-navigation ul li {
    margin: 0 10px;
}

header#masthead .main-navigation ul li a {
    color: #ffffff;
    padding: 8px 10px;
    position: relative;
    -webkit-box-shadow: inset 0px -5px 10px -5px rgba(255, 213, 0, 0.0);
    box-shadow: inset 0px -5px 10px -5px rgba(255, 213, 0, 0.0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    line-height: 1;
    text-shadow: 0 0 0 transparent;
    /*font-family: 'Montserrat', sans-serif;*/
    /*font-family: 'Raleway', sans-serif;*/
    /* font-family: 'Nunito', sans-serif; */
    /*font-weight: 300;*/
    /* font-weight: 400; */
    /* font-family: Basis Grotesque Pro; */
    /* font-size: 18px; */
}

header#masthead .main-navigation ul li a:focus {
    outline: 0;
}

header#masthead .main-navigation ul li.current-menu-item a {
    cursor: auto;
    /*pointer-events: none;*/
}

@media (min-width: 768px) {
    header#masthead .main-navigation ul li.current-menu-item a {

        pointer-events: none;
    }
}

header#masthead .main-navigation ul li.current-menu-item a:after {
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(244 192 21);
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}


header#masthead .main-navigation ul li a:hover {
    -webkit-box-shadow: inset 0px -35px 15px -30px rgb(244 192 21);
    box-shadow: inset 0px -35px 15px -30px rgb(244 192 21);
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    /*color: #262626;*/
    text-shadow: 0 0 10px #f4c015;
}

header#masthead .main-navigation ul li.current-menu-item a:hover {
    -webkit-box-shadow: inset 0px -5px 10px -5px rgba(255, 213, 0, 0.0);
    box-shadow: inset 0px -5px 10px -5px rgba(255, 213, 0, 0.0);
    text-shadow: 0 0 0 #ffd500;
}

header#masthead .main-navigation ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 213, 0, 0.8);
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;
}

header#masthead .main-navigation ul li a:hover:after {
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(244 192 21);
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

/*header#masthead .main-navigation ul li:hover a:before {*/

/*	-webkit-box-shadow: 0px -30px 60px -15px rgba(255,213,0,1);*/
/*	-moz-box-shadow: 0px -30px 60px -15px rgba(255,213,0,1);*/
/*	box-shadow: 0px -30px 60px -15px rgba(255,213,0,1);*/

/*}*/


.toggle-icon-btn {
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 0;
    position: relative;
    background: transparent;
    z-index: 50;
    padding: 0;
    /* margin-right: 15px !important; */
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    outline: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.toggled .toggle-icon-btn {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.toggle-icon-element {
    position: absolute;
    width: 40px;
    height: 4px;
    background-color: white;
    /*-webkit-transform: skewX(-45deg) rotate(0);*/
    /*-ms-transform: skewX(-45deg) rotate(0);*/
    /*transform: skewX(-45deg) rotate(0);*/
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    opacity: 1;
    left: 0;
    border-radius: 2px;
}

.toggle-icon-element:nth-child(1) {
    top: 5px;
}

.toggle-icon-element:nth-child(2) {
    /*-webkit-transform: skewX(45deg) rotate(0) scale(1);*/
    /*-ms-transform: skewX(45deg) rotate(0) scale(1);*/
    /*transform: skewX(45deg) rotate(0) scale(1);*/
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    top: 18px;
}

.toggle-icon-element:nth-child(3) {
    bottom: 5px;
}

.toggled .toggle-icon-element {
    height: 4px;
}

.toggled .toggle-icon-element:nth-child(1) {
    top: 18px;
    /*-webkit-transform: skewX(0) rotate(45deg);*/
    /*-ms-transform: skewX(0) rotate(45deg);*/
    /*transform: skewX(0) rotate(45deg);*/
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggled .toggle-icon-element:nth-child(2) {
    /*-webkit-transform: skewX(0) rotate(160deg) scale(0);*/
    /*-ms-transform: skewX(0) rotate(160deg) scale(0);*/
    /*transform: skewX(0) rotate(160deg) scale(0);*/
    -webkit-transform: rotate(160deg) scale(0);
    -ms-transform: rotate(160deg) scale(0);
    transform: rotate(160deg) scale(0);
    opacity: 0;
}

.toggled .toggle-icon-element:nth-child(3) {
    bottom: 18px;
    /*-webkit-transform: skewX(0) rotate(135deg);*/
    /*-ms-transform: skewX(0) rotate(135deg);*/
    /*transform: skewX(0) rotate(135deg);*/
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}


ul.polylang_langswitcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}

ul.polylang_langswitcher li {

}

ul.polylang_langswitcher li a {
    padding: 0.5rem 0;
    text-decoration: none;
    color: #f4c015;
}

ul.polylang_langswitcher li a:hover {
    color: white;
}

ul.polylang_langswitcher li.lang-item.current-lang {
    opacity: 0.5;
    pointer-events: none;
    cursor: auto;
    display: none;
}

.mim-wpform {
    visibility: inherit;
}

.mim-wpform .wpforms-submit-container {
    text-align: center;
}

.mim-wpform form .mim-input-full {
    width: 100% !important;
    display: inline-block;
}


.mim-wpform form .mim-input-half {
    width: 50% !important;
    display: inline-block;
}

.mim-wpform form .mim-input-first {
    padding-right: 2% !important;
    /*float: left !important;*/
}

.mim-wpform form .mim-input-last {
    padding-left: 2% !important;
    /*float: right !important;*/
}

.mim-wpform form > .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
}

.mim-wpform form .wpforms-field-label {
    font-weight: 500 !important;
    font-size: 18px !important;
}

.mim-wpform form .mim-wpform-submit {
    padding: 1rem 1.75rem !important;
    font-size: 1.25rem !important;
    border-radius: 0.5rem !important;
    background: #f4c015 !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    /*color: #303030 !important;*/
    color: #2c3e50 !important;
    border-color: #f4c015 !important;
}

.rtl .mim-wpform form .mim-input-first {
    padding-left: 2% !important;
    padding-right: 0 !important;
    /*float: right !important;*/

}

.rtl .mim-wpform form .mim-input-last {
    padding-right: 2% !important;
    padding-left: 0 !important;
    /*float: left !important;*/
}

.mim-input input {
    border-radius: 0.5rem !important;
    height: 44px !important;
}

.mim-input.mim-input-textarea textarea {
    border-radius: 0.5rem !important;
}

.mim-input .choices__inner {
    border-radius: 0.5rem !important;
    min-height: 44px !important;
    padding-top: 4px !important;
    padding-bottom: 3px !important;
}

body #contact .mim-input .choices__inner input {
    height: 36px !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
}

body .mim-input .choices__inner .choices__list--multiple {
    display: inline-block !important;
}


body .mim-input .choices__inner .choices__list--multiple .choices__item {
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*border-radius: 3px;*/
    /*padding: 4px 10px;*/
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    /*margin-right: 3px;*/
    /*margin-top: 0px;*/
    /*margin-bottom: 3px;*/
    /*background-color: #0e6cad;*/
    /*border: 1px solid #0c5d95;*/
    /*color: #FFFFFF;*/
    /*word-break: break-all;*/
    padding-left: 8px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    background-color: #f4c015 !important;
    border: 1px solid #303031 !important;
    color: #2f2f33 !important;
}

body .mim-input .choices__inner .choices__list--multiple .choices__item .choices__button {
    color: #2f2f33 !important;
    filter: brightness(0);
}


@media (max-width: 767px) {
    #contact > .container-thinner {
        max-width: 100%;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .rtl .mim-wpform form .mim-input-first {
        padding: 10px 0 !important;

    }

    .rtl .mim-wpform form .mim-input-last {
        padding: 10px 0 !important;
    }
}


/*.modal-backdrop {*/
/*    !*background-color: #2c3e50;*!*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    filter: blur(30px) grayscale(0.7);*/
/*    transform: scale(5);*/
/*    left: 100vw;*/
/*    !*transition: opacity 8s ease-in-out, left 16s cubic-bezier(0.57, 0.05, 0.57, 1.25);*!*/
/*    transition:none;*/
/*}*/


/*.modal-backdrop.slide {*/
/*    opacity: 1;*/
/*    left: 0;*/
/*    transition: opacity 7s ease-in-out, left 20s cubic-bezier(0.57, 0.05, 0.57, 1.25);*/
/*}*/


body::-webkit-scrollbar, body *::-webkit-scrollbar {
    width: 12px; /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track {
    background: #303030; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
    background-color: #aaaaaa; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 4px solid #303030; /* creates padding around scroll thumb */
}


body ul#home-filters::-webkit-scrollbar {
    height: 18px; /* width of the entire scrollbar */
}

body ul#home-filters::-webkit-scrollbar-track {
    background: transparent; /* color of the tracking area */
}


body ul#home-filters::-webkit-scrollbar-thumb {
    background-color: #bcbcbc; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 7px solid #f0f0f0; /* creates padding around scroll thumb */
}






/*#footer-trigger {*/
/*    background: red;*/
/*    height:5px;*/
/*    width:5px;*/
/*    !*position: absolute;*!*/
/*    !*bottom:0;*!*/
/*}*/

.offcanvas-bottom-space {
    width: 100%;
    flex: 0 0 100%;
    padding-top: 70px;
}


#colophon {
    transition: all 0.3s ease;
    background: #1a1a1a;
    z-index: 1500;
    height: 70px;
    width: 100%;
}


#colophon[data-home="no"] {
    position: fixed;

    display: inline-block;

    bottom: 0;
    right: 0;
    left: 0;

    transform: translateY(100%);
    opacity: 0;
    will-change: transform, opacity;
}

body.footer-slide #colophon[data-home="no"] {

    transform: translateY(0);
    opacity: 1;
}

.flowsis-footer-inner {
    width: 1440px;
    height: 100%;
}


/*@media (max-width: 1900px) {*/
@media screen and (min-width:1199px) and (max-width:1900px){

    .offcanvas-project .offcanvas-header {
        padding-left: calc((100vw - 1300px) / 2 - 160px);

    }

    .rtl .offcanvas-project .offcanvas-header {
        padding-right: calc((100vw - 1300px) / 2 - 160px);
        padding-left:0;
    }

    .offcanvas-project-header {
        width: 1300px;
    }

    .offcanvas-project .offcanvas-body {
        padding-left: calc((100vw - 1300px) / 2 - 160px);
    }

    .rtl .offcanvas-project .offcanvas-body {
        padding-right: calc((100vw - 1300px) / 2 - 160px);
        padding-left:0;
    }

    .offcanvas-project #project-oc-content {
        width: 1300px;
    }

    .flowsis-header-inner {
        width: 1300px;
    }

    .flowsis-footer-inner {
        width: 1300px;
    }
}


/*@media (max-width: 1700px) {*/
@media screen and (min-width:1199px) and (max-width:1700px){
    .offcanvas-project .offcanvas-header {
        padding-left: calc((100vw - 1100px) / 2 - 110px);
    }

    .rtl .offcanvas-project .offcanvas-header {
        padding-right: calc((100vw - 1100px) / 2 - 110px);
    }

    .offcanvas-project-header {
        width: 1100px;
    }

    .offcanvas-project .offcanvas-body {
        padding-left: calc((100vw - 1100px) / 2 - 110px);
    }

    .rtl .offcanvas-project .offcanvas-body {
        padding-right: calc((100vw - 1100px) / 2 - 110px);
    }

    .offcanvas-project #project-oc-content {
        width: 1100px;
    }

    .flowsis-header-inner {
        width: 1100px;
    }

    .flowsis-footer-inner {
        width: 1100px;
    }

    .offcanvas-project {
        width: calc(100% - 50px - 60px);
    }

    .offcanvas-project .offcanvas-header .btn-close > * {
        height: 50px;
        width: 50px;
    }

    .offcanvas-project .offcanvas-header .btn-close {
        top: calc(50% - 28px);
        left: calc(-50px - 30px);
        height: 50px;
        width: 50px;
    }

    .rtl .offcanvas-project .offcanvas-header .btn-close {
        right: calc(-50px - 30px);
        left: auto;
    }

}


/*@media (max-width: 1400px) {*/
@media screen and (min-width:1199px) and (max-width:1400px){
    .offcanvas-project .offcanvas-header {
        padding-left: calc((100vw - 980px) / 2 - 80px);
    }

    .rtl .offcanvas-project .offcanvas-header {
        padding-right: calc((100vw - 980px) / 2 - 80px);
    }

    .offcanvas-project-header {
        width: 980px;
    }

    .offcanvas-project .offcanvas-body {
        padding-left: calc((100vw - 980px) / 2 - 80px);
    }

    .rtl .offcanvas-project .offcanvas-body {
        padding-right: calc((100vw - 980px) / 2 - 80px);
    }

    .offcanvas-project #project-oc-content {
        width: 980px;
    }

    .flowsis-header-inner {
        width: 980px;
    }

    .flowsis-footer-inner {
        width: 1100px;
    }

    .offcanvas-project {
        width: calc(100% - 40px - 40px);
    }

    .offcanvas-project .offcanvas-header .btn-close > * {
        height: 40px;
        width: 40px;
    }

    .offcanvas-project .offcanvas-header .btn-close {
        top: calc(50% - 28px);
        left: calc(-40px - 20px);
        height: 40px;
        width: 40px;
    }

    .rtl .offcanvas-project .offcanvas-header .btn-close {
        right: calc(-40px - 20px);
        left: auto;
    }

}



@media (max-width: 1199px) {
    /*    .offcanvas-project {*/
    /*        width: 100%;*/
    /*    }*/

    .offcanvas-project .offcanvas-header {
        padding: 1.7rem !important;
    }

    .flowsis-header-inner {
        padding: 10px 1.7rem !important;
    }

    .offcanvas-project .offcanvas-header .btn-close {height: 30px;/* width: 30px; */top: -40px;/* left: calc(50% - 15px); */opacity: 0.9;width: 30vw;left: calc(50% - 15vw);}

    .offcanvas-project .offcanvas-header .btn-close i, .offcanvas-project .offcanvas-header .btn-close svg {height: 30px;width: 30px;}

    .offcanvas-project-header .offcanvas-project-title {
        font-size: 2.3rem;
    }

    .desc-year {
        font-size: 2rem;
        position: absolute;
        top: calc(-1em - 9px);
        margin-bottom: 0;
        right: 12px;
    }

    .rtl .desc-year {
        right: auto;
        left: 12px;
    }

    .offcanvas-project .offcanvas-body {
        padding: 1.7rem;
    }

    .body-scrolled main[data-home="no"] .offcanvas-project {
        /*height: calc(100vh - 140px);*/
    }

    .offcanvas-project-header {
        width: 100%;
        align-items: flex-end !important;
    }

    body header#masthead {
        height: 80px !important;
    }

    .site-branding {
        height: 60px;
        width: 60px;
    }


}


@media (max-width: 991px) {

    #offcanvasProjectSubtitle {
        font-size: 1rem;
    }

}


@media (max-width: 767px) {
    .offcanvas-project-header {
        flex-direction: column !important;
    }

    .offcanvas-project .offcanvas-header {
        padding: 0.8rem !important;
    }

    #project-header-inner, #project-header-details {
        width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    .offcanvas-project #project-oc-content {
        padding: 0;
    }

    #project-header-details {
        /* margin-top: 1rem; */
        text-align: left;
        align-items: flex-start !important;
        border-top: 1px solid rgb(255 255 255 / 30%);
        margin-top: 0.7rem;
        padding-top: 0.2rem;
    }

    /*body header#masthead {*/
    /*    height: 80px !important;*/
    /*}*/

    .offcanvas-project .offcanvas-body {
        padding: 0.8rem !important;
    }

    #offcanvasProjectSubtitle {
        font-size: 1rem;
    }

    .offcanvas-project #project-oc-content {
        font-size: 1rem;
    }

    .offcanvas-project-header .offcanvas-project-title {
        font-size: 2rem;
    }

    .desc-year {
        font-size: 2rem;
    }



    main[data-home=no] .offcanvas-project {
        /* height: calc(100vh - 130px) !important; */
        /*height: calc(100vh - 80px) !important;*/
        /*padding-top: 50px;*/
    }

    .offcanvas-project .offcanvas-header .btn-close {
        /* height: 32px; */
        /* width: 32px; */
        opacity: .4;
        /* left: calc(50% - 16px); */
        /* top: -42px; */
    }

    .offcanvas-project .offcanvas-header .btn-close>* {
        height: 26px;
        width: 26px;
    }

    body::-webkit-scrollbar, body *::-webkit-scrollbar {
        width: 12px; /* width of the entire scrollbar */
    }

    body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track {
        background: #2c3e50; /* color of the tracking area */
    }

    body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
        background-color: #999999; /* color of the scroll thumb */
        border-radius: 20px; /* roundness of the scroll thumb */
        border: 4px solid #2c3e50; /* creates padding around scroll thumb */
    }

}

@media (max-width: 480px) {
    #offcanvasProjectSubtitle {
        font-size: 0.9rem;
    }

    .desc-year {
        font-size: 1.8rem;
    }

    .offcanvas-project-header .offcanvas-project-title {
        font-size: 1.8rem;
    }

    .offcanvas-project-cats .project-categories-note li {
        font-size: 0.9rem;
    }

    .offcanvas-project #project-oc-content {
        font-size: 0.9rem;
    }
}

@media (max-width: 370px) {
    #offcanvasProjectSubtitle {
        font-size: 0.8rem;
    }

    .desc-year {
        font-size: 1.6rem;
    }

    .offcanvas-project-header .offcanvas-project-title {
        font-size: 1.26rem;
    }

    .offcanvas-project-cats .project-categories-note li {
        font-size: 0.8rem;
    }

    .offcanvas-project #project-oc-content {
        font-size: 0.8rem;
    }
}

/*--------------------------------------------------------------
## Videos
--------------------------------------------------------------*/

.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}

.video-js .vjs-big-play-button {
    height: 100px;
    width: 100px;
    border-radius: 50px;
    border: none;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    /* background: transparent; */

    background: rgba(244, 192, 21, 0.9);
    outline: 0;
}

.video-js button {
    outline: 0;
}

.video-js .vjs-big-play-button span:before {
    font-size: 90px;
    line-height: 100px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
    background: rgb(244 192 21);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    /* border: 5px solid rgb(244 192 21 / 90%); */
}

.video-js:hover .vjs-big-play-button span:before {
    /* font-size: 90px; */
    /* line-height: 90px; */
}

.vjs-poster {
    background-size: cover;

}

.video-js .vjs-big-play-button {

    line-height: 100px;
}

.video-js.vjs-ended .vjs-poster {
    display: block;
}

.vjs-default-skin.vjs-ended .vjs-big-play-button {
    display: block;
}


.video-js {
    /*    padding-top: 500px;*/
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    overflow: hidden;
}

.video-wrapper {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}
/*--------------------------------------------------------------
# End of Videos
--------------------------------------------------------------*/




@media screen and (max-width: 767px) {
    body header#masthead .main-navigation ul {
        position: fixed;
        top: 107px;
        background: #f4c015;
        border-radius: 10px;
        width: 86%;
        left: -100%;
        flex-direction: column;
        align-items: center;
        min-height: 30vh;
        justify-content: center;
        padding: 3rem 0 !important;
        z-index: 10;
    }

    body header#masthead .main-navigation.toggled ul {
        left: 7%;
    }

    header#masthead .main-navigation ul li {
        margin: 1rem 0;
    }

    header#masthead .main-navigation ul li a {
        font-size: 1.6rem;
        color: #2c3e50;
    }

    body header#masthead .main-navigation.toggled:before {
        content: '';
        position: fixed;
        background: rgb(0 0 0 / 80%);
        top: 80px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
    }

    .site-branding {
        order: 2;
    }

    .main-navigation {
        order: 1;
        width: auto;
        flex: 0 0 auto;
    }

    #top-lang-switcher {
        order: 3;
        width: 40px;
        text-align: center;
        justify-content: center;
    }

    .flowsis-header-inner > div {
        justify-content: space-between;
    }
}




#about .lead {
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 0;
    color: #d9d9d9;
    line-height: 1.33;
}

.mim-icon {
    height: 50px;
    width: 50px;
    border: 1px solid #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    font-size: 26px;
    color: #d9d9d9;
    /*margin: 0 auto 2rem;*/
    background: transparent;
    opacity: 0.9;
    transition: all 0.2s ease;
    margin: 2rem 0 0;
}

.mim-icon:hover {
    background: rgba(255,255,255,0.3);
    opacity:1;
}

#about-content-wrap {
    margin-bottom: 3rem;
}

@media screen and (max-width: 991px) {
    .cont-100-991 {
        max-width: 100% !important;
    }

    #about .lead {
        font-size: 1.15rem;
        font-weight: 300;
        /*margin-bottom: 2rem;*/
        color: #d9d9d9;
        line-height: 1.3;
        text-align: center;
    }

    .mim-icon {
        margin: 2rem auto;
    }
}


@media screen and (max-width: 680px) {

    .mim-wpform form .mim-input-half {
        width: 100% !important;
        padding: 2% 0 !important;
    }

    .wpforms-field-row-block.wpforms-one-half {
        width: 100% !important;
        padding: 2% 0 !important;
        margin:0 !important;
    }

    .wpforms-field-row-block.wpforms-first.wpforms-one-half {

    }

}



body .btn {
    border-radius: 0.5rem;
}














.related-projects-inner {
    margin-top: 1.4rem;
    /*max-width: 2300px;*/
    /*margin: 1.4rem auto;*/
    padding: 20px 0;
    /*max-width: 100%;*/
    /*width: 2300px;*/
}


#related-projects-slider .related-cont {
    text-decoration: none;
    padding: 15px;
    width: 250px;
    flex: 0 0 250px;
}

#related-projects-slider .related-cont .related-cont-inner {
    /*height: 200px;*/
    /* width: 200px; */
    /*overflow: hidden;*/
    text-align: center;
    color: white;
}

#related-projects-slider .related-cont .related-cont-inner .img-cont {
    border-radius: 100px;
    height: 200px;
    width: 200px;
    overflow: hidden;
    /* border: 1px solid #333333; */
    margin-bottom: 20px;
}

#related-projects-slider .related-cont .related-cont-inner .img-cont img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#related-projects-slider .related-cont .related-cont-inner .title-cont {
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.15;
}

#related-projects-slider .related-cont .related-cont-inner .project-categories-thumb {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    list-style: none;
    font-size: 0.8rem;
    color: grey;
}

#related-projects-slider .related-cont .related-cont-inner .project-categories-thumb li {
    white-space: nowrap;
    padding: 3px;
}


#related-wrapper {
    padding-top: 4rem;
    padding-bottom: 1rem;
}


#related-title-cont * {
    font-weight: 400;
    color: white;
    font-size: 22px;
    text-align: center;
}


#related-projects {
    padding-top: 3rem;
    margin-top: 3rem;
    border-top: 1px solid white;
    opacity:0;
}

#related-projects.on {
    opacity:1
}

#related-title-cont {
    margin-bottom: 2rem;
}




body .wpforms-confirmation-container-full, body div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent;
    border: none;
}

body .wpforms-confirmation-container-full p:last-of-type, body div[submit-success]>.wpforms-confirmation-container-full p:last-of-type {
    margin: 0;
    text-align: center;
    font-size: 1.4rem;
    color: white;
}