@charset "UTF-8";
/*! 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 {
  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;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 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] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 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 {
  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;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * 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 {
  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;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 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] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 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 {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 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;
}

/* Colors */
/* Screen sizes */
/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:
.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.
.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels
The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
*/
.m-t-0 {
  margin-top: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-t-55 {
  margin-top: 55px !important;
}

.p-t-55 {
  padding-top: 55px !important;
}

.m-b-55 {
  margin-bottom: 55px !important;
}

.p-b-55 {
  padding-bottom: 55px !important;
}

.m-l-55 {
  margin-left: 55px !important;
}

.p-l-55 {
  padding-left: 55px !important;
}

.m-r-55 {
  margin-right: 55px !important;
}

.p-r-55 {
  padding-right: 55px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-t-65 {
  margin-top: 65px !important;
}

.p-t-65 {
  padding-top: 65px !important;
}

.m-b-65 {
  margin-bottom: 65px !important;
}

.p-b-65 {
  padding-bottom: 65px !important;
}

.m-l-65 {
  margin-left: 65px !important;
}

.p-l-65 {
  padding-left: 65px !important;
}

.m-r-65 {
  margin-right: 65px !important;
}

.p-r-65 {
  padding-right: 65px !important;
}

.m-t-70 {
  margin-top: 70px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.m-b-70 {
  margin-bottom: 70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.m-l-70 {
  margin-left: 70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.m-r-70 {
  margin-right: 70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.m-t-75 {
  margin-top: 75px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.m-b-75 {
  margin-bottom: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.m-l-75 {
  margin-left: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.m-r-75 {
  margin-right: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.m-t-85 {
  margin-top: 85px !important;
}

.p-t-85 {
  padding-top: 85px !important;
}

.m-b-85 {
  margin-bottom: 85px !important;
}

.p-b-85 {
  padding-bottom: 85px !important;
}

.m-l-85 {
  margin-left: 85px !important;
}

.p-l-85 {
  padding-left: 85px !important;
}

.m-r-85 {
  margin-right: 85px !important;
}

.p-r-85 {
  padding-right: 85px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.m-b-90 {
  margin-bottom: 90px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.m-l-90 {
  margin-left: 90px !important;
}

.p-l-90 {
  padding-left: 90px !important;
}

.m-r-90 {
  margin-right: 90px !important;
}

.p-r-90 {
  padding-right: 90px !important;
}

.m-t-95 {
  margin-top: 95px !important;
}

.p-t-95 {
  padding-top: 95px !important;
}

.m-b-95 {
  margin-bottom: 95px !important;
}

.p-b-95 {
  padding-bottom: 95px !important;
}

.m-l-95 {
  margin-left: 95px !important;
}

.p-l-95 {
  padding-left: 95px !important;
}

.m-r-95 {
  margin-right: 95px !important;
}

.p-r-95 {
  padding-right: 95px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

#wp_access_helper_container {
  background-color: #E6E6E6 !important;
}
#wp_access_helper_container.accessability_container.light_theme.active, #wp_access_helper_container.accessability_container {
  border-left: 1px solid #c9c9c9;
  background-color: #E6E6E6 !important;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container, #wp_access_helper_container.accessability_container #access_container {
  background-color: #E6E6E6 !important;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container .access_container_inner, #wp_access_helper_container.accessability_container #access_container .access_container_inner {
  background-color: #E6E6E6 !important;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container .access_container_inner div.a_module, #wp_access_helper_container.accessability_container #access_container .access_container_inner div.a_module {
  border-color: #dedede;
  background-color: #E6E6E6 !important;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container .access_container_inner div.a_module div.a_module_title, #wp_access_helper_container.accessability_container #access_container .access_container_inner div.a_module div.a_module_title {
  font-size: 14px;
  font-weight: 500;
  font-family: "cf_asty_probook", sans-serif !important;
  background-color: #E6E6E6 !important;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container > button.close_container.wahout, #wp_access_helper_container.accessability_container #access_container > button.close_container.wahout {
  background: #0000FF !important;
  border-color: #0000FF;
  color: #FFF !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "cf_asty_probook", sans-serif !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container > button.close_container.wahout:hover, #wp_access_helper_container.accessability_container #access_container > button.close_container.wahout:hover {
  background: #00FFFF !important;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container button.wah-action-button.wahout, #wp_access_helper_container.accessability_container #access_container button.wah-action-button.wahout {
  background: #E6E6E6 !important;
  color: #000044 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "cf_asty_probook", sans-serif !important;
  border-color: #000044;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 10px 5px;
}
#wp_access_helper_container.accessability_container.light_theme.active #access_container button.wah-action-button.wahout:hover, #wp_access_helper_container.accessability_container #access_container button.wah-action-button.wahout:hover {
  background: #0000FF !important;
  color: #FFF !important;
}
#wp_access_helper_container > button.wahout.aicon_link {
  position: absolute;
  top: 60px;
  left: -60px;
  display: none;
}

.header__secondary-menu .header__secondary-menu--icons .aicon_link {
  left: unset;
  right: unset;
  position: unset;
  max-width: unset;
  max-height: unset;
  display: unset;
  background: unset;
}

.cli-modal-dialog .cli-modal-content.cli-bar-popup {
  background: rgb(230, 230, 230) !important;
}
.cli-modal-dialog .cli-modal-content.cli-bar-popup a#wt-cli-privacy-save-btn {
  background: rgb(0, 0, 255) !important;
  color: #FFF !important;
}

#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=widget] {
  padding: 0;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=widget] .cli-bar-container.cli-style-v2 {
  padding: 25px 22px 25px 22px;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=widget] .cli-bar-container.cli-style-v2 .cli-bar-message {
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin-bottom: 15px;
}
#cookie-law-info-bar[data-cli-style=cli-style-v2][data-cli-type=widget] .cli-bar-container.cli-style-v2 .cli-bar-btn_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

form span.wpcf7-not-valid-tip {
  font-size: 16px;
  font-weight: 300;
}
form .wpcf7-response-output {
  margin: 40px 0 0 0;
  border-width: 1px;
  border-color: #000044;
  background: rgba(4, 4, 165, 0.1215686275);
  padding: 10px 20px;
  color: #000044;
  font-size: 18px;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 13, 2019 */
@font-face {
  font-family: "cf_asty_probold";
  src: url("../fonts/CFAstyPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CFAstyPro-Bold.otf") format("opentype"), url("../fonts/CFAstyPro-Bold.woff") format("woff"), url("../fonts/CFAstyPro-Bold.ttf") format("truetype"), url("../fonts/CFAstyPro-Bold.svg#CFAstyPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0370-03FF1F00-1FFF;
}
@font-face {
  font-family: "cf_asty_probook";
  src: url("../fonts/CFAstyPro-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/CFAstyPro-Book.otf") format("opentype"), url("../fonts/CFAstyPro-Book.woff") format("woff"), url("../fonts/CFAstyPro-Book.ttf") format("truetype"), url("../fonts/CFAstyPro-Book.svg#CFAstyPro-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0370-03FF1F00-1FFF;
}
@font-face {
  font-family: "cf_asty_prolight";
  src: url("../fonts/CFAstyPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/CFAstyPro-Light.otf") format("opentype"), url("../fonts/CFAstyPro-Light.woff") format("woff"), url("../fonts/CFAstyPro-Light.ttf") format("truetype"), url("../fonts/CFAstyPro-Light.svg#CFAstyPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0370-03FF1F00-1FFF;
}
@font-face {
  font-family: "cf_asty_promedium";
  src: url("../fonts/CFAstyPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CFAstyPro-Medium.otf") format("opentype"), url("../fonts/CFAstyPro-Medium.woff") format("woff"), url("../fonts/CFAstyPro-Medium.ttf") format("truetype"), url("../fonts/CFAstyPro-Medium.svg#CFAstyPro-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0370-03FF1F00-1FFF;
}
@font-face {
  font-family: "cf_asty_stdmedium";
  src: url("../fonts/CFAstyStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CFAstyStd-Medium.otf") format("opentype"), url("../fonts/CFAstyStd-Medium.woff") format("woff"), url("../fonts/CFAstyStd-Medium.ttf") format("truetype"), url("../fonts/CFAstyStd-Medium.svg#CFAstyStd-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0370-03FF1F00-1FFF;
}
@font-face {
  font-family: "LabGrotesqueMono";
  src: url("../fonts/LabGrotesqueMono.eot?#iefix") format("embedded-opentype"), url("../fonts/LabGrotesqueMono.woff") format("woff"), url("../fonts/LabGrotesqueMono.ttf") format("truetype"), url("../fonts/LabGrotesqueMono.svg#LabGrotesqueMono") format("svg");
  font-weight: normal;
  font-style: normal;
}
@keyframes moving_line {
  0% {
    opacity: 0;
    height: 10px;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    height: 80%;
  }
  100% {
    opacity: 0;
  }
}
@keyframes moving_ball {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 80px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.frontpage__introduction .animated.fadeOut, .frontpage__introduction .animated.fadeIn {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.frontpage__introduction .animated.fadeInUp, .frontpage__introduction .animated.fadeOutDown {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
}

body {
  font-family: "cf_asty_prolight", sans-serif !important;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
  background: #000044;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
body.page, body.post {
  margin: 0;
  padding: 0;
}
body.body__gray {
  background: #E6E6E6;
}
body.body__transparent {
  background: linear-gradient(160deg, rgba(var(--service_top_gradient_color), 1) 10%, rgba(var(--service_bottom_gradient_color), 1) 60%);
}
body p {
  font-family: "cf_asty_prolight", sans-serif !important;
  color: #FFF;
}
body p:empty, body p:blank {
  margin: 0 !important;
  display: none !important;
  padding: 0 !important;
  opacity: 0 !important;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.hidden {
  display: none;
}

a {
  color: #14b4c0;
}
a:hover {
  color: #0d809d;
}

.is-hidden {
  display: none !important;
}

.link__inner-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
}

.is-underlined {
  border-bottom: 1px dotted #000;
}

span.lab-font {
  font-family: "LabGrotesqueMono", sans-serif !important;
}

a.generic__special-link {
  display: block;
  margin: 160px 0 60px 0;
  padding: 0;
  line-height: 1;
  color: #000044;
  font-size: 36px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(100% + 31px);
}
a.generic__special-link .link__inner-content {
  padding: 0 10px;
  position: relative;
}
a.generic__special-link:hover {
  background-color: blue;
  text-decoration: none;
}
a.generic__special-link:hover .link__inner-content {
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  position: relative;
}
a.generic__special-link:hover .link__inner-content img {
  position: absolute;
  right: -25px;
}
a.generic__special-link:hover:before {
  border-color: #0000FF;
}
a.generic__special-link:hover:after {
  border-color: #0000FF;
}
a.generic__special-link:before {
  display: block;
  content: "";
  margin-bottom: 12px;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  width: 100%;
}
a.generic__special-link:after {
  display: block;
  content: "";
  margin-top: 12px;
  border: 1px solid black;
  border-top: none;
  height: 30px;
  width: 100%;
}
a.generic__special-link img {
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

#back-to-top-button {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 200;
  cursor: pointer;
  padding: 8px 16px;
  font-size: 30px;
  line-height: 1;
  color: #FFF;
  background-color: #0000FF;
  border-radius: 0;
  border: none;
}
#back-to-top-button:hover {
  background-color: #00FFFF;
  color: #0000FF;
}

input:focus::placeholder {
  color: transparent !important;
}

header {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  height: 180px !important;
  position: relative;
  z-index: 12;
  background: linear-gradient(to top, rgba(0, 0, 68, 0) 0%, #000044 45%);
}
header > .container-fluid {
  height: 100%;
  padding: 0 40px;
}
header > .container-fluid > .row {
  width: 100vw;
}
header > .container-fluid > .row > .header__menu > .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
header > .container-fluid > .row > .header__menu .header__logo img {
  height: auto;
  max-height: 50px;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li {
  font-size: 18px;
  border-left: 1px solid #FFF;
  padding: 21px 0;
  margin: 0;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-family: "cf_asty_promedium", sans-serif !important;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li:focus, header > .container-fluid > .row > .header__menu .header__main-menu > ul > li:active {
  outline: none;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li:hover a {
  text-decoration: none;
  color: #00FFFF;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li:hover i {
  text-decoration: none;
  color: #66ffff;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  top: 80%;
  cursor: pointer;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li:last-of-type {
  margin: 0;
  border-right: 1px solid #FFF;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li a {
  position: relative;
  display: block;
  width: 100%;
  color: #FFF;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li a:focus, header > .container-fluid > .row > .header__menu .header__main-menu > ul > li a:active {
  outline: none;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li i {
  font-size: 14px;
  display: block;
  width: 100%;
  position: absolute;
  color: #FFF;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  left: 0;
  top: 70%;
}
header > .container-fluid > .row > .header__menu .header__main-menu > ul > li > ul.sub-menu {
  display: none;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu > .row > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: unset;
  list-style-type: none;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons {
  width: 100%;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul > li {
  text-align: center;
  font-size: 14px;
  margin: 0;
  transition: all 0.3s ease-in-out;
  font-family: "cf_asty_probook", sans-serif !important;
  padding: 0 15px;
  white-space: nowrap;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul > li:hover {
  cursor: pointer;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul > li:hover a {
  color: #00FFFF;
  text-decoration: none;
  cursor: pointer;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul > li a {
  color: #FFF;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul > li > div.language_switcher > a {
  text-transform: capitalize;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul > li > div.language_switcher > a.active {
  color: #00FFFF !important;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons {
  margin-left: 0;
  transition: none !important;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li {
  display: inline-block;
  border-left: 1px solid #FFF;
  padding: 21px 0;
  transition: none !important;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li a {
  transition: none !important;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li a i {
  font-size: 18px;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li a i.fa.fa-times {
  -webkit-text-stroke: 2px #000044;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li:last-of-type {
  border-right: 1px solid #FFF;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form {
  border-left: 1px solid #FFF;
  padding-left: 30px;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form.is-hidden {
  border-left: none;
  padding-left: 0;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form label {
  color: #00FFFF;
  font-family: "cf_asty_probook", sans-serif !important;
  position: relative;
  top: 13px;
  margin-right: 10px;
  display: inline-block;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form input {
  display: inline-block;
  background: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #00FFFF;
  width: 80%;
  -webkit-transition: width 0.5s ease-in;
  -moz-transition: width 0.5s ease-in;
  -ms-transition: width 0.5s ease-in;
  -o-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
  color: #00FFFF;
  font-family: "cf_asty_prolight", sans-serif !important;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form input:active, header > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form input:focus {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #FFF;
  outline: none;
}
header > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form button.footer__input-arrow {
  color: #00FFFF;
  position: relative;
  top: 15px;
  margin-left: 10px;
  display: inline-block;
  width: auto;
  padding: 0 0 30px 0;
  background: transparent;
  border: none;
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
header.header__gray {
  color: #000044;
  background: linear-gradient(to top, rgba(230, 230, 230, 0) 0%, #e6e6e6 45%);
}
header.header__gray > .container-fluid > .row > .header__menu .header__main-menu > ul > li {
  border-left: 1px solid #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__main-menu > ul > li:hover a {
  color: #0000FF;
}
header.header__gray > .container-fluid > .row > .header__menu .header__main-menu > ul > li:hover i {
  color: #0000FF;
}
header.header__gray > .container-fluid > .row > .header__menu .header__main-menu > ul > li:last-of-type {
  border-right: 1px solid #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__main-menu > ul > li a {
  color: #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__main-menu > ul > li i {
  color: #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__main-menu > ul > li > ul.sub-menu {
  display: none;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul > li.current-menu-item a {
  color: #0000FF;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul > li:hover a {
  color: #0000FF;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul > li a {
  color: #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul > li > div.language_switcher > a {
  text-transform: capitalize;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul > li > div.language_switcher > a.active {
  color: #0000FF !important;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li {
  border-left: 1px solid #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li:last-of-type {
  border-right: 1px solid #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li i.fa.fa-times {
  -webkit-text-stroke: 2px #E6E6E6;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form {
  border-left: 1px solid #000044;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form label {
  color: #0000FF;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form input {
  color: #000;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form input:active, header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form input:focus {
  border-color: #000;
}
header.header__gray > .container-fluid > .row > .header__menu .header__secondary-menu #header-search-form button.footer__input-arrow {
  color: #0000FF;
}
header.header__transparent {
  background: transparent;
}
header.header__transparent > .container-fluid > .row > .header__menu .header__secondary-menu ul.header__secondary-menu--icons > li i.fa.fa-times {
  -webkit-text-stroke: unset;
}

footer.footer {
  height: auto;
  background-color: #000078;
  padding: 60px 0;
  font-size: 18px;
  font-family: "cf_asty_stdmedium", sans-serif !important;
  position: relative;
  z-index: 10;
}
footer.footer .dots-wrapper {
  overflow: hidden !important;
  height: 100% !important;
  width: 100vw !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 1;
  background: transparent;
}
footer.footer .dots-wrapper .dots {
  width: calc(100% - 40px);
  height: 100%;
  background: url(../svg/bg_footer.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: center;
}
footer.footer .footer-bg {
  overflow: hidden !important;
  height: 304px;
  width: 58.333333%;
  position: absolute;
  top: 68px;
  left: 0;
  z-index: 2;
  padding-left: 40px;
}
footer.footer .footer-bg > .overlay {
  width: 100%;
  height: 100%;
  background-image: url(../svg/footer-bg.svg);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}
footer.footer > .container-fluid.footer__menu {
  height: 100%;
  padding: 0 40px;
  background-color: #000078;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category {
  position: relative;
  z-index: 10;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category > li {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category:before {
  content: "";
  width: 60px;
  background-color: #FFF;
  height: 1px;
  display: block;
  transform: translateX(-30px) translateY(-60px) rotate(90deg);
  position: relative;
  z-index: 10;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category h2.widgettitle, footer.footer > .container-fluid.footer__menu .footer__menu--category h3 {
  font-family: "cf_asty_stdmedium", sans-serif !important;
  font-size: 15px;
  color: #FFF;
  margin-bottom: 15px;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category ul li {
  margin: 0 0 10px 0;
  padding: 0;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category ul li a {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 12px;
  color: #FFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category ul li:hover a {
  color: #00FFFF;
  text-decoration: none;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form {
  margin-top: 100px;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form p {
  font-size: 16px;
  max-width: 60%;
  margin-bottom: 20px;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form label {
  font-size: 15px;
  color: #00FFFF;
  font-family: "cf_asty_promedium", sans-serif !important;
  position: relative;
  top: 13px;
  margin-right: 10px;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form input {
  background: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #00FFFF;
  width: 250px;
  -webkit-transition: width 0.5s ease-in;
  -moz-transition: width 0.5s ease-in;
  -ms-transition: width 0.5s ease-in;
  -o-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
  font-size: 15px;
  color: #00FFFF;
  font-family: "cf_asty_prolight", sans-serif !important;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form input:active, footer.footer > .container-fluid.footer__menu .footer__menu--category form input:focus {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #FFF;
  outline: none;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form button.footer__input-arrow {
  color: #00FFFF;
  position: relative;
  top: 15px;
  margin-left: 10px;
  display: inline-block;
  width: auto;
  padding: 0 0 30px 0;
  background: transparent;
  border: none;
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form:after {
  content: "";
  width: 320px;
  background-color: #FFF;
  height: 1px;
  display: block;
  transform: translateY(-125px) rotate(90deg);
  position: relative;
  left: 195px;
  z-index: 10;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form .mc4wp-alert.mc4wp-error {
  color: red;
}
footer.footer > .container-fluid.footer__menu .footer__menu--category form .mc4wp-alert.mc4wp-error p {
  color: red;
}
footer.footer .footer__copyright {
  background-color: #000078;
  padding: 0 40px;
  margin-top: 40px;
}
footer.footer .footer__copyright .footer__copyright--social {
  position: relative;
  z-index: 10;
}
footer.footer .footer__copyright .footer__copyright--social ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer.footer .footer__copyright .footer__copyright--social ul li {
  display: inline-block;
  margin: 0;
  padding: 0 40px 0 0;
}
footer.footer .footer__copyright .footer__copyright--social ul li a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #0000FF;
}
footer.footer .footer__copyright .footer__copyright--social ul li a i {
  font-size: 24px;
}
footer.footer .footer__copyright .footer__copyright--social ul li a:hover {
  text-decoration: none;
  color: #00FFFF;
}
footer.footer .footer__copyright #footer__ip {
  margin-top: 30px;
}
footer.footer .footer__copyright .footer__copyright--item {
  position: relative;
  z-index: 10;
}
footer.footer .footer__copyright .footer__copyright--item span, footer.footer .footer__copyright .footer__copyright--item a, footer.footer .footer__copyright .footer__copyright--item ul, footer.footer .footer__copyright .footer__copyright--item li {
  display: block;
  color: #00FFFF;
  font-size: 12px;
  font-family: "cf_asty_probook", sans-serif !important;
}
footer.footer .footer__copyright .footer__copyright--item span {
  white-space: nowrap;
  word-break: keep-all;
}
footer.footer .footer__copyright .footer__copyright--item ul, footer.footer .footer__copyright .footer__copyright--item li {
  margin: 0;
  padding: 0;
}
footer.footer .footer__copyright .footer__copyright--item a {
  display: inline;
}
footer.footer .footer__copyright .footer__copyright--item a:hover {
  color: #00b3b3;
  text-decoration: none;
}
footer.footer .espa-banner {
  display: block;
  margin-top: 60px;
  position: relative;
  z-index: 10;
}

#mega-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  width: 100vw;
  height: 100%;
  z-index: 100;
}
#mega-menu > .modal-container {
  position: absolute;
  z-index: 115;
  left: 60vw;
  top: 0;
  background: transparent;
  width: 47vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
#mega-menu > .modal-container:hover {
  cursor: pointer;
}
#mega-menu > .color-container {
  position: absolute;
  z-index: 105;
  left: 0;
  top: 0;
  background: #E6E6E6 !important;
  width: 60vw;
  height: 100%;
}
#mega-menu > .gray-dots-wrapper {
  overflow: hidden !important;
  height: 100vh !important;
  width: 60vw;
  position: absolute;
  top: 137px !important;
  left: 0;
  z-index: 106;
  padding-left: 40px;
}
#mega-menu > .gray-dots-wrapper .gray-dots {
  width: 2000px;
  height: 9000px;
  background: url(../img/dot_gray.svg) center center repeat;
}
#mega-menu > .gray-dots-wrapper .overlay {
  width: 100vw !important;
  height: calc(100vh - 180px) !important;
  position: absolute;
  left: 0;
  top: 0;
}
#mega-menu > .gray-dots-wrapper .cloud-dots {
  position: absolute;
  top: 420px;
  left: 1092px;
}
#mega-menu > .button-container {
  position: absolute;
  left: 60vw;
  top: 0;
  background: #E6E6E6 !important;
  padding: 75px 15px 15px 15px;
  width: 60px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 116;
}
#mega-menu > .button-container > img#header-close-button {
  border-radius: 50%;
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF;
  width: 30px;
  height: 30px;
  opacity: 1;
  position: absolute;
  bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#mega-menu > .button-container > img#header-close-button:hover {
  cursor: pointer;
}
#mega-menu > .button-container > .hidden-x-container {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 15px;
  cursor: pointer;
  right: 10px;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
#mega-menu > .button-container > .hidden-x-container:before, #mega-menu > .button-container > .hidden-x-container:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  height: 1px;
  background: #00FFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#mega-menu > .button-container > .hidden-x-container:before {
  transform: rotate(45deg);
}
#mega-menu > .button-container > .hidden-x-container:after {
  transform: rotate(-45deg);
}
#mega-menu > .container-fluid {
  padding: 0 40px;
  height: 180px;
  position: relative;
  z-index: 114;
}
#mega-menu > .container-fluid > .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mega-menu > .container-fluid > .row > .header__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 180px !important;
  flex: 1 0 100%;
}
#mega-menu > .container-fluid > .row > .header__menu > .row {
  flex: 1 0 100%;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__logo {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__logo img {
  height: auto;
  max-height: 50px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-left: 1px solid #000;
  padding: 21px 0;
  margin: 0;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-family: "cf_asty_promedium", sans-serif !important;
  flex: 1 0 25%;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li:last-of-type {
  margin: 0;
  border-right: 1px solid #000;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li a {
  color: #000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li a:hover {
  color: #0000FF;
  text-decoration: none;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children {
  background-color: rgba(153, 153, 153, 0.2);
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children a {
  color: #0000FF;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul {
  position: absolute;
  top: 100px;
  left: 15px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: calc(100% - 30px);
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul:before {
  content: "";
  display: block;
  width: calc(100% + 1px);
  border: 1px solid #000;
  border-bottom: none;
  height: 15px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li {
  flex: 0 1 25%;
  text-align: left;
  margin-bottom: 45px;
  position: relative;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:before {
  content: "";
  display: block;
  width: calc(100% + 1px);
  border: 1px solid #000;
  border-bottom: none;
  height: 15px;
  position: absolute;
  top: -15px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:after {
  content: "";
  display: block;
  width: calc(100% + 1px);
  border: 1px solid #000;
  border-top: none;
  height: 15px;
  position: absolute;
  bottom: -30px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(4n):before {
  border-right: none;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(8):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(12):before {
  border-right: 1px solid #000;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(5):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(6):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(7):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(8):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(9):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(10):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(11):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(12):before {
  content: "";
  height: 15px;
  display: block;
  top: -16px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > a {
  color: #000044;
  font-size: 13px;
  font-family: "cf_asty_promedium", sans-serif !important;
  margin-top: 15px !important;
  display: block !important;
  padding-right: 15px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-top: 10px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu > li {
  text-align: left;
  line-height: 1.3;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu > li > a {
  font-size: 13px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #0000FF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  display: inline-flex;
  padding-right: 15px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu > li > a:before {
  content: "→";
  font-family: "LabGrotesqueMono", sans-serif !important;
  display: inline-flex;
  opacity: 0;
  margin-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  will-change: opacity, visibility, position, margin-right;
  position: absolute;
  left: 0;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu > li > a:hover {
  color: #000;
  text-decoration: none;
  margin-left: 12px;
}
#mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu > li > a:hover:before {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
  margin-right: 15px;
  left: 0;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile {
  display: none;
  position: relative;
  top: 60px;
  width: 100%;
  margin: 0;
  padding: 15px 0;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile > .row > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul > li {
  text-align: left !important;
  font-size: 14px;
  margin: 0;
  transition: all 0.3s ease-in-out;
  font-family: "cf_asty_promedium", sans-serif !important;
  padding: 0 0 10px 0;
  width: 100%;
  max-width: 100%;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul > li:hover a {
  color: #00FFFF;
  text-decoration: none;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul > li a {
  color: #000044;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul.header__secondary-menu--icons {
  flex-direction: row;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #000044;
  padding-top: 15px;
  margin: 0;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul.header__secondary-menu--icons > li {
  text-align: center !important;
  display: inline-block;
  border-left: none;
  padding: 21px 10px;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul.header__secondary-menu--icons > li a i {
  font-size: 18px;
}
#mega-menu > .container-fluid > .row > #secondary-menu-mobile ul.header__secondary-menu--icons > li:last-of-type {
  border-right: none;
}
#mega-menu > .container-fluid > .row > #third-menu-mobile {
  display: none;
}

#page__gray {
  color: #000044;
  margin-top: 60px;
  padding-bottom: 60px;
}
#page__gray > .container-fluid {
  padding: 0 40px;
}
#page__gray > .container-fluid .page__gray--sidebar h2 {
  color: #a6a6a6;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
#page__gray > .container-fluid .page__gray--sidebar > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__gray > .container-fluid .page__gray--sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__gray > .container-fluid .page__gray--sidebar ul li {
  padding: 0 0 20px 0;
}
#page__gray > .container-fluid .page__gray--sidebar ul li a {
  color: #000044;
  font-family: "cf_asty_probook", sans-serif !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page__gray > .container-fluid .page__gray--sidebar ul li a:hover {
  text-decoration: none;
}
#page__gray > .container-fluid .page__gray--sidebar ul li a:not(.active):before {
  content: "→";
  font-family: "LabGrotesqueMono", sans-serif !important;
  display: inline-flex;
  opacity: 0;
  margin-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  will-change: opacity, visibility, position, margin-right;
  position: absolute;
  left: 10px;
}
#page__gray > .container-fluid .page__gray--sidebar ul li a:not(.active):hover {
  color: #0000FF;
  text-decoration: none;
  margin-left: 12px;
}
#page__gray > .container-fluid .page__gray--sidebar ul li a:not(.active):hover:before {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
  margin-right: 15px;
  left: 10px;
}
#page__gray > .container-fluid .page__gray--sidebar ul li a.active, #page__gray > .container-fluid .page__gray--sidebar ul li a[aria-current=page] {
  color: #0000FF;
}
#page__gray > .container-fluid .page__gray--content {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__gray > .container-fluid .page__gray--content h1 {
  color: #0000FF;
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0;
  padding: 0;
}
#page__gray > .container-fluid .page__gray--content h3 {
  color: #000078;
  font-size: 36px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 10px 0;
  padding: 0;
}
#page__gray > .container-fluid .page__gray--content p {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__gray > .container-fluid .page__gray--content label {
  border: 1px solid transparent;
  width: 100%;
  background-color: transparent;
  font-size: 36px;
  color: #000044;
  outline: none;
  margin-bottom: 0;
}
#page__gray > .container-fluid .page__gray--content label:before {
  content: "";
  display: block;
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
  width: calc(100% + 32px);
  position: relative;
  top: -1px;
  left: -1px;
}
#page__gray > .container-fluid .page__gray--content label:after {
  content: "";
  display: block;
  border: 1px solid #000;
  border-top: none;
  height: 30px;
  width: calc(100% + 32px);
  position: relative;
  bottom: -2px;
  left: -1px;
}
#page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap > select, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap input, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap label {
  border: 1px solid transparent;
  width: 100%;
  background-color: transparent;
  font-size: 36px;
  color: #0000FF;
  outline: none;
  margin-bottom: 0;
}
#page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap > select:hover, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap input:hover, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap label:hover {
  outline: none;
}
#page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap > select:focus, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap > select:active, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap input:focus, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap input:active, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap label:focus, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap label:active {
  outline: none;
}
#page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap > select::placeholder, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap input::placeholder, #page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap label::placeholder {
  font-size: 36px;
  color: #000044;
}
#page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap > select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/down_arrow_black.png) no-repeat right;
}
#page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap:before {
  content: "";
  display: block;
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
  width: calc(100% + 1px);
}
#page__gray > .container-fluid .page__gray--content span.wpcf7-form-control-wrap:after {
  content: "";
  display: block;
  border: 1px solid #000;
  border-top: none;
  height: 30px;
  width: calc(100% + 1px);
  position: relative;
  bottom: -1px;
}
#page__gray > .container-fluid .page__gray--content input[type=submit] {
  display: block;
  border: none;
  color: #00FFFF;
  background-color: #000044;
  padding: 37px 0;
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 36px;
  border-radius: 0;
  width: calc(100% + 1px);
  margin-top: 40px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__gray > .container-fluid .page__gray--content input[type=submit]:hover {
  background-color: #000077;
}
#page__gray > .container-fluid .page__gray--content .row.terms_of_use {
  margin-bottom: 35px;
}
#page__gray > .container-fluid .page__gray--content .row.terms_of_use p {
  font-size: 16px;
}
#page__gray > .container-fluid .page__gray--content .row.terms_of_use ul {
  padding: 0;
  margin: 10px 0;
}
#page__gray > .container-fluid .page__gray--content .row.terms_of_use ul > li {
  list-style-position: inside;
  font-size: 16px;
  font-family: "cf_asty_prolight" !important;
  line-height: 1.5;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form {
  margin-bottom: 50px;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form h1 {
  color: #0000FF;
  font-size: 50px;
  margin: 0;
  padding: 0;
  width: 85%;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form h2 {
  color: #000078;
  font-size: 36px;
  margin: 0 0 28px 0;
  padding: 0;
  width: 85%;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form p {
  margin: 0;
  padding: 0;
  width: 85%;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a {
  color: #000044;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a:active, #page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a:focus {
  color: #000044;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a:hover {
  color: #0000FF;
  text-decoration: none;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a[aria-expanded=true] {
  color: #0000FF;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first .faq__answer p {
  font-family: "cf_asty_prolight", sans-serif !important;
  font-size: 18px;
  margin: 0;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first:before {
  content: "";
  display: flex;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  z-index: 1;
  position: relative;
  top: -30px;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent {
  display: block;
  margin: 160px 0 60px 0;
  padding: 0;
  line-height: 1;
  color: #000044;
  font-size: 36px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(100% + 31px);
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent .link__inner-content {
  padding: 0 10px;
  position: relative;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover {
  background-color: blue;
  text-decoration: none;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover .link__inner-content {
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  position: relative;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover .link__inner-content img {
  position: absolute;
  right: -25px;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover:before {
  border-color: #0000FF;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover:after {
  border-color: #0000FF;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:before {
  display: block;
  content: "";
  margin-bottom: 12px;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  width: 100%;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:after {
  display: block;
  content: "";
  margin-top: 12px;
  border: 1px solid black;
  border-top: none;
  height: 30px;
  width: 100%;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent img {
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-second.simple-page__with-form {
  position: relative;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-second.simple-page__with-form img {
  position: absolute;
  top: -30px;
  right: 15px;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-second.simple-page__with-form p {
  font-size: 18px;
}
#page__gray > .container-fluid .page__gray--content .page__gray--block-second:before {
  content: "";
  display: flex;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  z-index: 1;
  position: relative;
  top: -30px;
  margin-left: -31px;
}

#frontpage {
  height: calc(100% - 180px) !important;
}
#frontpage .frontpage__image-wrapper {
  overflow: hidden !important;
  height: 100vh;
  width: 100vw !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 2;
}
#frontpage .frontpage__image-wrapper > .overlay {
  z-index: 6;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 68, 0.05) 0%, rgba(0, 0, 68, 0.2) 80%, #000044 100%);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#frontpage .frontpage__image-wrapper img {
  opacity: 0.5;
  width: 100%;
}
#frontpage .dots-wrapper {
  overflow: hidden !important;
  height: 100vh !important;
  width: 100% !important;
  position: absolute;
  bottom: 20px !important;
  left: 0;
  z-index: 2;
}
#frontpage .dots-wrapper .dots {
  width: calc(100vw + 50px);
  height: 100vh;
  background: url(../svg/bg_frontpage_top.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-x: 37px;
  background-position-y: bottom;
}
#frontpage .dots-wrapper .cloud-dots {
  position: absolute;
  top: 420px;
  left: 1092px;
}
#frontpage > .frontpage__introduction {
  padding-top: 60px;
  height: calc(100vh - 180px) !important;
  width: 100vw;
  position: relative;
  z-index: 11;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide {
  height: calc(100vh - 180px) !important;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down {
  position: relative;
  width: 100%;
  height: 30%;
  z-index: 11;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down:hover {
  cursor: pointer;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down:after {
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 80%;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down a {
  padding-top: 0;
  position: absolute;
  bottom: 60%;
  left: 50%;
  z-index: 11;
  display: inline-block;
  transform: translate(0, -50%);
  color: #fff;
  font: normal 400 20px/1 "Josefin Sans", sans-serif;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: opacity 0.3s;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down a:hover {
  opacity: 0.5;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5px;
  height: 125px;
  border: none;
  background-color: #0000FF;
  border-radius: 50px;
  box-sizing: border-box;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down a span:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 0;
  border-radius: 0;
  background-color: #00FFFF;
  animation: moving_line 1.5s infinite;
  box-sizing: border-box;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide section#frontpage__scroll-down a span:after {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 15px;
  height: 15px;
  margin-left: -7.5px;
  background-color: #00FFFF;
  border-radius: 100%;
  animation: moving_ball 1.5s infinite;
  box-sizing: border-box;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide h1 {
  color: #00FFFF;
  font-size: 7vw;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
  min-height: 1.2em;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide h1 > span {
  min-height: 14vw;
  height: 14vw;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide > p:empty, #frontpage > .frontpage__introduction > .frontpage__first-slide > p:blank {
  display: none;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide p {
  color: #FFF;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide a.frontpage__read-more {
  font-family: "cf_asty_probook", sans-serif !important;
  color: #00FFFF;
  text-transform: uppercase;
  font-size: 18px;
  padding: 11px 100px;
  margin: 50px 0;
  border-right: 1px solid #00FFFF;
  border-left: 1px solid #00FFFF;
  position: relative;
  z-index: 10;
  transition: all 0.5s ease-in-out;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide a.frontpage__read-more > span {
  display: block;
  position: relative;
  z-index: 11;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide a.frontpage__read-more:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #00FFFF;
  transition: all 0.5s ease-in-out;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide a.frontpage__read-more:hover {
  text-decoration: none;
  color: #FFF;
}
#frontpage > .frontpage__introduction > .frontpage__first-slide a.frontpage__read-more:hover:after {
  width: 100%;
}
#frontpage > .frontpage__introduction > .frontpage__second-slide {
  height: calc(100vh - 180px) !important;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
#frontpage > .frontpage__introduction > .frontpage__second-slide h2.frontpage__subtitle {
  padding: 0;
  color: #00FFFF;
  font-size: 140px;
  margin-bottom: 100px;
  position: relative;
  z-index: 10;
}
#frontpage > .frontpage__introduction > .frontpage__second-slide img {
  margin-bottom: 150px;
  position: relative;
  z-index: 10;
}
#frontpage-content {
  position: relative;
  background: #000044;
  background-color: #000044;
  padding: 0 45px;
  z-index: 11;
  margin-top: 55px;
}
#frontpage-content .frontpage__infrastructure {
  position: relative;
}
#frontpage-content .frontpage__4-blocks {
  padding-bottom: 50px;
  margin-bottom: 160px;
  position: relative;
  z-index: 6;
}
#frontpage-content .frontpage__4-blocks .frontpage__content--single {
  position: relative;
  padding-left: 0;
  text-align: center;
}
#frontpage-content .frontpage__4-blocks .frontpage__content--single:before {
  content: "";
  display: block;
  border: 1px solid #FFF;
  border-bottom: none;
  height: 30px;
  margin-bottom: 30px;
  width: calc(100% + 1px);
  position: absolute;
  left: 0;
}
#frontpage-content .frontpage__4-blocks .frontpage__content--single:last-of-type:before {
  width: calc(100% + 1px);
}
#frontpage-content .frontpage__4-blocks h3.project__title {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 36px;
  margin: 60px 0 50px 0;
}
#frontpage-content .frontpage__4-blocks img.project__image {
  height: 140px;
  margin-bottom: 50px;
}
#frontpage-content .frontpage__4-blocks object {
  height: 160px;
}
#frontpage-content .frontpage__4-blocks p.project__description, #frontpage-content .frontpage__4-blocks p {
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 50px;
}
#frontpage-content .frontpage__4-blocks .project__read-more-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 24px;
}
#frontpage-content .frontpage__4-blocks .project__read-more-container:hover a.project__read-more {
  position: relative;
}
#frontpage-content .frontpage__4-blocks .project__read-more-container:hover img {
  height: 30px;
}
#frontpage-content .frontpage__4-blocks .project__read-more-container a.project__read-more {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #00FFFF;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
}
#frontpage-content .frontpage__4-blocks .project__read-more-container a.project__read-more:hover {
  color: #006666;
  text-decoration: none;
}
#frontpage-content .frontpage__4-blocks .project__read-more-container img {
  height: 20px;
  width: auto;
  position: relative;
  right: -20px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  top: 5px;
}

.frontpage__letters-wrapper {
  overflow: hidden !important;
  height: 1460px !important;
  width: 100vw !important;
  position: absolute;
  top: 160px !important;
  left: 0;
  z-index: 7;
}
.frontpage__letters-wrapper > .overlay {
  width: 100vw;
  height: 100%;
  background: url(../svg/Lines.svg);
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
}

#frontpage__collabs-new-block {
  position: relative;
  z-index: 6;
  padding-top: 155px;
  text-align: center;
  background-position: left top;
  background-repeat: no-repeat;
}
#frontpage__collabs-new-block .dots-wrapper {
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 1;
}
#frontpage__collabs-new-block .dots-wrapper .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}
#frontpage__collabs-new-block .dots-wrapper .image-wrapper > img {
  opacity: 0.5;
  z-index: 6;
  position: relative;
}
#frontpage__collabs-new-block .dots-wrapper .image-wrapper > .img-overlay {
  z-index: 6;
  position: absolute;
  background: linear-gradient(to bottom, #000044 0%, rgba(0, 0, 68, 0) 10%, #000044 95%);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#frontpage__collabs-new-block .dots-wrapper .dots {
  width: calc(100vw + 50px);
  height: 100%;
  background: url(../svg/bg_frontpage_top.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-x: 37px;
  background-position-y: -4px;
  position: relative;
  top: 0;
}
#frontpage__collabs-new-block .frontpage__collabs--info {
  position: relative;
  z-index: 6;
}
#frontpage__collabs-new-block .frontpage__collabs--info h2.frontpage__subtitle {
  padding: 0;
  color: #00FFFF;
  font-size: 8vw;
  text-transform: uppercase;
  margin-bottom: 50px;
}
#frontpage__collabs-new-block .frontpage__collabs--info img {
  margin-bottom: 100px;
}
#frontpage__collabs-new-block .frontpage__collabs--images {
  margin-bottom: 170px;
  position: relative;
  z-index: 6;
  padding: 0 10%;
}
#frontpage__collabs-new-block .frontpage__collabs--images .colabs-bg {
  overflow: hidden !important;
  height: 347px;
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#frontpage__collabs-new-block .frontpage__collabs--images .colabs-bg > .overlay {
  width: 100vw;
  height: 100%;
  background: url(../img/frontpage/colabs_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
#frontpage__collabs-new-block .frontpage__collabs--images .collab__image {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
#frontpage__collabs-new-block .frontpage__collabs--images .collab__image > .collab__image--circle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
#frontpage__collabs-new-block .frontpage__collabs--images a {
  display: inline-block;
  margin-top: 35px;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 25px;
  color: #00FFFF;
  text-transform: uppercase;
  font-size: 18px;
  padding: 11px 110px;
  border-right: 1px solid #00FFFF;
  border-left: 1px solid #00FFFF;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: 6;
}
#frontpage__collabs-new-block .frontpage__collabs--images a > span {
  display: block;
  position: relative;
  z-index: 11;
}
#frontpage__collabs-new-block .frontpage__collabs--images a:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #00FFFF;
  transition: all 0.5s ease-in-out;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#frontpage__collabs-new-block .frontpage__collabs--images a:hover {
  text-decoration: none;
  color: #000;
}
#frontpage__collabs-new-block .frontpage__collabs--images a:hover:after {
  width: 100%;
}
#frontpage__collabs-new-block .frontpage__collabs--images .dots-wrapper {
  overflow: hidden !important;
  height: 100vh !important;
  width: 100vw !important;
  position: absolute;
  top: -180px !important;
  left: 0;
  z-index: 1;
}
#frontpage__collabs-new-block .frontpage__collabs--images .dots-wrapper .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}
#frontpage__collabs-new-block .frontpage__collabs--images .dots-wrapper .image-wrapper > img {
  opacity: 0.5;
  z-index: 6;
  position: relative;
}
#frontpage__collabs-new-block .frontpage__collabs--images .dots-wrapper .image-wrapper > .img-overlay {
  z-index: 6;
  position: absolute;
  background: linear-gradient(to bottom, #000044 0%, rgba(0, 0, 68, 0) 10%, #000044 95%);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#frontpage__collabs-new-block .frontpage__collabs--images .dots-wrapper .dots {
  width: calc(100vw + 50px);
  height: 100vh;
  background: url(../svg/bg_frontpage_top_mirror.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: center;
  position: relative;
  top: -7px;
}

#frontpage__single-project {
  position: relative;
  z-index: 6;
  padding-top: 155px;
  text-align: center;
  background-position: left top;
  background-repeat: no-repeat;
}
#frontpage__single-project .project-bg-wrapper {
  overflow: hidden !important;
  height: 100%;
  width: 100vw !important;
  position: absolute;
  top: 240px !important;
  left: 0;
  z-index: 5;
}
#frontpage__single-project .project-bg-wrapper > .overlay {
  width: 100vw;
  height: 100%;
  background: url(../img/frontpage/project_bg.png);
  background-position: 40px top;
  background-size: calc(100% - 80px);
  background-repeat: no-repeat;
  padding: 0 40px;
}
#frontpage__single-project .frontpage__single-project--info {
  text-align: center;
  position: relative;
  z-index: 6;
}
#frontpage__single-project .frontpage__single-project--info > img {
  margin-bottom: 65px;
}
#frontpage__single-project .frontpage__single-project--info > h3 {
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #0000FF;
  margin-bottom: 20px;
  white-space: nowrap;
}
#frontpage__single-project .frontpage__single-project--info > h4 {
  font-size: 36px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #FFF;
  margin-bottom: 32px;
}
#frontpage__single-project .frontpage__single-project--info > p {
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #FFF;
  margin-bottom: 50px;
}
#frontpage__single-project .frontpage__single-project--info > a {
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 25px;
  color: #00FFFF;
  text-transform: uppercase;
  font-size: 18px;
  padding: 11px 110px;
  border-right: 1px solid #00FFFF;
  border-left: 1px solid #00FFFF;
  position: relative;
  transition: all 0.5s ease-in-out;
  display: inline-block !important;
}
#frontpage__single-project .frontpage__single-project--info > a > span {
  display: block;
  position: relative;
  z-index: 11;
}
#frontpage__single-project .frontpage__single-project--info > a:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #00FFFF;
  transition: all 0.5s ease-in-out;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#frontpage__single-project .frontpage__single-project--info > a:hover {
  text-decoration: none;
  color: #000;
}
#frontpage__single-project .frontpage__single-project--info > a:hover:after {
  width: 100%;
}
#frontpage__single-project .dots-wrapper {
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 1;
}
#frontpage__single-project .dots-wrapper .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#frontpage__single-project .dots-wrapper .image-wrapper > img {
  opacity: 0.5;
  z-index: 6;
  position: relative;
}
#frontpage__single-project .dots-wrapper .image-wrapper > .img-overlay {
  z-index: 6;
  position: absolute;
  background: linear-gradient(to bottom, #000044 0%, rgba(0, 0, 68, 0) 10%, #000044 95%);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#frontpage__single-project .dots-wrapper .dots {
  width: calc(100% + 50px);
  height: 100%;
  background: url(../svg/bg_frontpage_top.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: bottom;
  position: relative;
  top: 0;
}

#frontpage__customer-stories {
  position: relative;
  z-index: 5;
  text-align: center;
  background-position: left top;
  background-repeat: no-repeat;
}
#frontpage__customer-stories > h2.frontpage__subtitle {
  padding: 0;
  color: #00FFFF;
  font-size: 8vw;
  text-transform: uppercase;
  margin-bottom: 100px;
  position: relative;
  z-index: 5;
}
#frontpage__customer-stories > img {
  margin-bottom: 100px;
}
#frontpage__customer-stories .frontpage__customer-stories--images {
  text-align: center;
  position: relative;
  z-index: 6;
}
#frontpage__customer-stories .frontpage__customer-stories--images .showcase-bg {
  overflow: hidden !important;
  height: 347px;
  width: 100vw !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#frontpage__customer-stories .frontpage__customer-stories--images .showcase-bg > .overlay {
  width: 100vw;
  height: 100%;
  background: url(../img/frontpage/showcase_bg.png);
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
#frontpage__customer-stories .frontpage__customer-stories--images > .row > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#frontpage__customer-stories .frontpage__customer-stories--images > .row > div a {
  display: inline-block;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 60px;
  color: #00FFFF;
  text-transform: uppercase;
  font-size: 18px;
  padding: 11px 100px;
  border-right: 1px solid #00FFFF;
  border-left: 1px solid #00FFFF;
  position: relative;
  z-index: 6;
  transition: all 0.5s ease-in-out;
}
#frontpage__customer-stories .frontpage__customer-stories--images > .row > div a > span {
  display: block;
  position: relative;
  z-index: 11;
}
#frontpage__customer-stories .frontpage__customer-stories--images > .row > div a:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #00FFFF;
  transition: all 0.5s ease-in-out;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#frontpage__customer-stories .frontpage__customer-stories--images > .row > div a:hover {
  text-decoration: none;
  color: #000;
}
#frontpage__customer-stories .frontpage__customer-stories--images > .row > div a:hover:after {
  width: 100%;
}
#frontpage__customer-stories .frontpage__customer-stories--images > .row > div img {
  margin-bottom: 110px;
  position: relative;
  z-index: 6;
}
#frontpage__customer-stories .dots-wrapper {
  overflow: hidden !important;
  height: 100% !important;
  width: 100vw !important;
  position: absolute;
  top: -250px !important;
  left: 0;
  z-index: 1;
}
#frontpage__customer-stories .dots-wrapper .dots {
  width: 100%;
  height: 250px;
  background: url(../img/dot.svg) center center repeat;
  z-index: 1;
  position: relative;
  top: 70px;
  left: 0;
}
#frontpage__customer-stories .dots-wrapper .overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 68, 0.95) 45%, rgba(0, 0, 68, 0) 70%) !important;
  z-index: 5;
}

#frontpage__help {
  padding-top: 140px;
  text-align: center;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
#frontpage__help h2.frontpage__subtitle {
  padding: 0;
  color: #00FFFF;
  font-size: 50px;
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center;
  font-family: "cf_asty_probook", sans-serif !important;
}
#frontpage__help .frontpage__help--block {
  text-align: center;
  margin-bottom: 90px;
}
#frontpage__help .frontpage__help--block:last-of-type {
  margin-bottom: 170px;
}
#frontpage__help .frontpage__help--block > a {
  display: block;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#frontpage__help .frontpage__help--block > a:hover {
  text-decoration: none;
  background-color: aqua;
}
#frontpage__help .frontpage__help--block > a:hover .link__inner-content {
  padding: 0 10px;
  position: relative;
}
#frontpage__help .frontpage__help--block > a:hover .link__inner-content h4 {
  text-decoration: none;
  color: #000;
}
#frontpage__help .frontpage__help--block > a:hover .link__inner-content img {
  position: absolute;
  right: -80px;
}
#frontpage__help .frontpage__help--block > a:hover:before {
  border-color: #00FFFF;
}
#frontpage__help .frontpage__help--block > a:hover:after {
  border-color: #00FFFF;
}
#frontpage__help .frontpage__help--block > a .link__inner-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  position: relative;
}
#frontpage__help .frontpage__help--block > a .link__inner-content h4 {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 48px;
  padding: 0;
  color: #FFF;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#frontpage__help .frontpage__help--block > a .link__inner-content h4:hover {
  cursor: pointer;
}
#frontpage__help .frontpage__help--block > a .link__inner-content img {
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#frontpage__help .frontpage__help--block > a:before {
  content: "";
  display: block;
  border: 1px solid #FFF;
  border-bottom: none;
  height: 30px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#frontpage__help .frontpage__help--block > a:after {
  content: "";
  display: block;
  border: 1px solid #FFF;
  border-top: none;
  height: 30px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#frontpage__help .frontpage__help--block p:not(:empty) {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 24px;
  color: #00FFFF;
  width: auto;
  margin: 0;
  padding: 0;
}

#page__about {
  color: #000044;
  margin-top: 60px;
  padding-bottom: 210px;
}
#page__about .dots-wrapper {
  overflow: hidden !important;
  height: 100vh !important;
  width: calc(100vw - 40px) !important;
  position: absolute;
  top: 180px !important;
  left: 0;
  z-index: 1;
  padding: 0 40px;
}
#page__about .dots-wrapper .dots {
  width: 2000px;
  height: 9000px;
  background: url(../img/dot_gray.svg) center center repeat;
}
#page__about .dots-wrapper .overlay {
  width: 100vw !important;
  height: calc(100vh - 180px) !important;
  position: absolute;
  left: 0;
  top: 0;
}
#page__about .dots-wrapper .cloud-dots {
  position: absolute;
  top: 398px;
  left: 1199px;
}
#page__about > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 6;
}
#page__about > .container-fluid .page__about--sidebar h2 {
  color: #a6a6a6;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
#page__about > .container-fluid .page__about--sidebar > li:first-of-type {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__about > .container-fluid .page__about--sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__about > .container-fluid .page__about--sidebar ul li {
  padding: 0 0 20px 0;
}
#page__about > .container-fluid .page__about--sidebar ul li a {
  color: #000044;
  font-family: "cf_asty_probook", sans-serif !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page__about > .container-fluid .page__about--sidebar ul li a:hover {
  text-decoration: none;
}
#page__about > .container-fluid .page__about--sidebar ul li a:not(.active):before {
  content: "→";
  font-family: "LabGrotesqueMono", sans-serif !important;
  display: inline-flex;
  opacity: 0;
  margin-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  will-change: opacity, visibility, position, margin-right;
  position: absolute;
  left: 10px;
}
#page__about > .container-fluid .page__about--sidebar ul li a:not(.active):hover {
  color: #0000FF;
  text-decoration: none;
  margin-left: 12px;
}
#page__about > .container-fluid .page__about--sidebar ul li a:not(.active):hover:before {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
  margin-right: 15px;
  left: 10px;
}
#page__about > .container-fluid .page__about--sidebar ul li a.active, #page__about > .container-fluid .page__about--sidebar ul li a[aria-current=page] {
  color: #0000FF;
  text-decoration: none;
}
#page__about > .container-fluid .page__about--content {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__about > .container-fluid .page__about--content p {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__about > .container-fluid .page__about--content > p {
  font-size: 18px;
}
#page__about > .container-fluid .page__about--content:before {
  content: "";
  display: flex;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  z-index: -1;
  position: relative;
  top: -30px;
  width: calc(100% - 1px);
}
#page__about > .container-fluid .page__about--content .about__first-block--content h1 {
  color: #0000FF;
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1;
}
#page__about > .container-fluid .page__about--content .about__first-block--content h3 {
  color: #000078;
  font-size: 30px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 20px 0;
  padding: 0;
}
#page__about > .container-fluid .page__about--content .about__first-block--content p {
  font-size: 18px;
}
#page__about > .container-fluid .page__about--content .about__first-block--image:after {
  content: "";
  display: block;
  width: calc(100% - 31px);
  border: 1px solid black;
  border-top: none;
  height: 30px;
  margin-bottom: 50px;
  padding-bottom: 10px;
  position: absolute;
  bottom: -30px;
}
#page__about > .container-fluid .page__about--content .about__first-block--image img {
  position: relative;
  right: 1px;
  top: -90px;
  z-index: -1;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#page__about > .container-fluid .page__about--content .about__form-block {
  margin-top: 30px;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap .wpcf7-list-item {
  margin: 0;
  width: 100%;
}
span.wpcf7-form-control-wrap[data-name^="acceptance-"] input {
  width: auto;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap[data-name^="acceptance-"] .wpcf7-list-item-label {
  color: #000044;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap {
  display: block;
}
#page__about > .container-fluid .page__about--content .about__form-block label {
  border: 1px solid transparent;
  width: 100%;
  background-color: transparent;
  font-size: 36px;
  color: #000044;
  outline: none;
  margin-bottom: 0;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap:not([data-name^="acceptance-"]) > select, input, label {
  width: 100%;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap:not([data-name^="acceptance-"]) label:before {
  content: "";
  display: block;
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
  width: 100%;
  position: relative;
  top: -1px;
  left: -1px;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap:not([data-name^="acceptance-"]) label:after {
  content: "";
  display: block;
  border: 1px solid #000;
  border-top: none;
  height: 30px;
  width: 100%;
  position: relative;
  bottom: -2px;
  left: -1px;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap > select, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap input, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap label {
  border: 1px solid transparent;
  background-color: transparent;
  font-size: 24px;
  color: #0000FF;
  outline: none;
  margin-bottom: 0;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap > select:hover, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap input:hover, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap label:hover {
  outline: none;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap > select:focus, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap > select:active, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap input:focus, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap input:active, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap label:focus, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap label:active {
  outline: none;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap > select::placeholder, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap input::placeholder, #page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap label::placeholder {
  font-size: 24px;
  color: #000044;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap:not([data-name^="acceptance-"]):before {
  content: "";
  display: block;
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
  width: 100%;
}
#page__about > .container-fluid .page__about--content .about__form-block span.wpcf7-form-control-wrap:not([data-name^="acceptance-"]):after {
  content: "";
  display: block;
  border: 1px solid #000;
  border-top: none;
  height: 30px;
  width: 100%;
  position: relative;
  bottom: -1px;
}
#page__about > .container-fluid .page__about--content .about__form-block input.wpcf7-form-control.wpcf7-submit {
  display: block;
  border: none;
  color: #00FFFF;
  background-color: #000044;
  padding: 18px 0;
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 24px;
  border-radius: 0;
  width: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__about > .container-fluid .page__about--content .about__form-block input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #000077;
}
#page__about > .container-fluid .page__about--content .about__second-block--image {
  margin-top: 30px;
}
#page__about > .container-fluid .page__about--content .about__second-block--image > img {
  margin-bottom: 20px;
}
#page__about > .container-fluid .page__about--content .about__second-block--content {
  margin-top: 30px;
}
#page__about > .container-fluid .page__about--content .about__second-block--content p {
  margin-bottom: 20px;
  font-size: 18px;
}
#page__about > .container-fluid .page__about--content .about__third-block--image {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  margin-top: 0;
  padding-top: 75px;
}
#page__about > .container-fluid .page__about--content .about__third-block--content {
  color: #0000FF;
  margin-top: 0;
  padding-top: 75px;
}
#page__about > .container-fluid .page__about--content .about__third-block--content img {
  display: block;
  margin-left: auto;
  position: absolute;
  top: 0;
  z-index: -1;
  left: 187px;
}
#page__about > .container-fluid .page__about--content .about__third-block--content p {
  color: #0000FF;
  font-size: 18px;
}

#page__support {
  color: #000044;
  margin-top: 60px;
  padding-bottom: 90px;
}
#page__support > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 6;
}
#page__support > .container-fluid .page__support--sidebar {
  margin-top: 40px;
  margin-bottom: 60px;
}
#page__support > .container-fluid .page__support--sidebar h2 {
  color: #a6a6a6;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
#page__support > .container-fluid .page__support--sidebar > li:first-of-type {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__support > .container-fluid .page__support--sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__support > .container-fluid .page__support--sidebar ul li {
  padding: 0 0 20px 0;
}
#page__support > .container-fluid .page__support--sidebar ul li a {
  color: #000044;
  font-family: "cf_asty_probook", sans-serif !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page__support > .container-fluid .page__support--sidebar ul li a:hover {
  text-decoration: none;
}
#page__support > .container-fluid .page__support--sidebar ul li a:not(.active):before {
  content: "→";
  font-family: "LabGrotesqueMono", sans-serif !important;
  display: inline-flex;
  opacity: 0;
  margin-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  will-change: opacity, visibility, position, margin-right;
  position: absolute;
  left: 10px;
}
#page__support > .container-fluid .page__support--sidebar ul li a:not(.active):hover {
  color: #0000FF;
  text-decoration: none;
  margin-left: 12px;
}
#page__support > .container-fluid .page__support--sidebar ul li a:not(.active):hover:before {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
  margin-right: 15px;
  left: 10px;
}
#page__support > .container-fluid .page__support--sidebar ul li a.active, #page__support > .container-fluid .page__support--sidebar ul li a[aria-current=page] {
  color: #0000FF;
}
#page__support > .container-fluid .page__support--content {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__support > .container-fluid .page__support--content p {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__support > .container-fluid .page__support--content h1 {
  color: #0000FF;
  font-size: 15vw;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 100px 0;
  padding: 0;
  line-height: 0.75;
  text-transform: uppercase;
}
#page__support > .container-fluid .page__support--content h2 {
  color: #0000FF;
  font-size: 12vw;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 100px 0;
  padding: 0;
  line-height: 0.75;
  text-transform: uppercase;
}
#page__support > .container-fluid .page__support--content .support__first-block--content > img {
  margin-bottom: 55px;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a {
  display: block;
  margin: 0 0 60px 0;
  padding: 0;
  line-height: 1;
  color: #000044;
  font-size: 36px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a .link__inner-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  position: relative;
  padding-right: 70px !important;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a:hover {
  background-color: blue;
  text-decoration: none;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a:hover .link__inner-content {
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  position: relative;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a:hover .link__inner-content img {
  position: absolute;
  right: -25px;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a:hover:before {
  border-color: #0000FF;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a:hover:after {
  border-color: #0000FF;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a:before {
  display: block;
  content: "";
  margin-bottom: 12px;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a:after {
  display: block;
  content: "";
  margin-top: 12px;
  border: 1px solid black;
  border-top: none;
  height: 30px;
}
#page__support > .container-fluid .page__support--content .support__first-block--content a img {
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__support > .container-fluid .page__support--content .support__first-block--image {
  font-size: 18px;
  line-height: 26px;
}
#page__support > .container-fluid .page__support--content .support__first-block--image p {
  font-size: 18px;
  line-height: 26px;
}
#page__support > .container-fluid .page__support--content .support__first-block--image img {
  position: relative;
  right: -20px;
  top: -20px;
  z-index: -1;
}

#page__contact {
  color: #000044;
  margin-top: 60px;
  padding-bottom: 90px;
}
#page__contact > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 6;
}
#page__contact > .container-fluid .page__support--sidebar {
  margin-top: 40px;
}
#page__contact > .container-fluid .page__support--sidebar h2 {
  color: #a6a6a6;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
#page__contact > .container-fluid .page__support--sidebar > li:first-of-type {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__contact > .container-fluid .page__support--sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__contact > .container-fluid .page__support--sidebar ul li {
  padding: 0 0 20px 0;
}
#page__contact > .container-fluid .page__support--sidebar ul li a {
  color: #000044;
  font-family: "cf_asty_probook", sans-serif !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page__contact > .container-fluid .page__support--sidebar ul li a:hover {
  text-decoration: none;
}
#page__contact > .container-fluid .page__support--sidebar ul li a:not(.active):before {
  content: "→";
  font-family: "LabGrotesqueMono", sans-serif !important;
  display: inline-flex;
  opacity: 0;
  margin-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  will-change: opacity, visibility, position, margin-right;
  position: absolute;
  left: 10px;
}
#page__contact > .container-fluid .page__support--sidebar ul li a:not(.active):hover {
  color: #0000FF;
  text-decoration: none;
  margin-left: 12px;
}
#page__contact > .container-fluid .page__support--sidebar ul li a:not(.active):hover:before {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
  margin-right: 15px;
  left: 10px;
}
#page__contact > .container-fluid .page__support--sidebar ul li a.active, #page__contact > .container-fluid .page__support--sidebar ul li a[aria-current=page] {
  color: #0000FF;
}
#page__contact > .container-fluid .page__contact--content {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__contact > .container-fluid .page__contact--content.contact__form:before {
  content: none;
  display: none;
}
#page__contact > .container-fluid .page__contact--content:before {
  content: "";
  display: block;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  z-index: 1;
  position: relative;
  top: -30px;
}
#page__contact > .container-fluid .page__contact--content p {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content h1 {
  color: #0000FF;
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content h3 {
  color: #000078;
  font-size: 36px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 20px 0;
  padding: 0;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content p {
  font-size: 18px;
  padding: 0;
  margin: 10px 0 0 0;
  color: #999999;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content p:first-of-type {
  margin: 55px 0 0 0;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content h4 {
  font-size: 24px;
  padding: 0;
  margin: 0;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a {
  display: block;
  margin: 160px 0 60px 0;
  padding: 0;
  line-height: 1;
  color: #000044;
  font-size: 36px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(100% + 31px);
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a .link__inner-content {
  padding: 0 10px;
  position: relative;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a:hover {
  background-color: blue;
  text-decoration: none;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a:hover .link__inner-content {
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  position: relative;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a:hover .link__inner-content img {
  position: absolute;
  right: -25px;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a:hover:before {
  border-color: #0000FF;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a:hover:after {
  border-color: #0000FF;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a:before {
  display: block;
  content: "";
  margin-bottom: 12px;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  width: 100%;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a:after {
  display: block;
  content: "";
  margin-top: 12px;
  border: 1px solid black;
  border-top: none;
  height: 30px;
  width: 100%;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content a img {
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content label {
  border: 1px solid transparent;
  width: 100%;
  background-color: transparent;
  font-size: 36px;
  color: #000044;
  outline: none;
  margin-bottom: 0;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content label:before {
  content: "";
  display: block;
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
  width: calc(100% + 32px);
  position: relative;
  top: -1px;
  left: -1px;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content label:after {
  content: "";
  display: block;
  border: 1px solid #000;
  border-top: none;
  height: 30px;
  width: calc(100% + 32px);
  position: relative;
  bottom: -2px;
  left: -1px;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label {
  border: 1px solid transparent;
  width: 100%;
  background-color: transparent;
  font-size: 36px;
  color: #0000FF;
  outline: none;
  margin-bottom: 0;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select:hover, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input:hover, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label:hover {
  outline: none;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select:focus, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select:active, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input:focus, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input:active, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label:focus, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label:active {
  outline: none;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select::placeholder, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input::placeholder, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label::placeholder {
  font-size: 36px;
  color: #000044;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/down_arrow_black.png) no-repeat right;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap:before {
  content: "";
  display: block;
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
  width: calc(100% + 31px);
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap:after {
  content: "";
  display: block;
  border: 1px solid #000;
  border-top: none;
  height: 30px;
  width: calc(100% + 31px);
  position: relative;
  bottom: -1px;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea {
  background-color: #FFF;
  position: relative;
  right: 1px;
  top: -30px;
  z-index: 1;
  border: 1px solid transparent;
  outline: none;
  padding: 50px 0 0 20px;
  color: #000044;
  font-size: 36px;
  border-radius: 0;
  margin: 0;
  height: 573px;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap {
  display: block;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea:hover {
  border-color: #a6a6a6;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea:focus, #page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea:active {
  border-color: #000044;
  outline: none;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea::placeholder {
  color: #000044;
  font-size: 36px;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image > input.wpcf7-form-control.wpcf7-submit {
  display: block;
  border: none;
  color: #00FFFF;
  background-color: #000044;
  padding: 37px 0;
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 36px;
  border-radius: 0;
  width: calc(100% - 31px);
  position: relative;
  margin-top: -40px;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image > input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #000077;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image:after {
  content: "";
  display: block;
  width: calc(100% - 31px);
  border: 1px solid black;
  border-top: none;
  height: 30px;
  margin-bottom: 50px;
  padding-bottom: 10px;
  position: absolute;
  bottom: -10px;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image img {
  position: relative;
  top: -90px;
  z-index: -1;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image .mapouter {
  position: relative;
  top: -90px;
  z-index: 1;
  height: 600px;
  width: 100%;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image .mapouter > .gmap_canvas {
  height: 600px;
  filter: grayscale(1);
  overflow: hidden;
  background: none !important;
  width: 100%;
}
#page__contact > .container-fluid .page__contact--content .contact__first-block--image.no-bottom-image:after {
  content: none;
}

#page__news {
  color: #000044;
  margin-top: 60px;
  padding-bottom: 210px;
}
#page__news .dots-wrapper {
  overflow: hidden !important;
  height: 100vh !important;
  width: calc(100vw - 40px) !important;
  position: absolute;
  top: 180px !important;
  left: 0;
  z-index: 1;
  padding: 0 40px;
}
#page__news .dots-wrapper .dots {
  width: 2000px;
  height: 9000px;
  background: url(../img/dot_gray.svg) center center repeat;
}
#page__news .dots-wrapper .overlay {
  width: 100vw !important;
  height: calc(100vh - 180px) !important;
  position: absolute;
  left: 0;
  top: 0;
}
#page__news .dots-wrapper .cloud-dots {
  position: absolute;
  top: 420px;
  left: 1092px;
}
#page__news > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 6;
}
#page__news > .container-fluid .page__news--sidebar {
  margin-bottom: 60px;
  padding-right: 60px;
}
#page__news > .container-fluid .page__news--sidebar h2 {
  color: #a6a6a6;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
#page__news > .container-fluid .page__news--sidebar > li {
  list-style-type: none;
  margin: 0 0 40px 0;
  padding: 0;
}
#page__news > .container-fluid .page__news--sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page__news > .container-fluid .page__news--sidebar ul li {
  padding: 0 0 20px 0;
}
#page__news > .container-fluid .page__news--sidebar ul li a {
  color: #000044;
  font-family: "cf_asty_probook", sans-serif !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#page__news > .container-fluid .page__news--sidebar ul li a:hover {
  text-decoration: none;
}
#page__news > .container-fluid .page__news--sidebar ul li a:not(.active):before {
  content: "→";
  font-family: "LabGrotesqueMono", sans-serif !important;
  display: inline-flex;
  opacity: 0;
  margin-right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  will-change: opacity, visibility, position, margin-right;
  position: absolute;
  left: 10px;
}
#page__news > .container-fluid .page__news--sidebar ul li a:not(.active):hover {
  color: #0000FF;
  text-decoration: none;
  margin-left: 12px;
}
#page__news > .container-fluid .page__news--sidebar ul li a:not(.active):hover:before {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
  margin-right: 15px;
  left: 10px;
}
#page__news > .container-fluid .page__news--sidebar ul li a.active, #page__news > .container-fluid .page__news--sidebar ul li a[aria-current=page] {
  color: #0000FF;
}
#page__news > .container-fluid .page__news--sidebar ul.menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: left;
}
#page__news > .container-fluid .page__news--sidebar ul.menu > li {
  flex: 0 0 18%;
  flex-wrap: wrap;
  padding: 0;
}
#page__news > .container-fluid .page__news--sidebar ul.menu > li a {
  font-size: 24px;
}
#page__news > .container-fluid .page__news--sidebar ul.menu > li a:not(.active):before {
  content: "";
  display: none;
}
#page__news > .container-fluid .page__news--sidebar ul.menu > li a:not(.active):hover {
  margin-left: unset;
}
#page__news > .container-fluid .page__news--sidebar ul.menu > li a:not(.active):hover:before {
  display: none;
  opacity: 0;
  visibility: visible;
  margin-right: unset;
  left: unset;
}
#page__news > .container-fluid .page__news--sidebar form p {
  color: #000044;
  font-size: 14px;
  padding-bottom: 5px;
}
#page__news > .container-fluid .page__news--sidebar form label {
  font-size: 14px;
  color: #0000FF;
  font-family: "cf_asty_promedium", sans-serif !important;
  position: relative;
  top: 13px;
  margin-right: 10px;
  display: block;
}
#page__news > .container-fluid .page__news--sidebar form input {
  background: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #0000FF;
  -webkit-transition: width 0.5s ease-in;
  -moz-transition: width 0.5s ease-in;
  -ms-transition: width 0.5s ease-in;
  -o-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
  font-size: 14px;
  color: #0000FF;
  font-family: "cf_asty_prolight", sans-serif !important;
  width: 85%;
}
#page__news > .container-fluid .page__news--sidebar form input:active, #page__news > .container-fluid .page__news--sidebar form input:focus {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #000044;
  outline: none;
}
#page__news > .container-fluid .page__news--sidebar form button.footer__input-arrow {
  color: #0000FF;
  position: relative;
  top: 15px;
  margin-left: 10px;
  display: inline-block;
  width: auto;
  padding: 0 0 30px 0;
  background: transparent;
  border: none;
  font: normal normal normal 24px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#page__news > .container-fluid .page__news--content {
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__news > .container-fluid .page__news--content.single > .row {
  position: relative;
  max-height: unset;
}
#page__news > .container-fluid .page__news--content.single > .row:after {
  content: "";
  display: flex;
  border: 1px solid black;
  border-top: none;
  height: 30px;
  z-index: -1;
  position: absolute;
  bottom: 120px;
  left: 15px;
  width: calc(100% - 31px);
}
#page__news > .container-fluid .page__news--content.single p {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__news > .container-fluid .page__news--content.single .services__related h3 {
  color: #0000FF;
  font-size: 32px;
  margin-bottom: 40px;
}
#page__news > .container-fluid .page__news--content.single .services__related .container-fluid {
  padding: 0;
}
#page__news > .container-fluid .page__news--content p {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__news > .container-fluid .page__news--content:not(.is-paged):before {
  content: "";
  display: flex;
  z-index: 1;
  position: relative;
  top: -30px;
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
  width: calc(100% - 1px);
}
#page__news > .container-fluid .page__news--content .news__first-block--content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: hidden !important;
}
#page__news > .container-fluid .page__news--content .news__first-block--content h1 {
  color: #0000FF;
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 15px 0;
  padding: 0;
  line-height: 1;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post {
  margin-top: 30px;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single {
  margin-top: 0;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single > h2.post__title {
  color: #000078;
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  line-height: 1.2;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single > h2.post__title a {
  color: #000078;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single p.post__excerpt, #page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single p {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post > span.post__date {
  display: inline-block;
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post > span.post__category {
  display: inline-block;
  color: #999999;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post > h2.post__title {
  color: #000078;
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0 0 40px 0;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post > h2.post__title:hover > a {
  text-decoration: none;
  color: #0000FF;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post > h2.post__title > a {
  color: #000078;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post p.post__excerpt, #page__news > .container-fluid .page__news--content .news__first-block--content .news__post p {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post a.post__read-more {
  color: #00FFFF;
  background-color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  display: block;
  padding: 6px 10px;
  margin-top: 70px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post a.post__read-more:after {
  content: url(../img/arrow_angled_down_right_teal.png);
  display: inline-flex;
  float: right;
  top: 2px;
  position: relative;
}
#page__news > .container-fluid .page__news--content .news__first-block--content .news__post a.post__read-more:hover {
  text-decoration: none;
  background-color: #00FFFF;
  color: #000044;
}
#page__news > .container-fluid .page__news--content .news__first-block--image img {
  position: relative;
  right: 1px;
  top: -90px;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#page__news > .container-fluid .page__news--content .news__second-block--content a.post__read-more {
  color: #00FFFF;
  background-color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  display: block;
  padding: 6px 10px;
  margin-top: 30px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__news > .container-fluid .page__news--content .news__second-block--content a.post__read-more:after {
  content: url(../img/arrow_angled_down_right_teal.png);
  display: inline-flex;
  float: right;
  top: 2px;
  position: relative;
}
#page__news > .container-fluid .page__news--content .news__second-block--content a.post__read-more:hover {
  text-decoration: none;
  background-color: #00FFFF;
  color: #000044;
}
#page__news > .container-fluid .page__news--content .news__second-block--image:after {
  content: "";
  display: flex;
  border: 1px solid black;
  border-top: none;
  height: 39px;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: calc(100% - 31px);
}
#page__news > .container-fluid .page__news--content .news__post--single-content {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  padding: 0;
  line-height: 1.35;
  margin-top: 0;
}
#page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:before {
  display: block;
  content: "";
  border: 1px solid #000;
  border-bottom: none;
  height: 30px;
}
#page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:after {
  display: block;
  content: "";
  border: 1px solid #000;
  height: 30px;
  border-top: none;
}
#page__news > .container-fluid .page__news--content .news__post--single-content ul {
  margin: 0;
  padding: 0;
  margin-inline-start: 20px;
  margin-block-end: 40px;
}
#page__news > .container-fluid .page__news--content .news__post--single-content ul > li {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.85;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content:not(.is-paged) {
  margin-top: 60px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--separator:after {
  content: "";
  display: flex;
  border-right: 1px solid black;
  height: 30px;
  z-index: -1;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 15px;
  margin-bottom: 15px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small {
  margin-bottom: 60px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small:before {
  content: "";
  display: flex;
  border: 1px solid black;
  border-bottom: none;
  height: 30px;
  z-index: -1;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 15px;
  margin-bottom: 15px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > span.post__date {
  display: inline-block;
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > span.post__category {
  display: inline-block;
  color: #999999;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > span.post__category a {
  color: #999999;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > h2.post__title {
  color: #0000FF;
  font-size: 28px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > h2.post__title:hover > a {
  text-decoration: none;
  color: #0000FF;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > h2.post__title > a {
  color: #000078;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small p.post__excerpt {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-top: 20px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small a.post__read-more {
  color: #00FFFF;
  background-color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  display: block;
  padding: 6px 10px;
  margin-top: 25px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small a.post__read-more:after {
  content: url(../img/arrow_angled_down_right_teal.png);
  display: inline-flex;
  float: right;
  top: 2px;
  position: relative;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small a.post__read-more:hover {
  text-decoration: none;
  background-color: #00FFFF;
  color: #000044;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper {
  height: 350px;
  display: block;
  position: relative;
  transition: 1s filter linear, 1s -webkit-filter linear;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper:hover .post__image--container img {
  filter: blur(0.5px);
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper .post__image--container {
  height: 350px;
  display: block;
  position: relative;
  transition: 1s filter linear, 1s -webkit-filter linear;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper .post__image--container img {
  transition: 1s filter linear, 1s -webkit-filter linear;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper .post__actions--container {
  display: block;
  position: absolute;
  top: -5px;
  right: -50px;
  flex-direction: column;
  align-items: center;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper .post__actions--container > a {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
  border-bottom: 1px solid #999999;
  padding: 0 10px 12px 10px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation {
  max-width: 100%;
  flex: 0 0 100%;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation > ul {
  padding: 0;
  margin: 0;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation > ul > li {
  display: inline;
  margin: 0 3px;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li a,
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li a:hover,
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li.active a,
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li.disabled {
  color: #000044;
  text-decoration: none;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li {
  display: inline;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li a,
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li a:hover,
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li.active a,
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li.disabled {
  background-color: transparent;
  border: 1px solid #000044;
  border-radius: 0;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem;
}
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li a:hover,
#page__news > .container-fluid .page__news--content .news__rest-blocks--content .navigation li.active a {
  background-color: #000044;
  color: #00FFFF;
}

#service .frontpage__image-wrapper {
  overflow: hidden !important;
  height: 100vh;
  width: 100vw !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#service .frontpage__image-wrapper > .overlay {
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, #000044 20%, rgba(0, 0, 68, 0.65) 55%, #000044 100%);
}
#service .dots-wrapper {
  overflow: hidden !important;
  height: calc(100vh - 180px) !important;
  width: 100vw !important;
  position: absolute;
  top: 180px !important;
  left: 0;
  z-index: 2;
}
#service .dots-wrapper .dots {
  width: calc(100vw + 50px);
  height: 100vh;
  background: url(../svg/bg_frontpage_top.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: center;
}
#service .dots-wrapper .cloud-dots {
  position: absolute;
  top: 420px;
  left: 1092px;
}
#service > .services__introduction {
  position: relative;
  z-index: 10;
  padding-top: 60px;
  height: calc(100% - 150px) !important;
  width: 100vw;
  background: #000044;
  background: linear-gradient(to bottom, rgba(0, 0, 68, 0) 60%, rgba(0, 0, 68, 0.1) 100%);
}
#service > .services__introduction > .container-fluid {
  padding: 0 40px;
  height: 100%;
}
#service > .services__introduction > .container-fluid img.parent-category__image {
  display: block;
  margin: 50px auto 0 auto;
  text-align: center;
}
#service > .services__introduction > .container-fluid .parent-category__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
#service > .services__introduction > .container-fluid .parent-category__content h1 {
  font-size: 50px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: var(--service_category_color);
  margin: 50px 0 0 0;
}
#service > .services__introduction > .container-fluid .parent-category__content h2 {
  font-size: 30px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #FFF;
  margin-bottom: 25px;
}
#service > .services__introduction > .container-fluid .parent-category__content .parent-category__paragraph, #service > .services__introduction > .container-fluid .parent-category__content p {
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  color: #FFF;
  margin: 0;
  padding: 0;
}
#service > .services__introduction > .container-fluid .parent-category__content a {
  display: block;
  margin: 40px 0 0 0;
  align-items: flex-end;
  align-self: flex-start;
}

.services__letters-wrapper {
  overflow: hidden !important;
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 180px !important;
  left: 0;
  z-index: 7;
}
.services__letters-wrapper > .overlay {
  width: auto;
  margin: 0 40px;
  height: 50%;
  background: var(--background_image_with_lines);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
  position: relative;
  top: 15%;
  right: 15%;
  opacity: 0.4;
}

.services__list {
  position: relative;
  z-index: 10;
  padding-top: 60px;
}
.services__list > .container-fluid {
  padding: 0 40px;
}
.services__list > .container-fluid .services__logo {
  padding-top: 60px;
  text-align: center;
}
.services__list > .container-fluid .services__logo:before {
  content: "";
  display: flex;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  width: calc(100% + 31px);
}
.services__list > .container-fluid .services__logo img {
  margin-top: 140px;
}
.services__list > .container-fluid .services__outer {
  padding-top: 30px;
  margin-bottom: 60px;
}
.services__list > .container-fluid .services__outer .services__inner:nth-child(n):nth-child(-n+3):before {
  content: "";
  display: flex;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  width: calc(100% + 31px);
  margin: 30px 0;
}
.services__list > .container-fluid .services__outer .services__inner:nth-last-child(-n+3):after {
  content: "";
  display: flex;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  width: calc(100% + 1px);
  position: absolute;
  bottom: -15px;
}
.services__list > .container-fluid .services__outer .services__inner:nth-child(3n+3):before {
  width: 100%;
}
.services__list > .container-fluid .services__outer .services__inner:nth-child(3n+3):after {
  width: calc(100% - 31px);
}
.services__list > .container-fluid .services__outer h3 {
  font-family: "cf_asty_promedium", sans-serif !important;
  font-size: 28px;
  color: var(--service_category_color);
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  margin: 0 0 35px 0;
  padding: 0;
}
.services__list > .container-fluid .services__outer h3:hover a {
  color: #00FFFF;
  text-decoration: none;
}
.services__list > .container-fluid .services__outer h3 a {
  color: var(--service_category_color);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.services__list > .container-fluid .services__outer .services__separator:before {
  content: url(../img/services/cloud-isp-middle-bottom.png);
  display: flex;
  margin-bottom: 60px;
  padding-top: 20px;
}
.services__list > .container-fluid .services__outer .services__separator:after {
  content: url(../img/services/cloud-isp-middle-top.png);
  display: flex;
  padding-bottom: 30px;
}
.services__list > .container-fluid .services__outer .services__separator:first-of-type:before {
  content: "";
  display: none;
}
.services__list > .container-fluid .services__outer .services__separator:last-of-type:before {
  margin-bottom: 60px;
}
.services__list > .container-fluid .services__outer .services__separator:last-of-type:after {
  content: "";
  display: none;
}
.services__list > .container-fluid .services__outer ul {
  margin: 0 0 60px 0;
  padding: 0;
  list-style-type: none;
}
.services__list > .container-fluid .services__outer ul > li {
  margin-bottom: 12px;
}
.services__list > .container-fluid .services__outer ul > li > a {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 20px;
  color: #FFF;
}
.services__list > .container-fluid .services__outer ul > li > a:hover {
  text-decoration: none;
  color: #00FFFF;
}

#service .services__powered-by {
  position: relative;
  z-index: 10;
  padding: 0;
  margin-bottom: 60px;
}
#service .services__powered-by .dots-wrapper {
  overflow: hidden !important;
  height: calc(100% + 60px) !important;
  width: 100vw !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 1;
}
#service .services__powered-by .dots-wrapper .dots {
  width: calc(100vw + 50px);
  height: 100%;
  background: url(../svg/bg_frontpage_top_mirror.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: calc(100% - 60px);
}
#service .services__powered-by .dots-wrapper .overlay {
  width: 100vw !important;
  height: calc(100% + 60px) !important;
  position: absolute;
  left: 0;
  top: 0;
  background: #000044;
  background: linear-gradient(to bottom, rgba(0, 0, 68, 0.5) 0%, rgba(0, 0, 68, 0.9) 50%, #000044 100%);
}
#service .services__powered-by .dots-wrapper .cloud-dots {
  position: absolute;
  top: 412px;
  left: 1218px;
}
#service .services__powered-by > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 10;
}
#service .services__powered-by > .container-fluid .services__powered-by--content p {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 18px;
  color: var(--service_category_color);
}
#service .services__powered-by > .container-fluid .services__powered-by--content img {
  margin-bottom: 30px;
}

.services__related {
  position: relative;
  z-index: 10;
  padding: 60px 0 120px 0;
}
.services__related .dots-wrapper {
  overflow: hidden !important;
  height: calc(100% + 1px) !important;
  width: 100vw !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 1;
}
.services__related .dots-wrapper .dots {
  width: calc(100vw + 50px);
  height: 100%;
  background: url(../svg/bg_category_bottom_left_mirror.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: calc(100% - 60px);
}
.services__related > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 10;
}
.services__related > .container-fluid .services__related--post {
  background-color: #FFF;
  margin-bottom: 60px;
}
.services__related > .container-fluid .services__related--post .post__details {
  padding: 25px 30px 30px 30px;
}
.services__related > .container-fluid .services__related--post .post__details > span.post__date {
  display: inline-block;
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
.services__related > .container-fluid .services__related--post .post__details > span.post__category {
  display: inline-block;
  color: #999999;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
.services__related > .container-fluid .services__related--post .post__details > span.post__category a {
  color: #999999;
}
.services__related > .container-fluid .services__related--post .post__details > h4.post__title {
  color: #000044;
  font-size: 30px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
.services__related > .container-fluid .services__related--post .post__details a.post__read-more {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  padding: 6px 10px;
  margin-top: 0;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  float: right;
  margin-right: 30px;
}
.services__related > .container-fluid .services__related--post .post__details a.post__read-more:after {
  content: url(../img/arrow_angled_down_right_teal_big.png);
  display: inline-flex;
  position: absolute;
  bottom: 0;
  z-index: 20;
  right: 10px;
  transition: all 0.15s ease-in;
  transform: scale(0.3);
}
.services__related > .container-fluid .services__related--post .post__details a.post__read-more:hover {
  text-decoration: none;
  color: #00FFFF;
}
.services__related > .container-fluid .services__related--post .post__details a.post__read-more:hover:after {
  transform: scale(0.5);
  bottom: -10px;
}

.service__category--dots.dots-wrapper {
  overflow: hidden !important;
  height: calc(100vh - 180px) !important;
  width: 100vw !important;
  position: absolute;
  top: -50px !important;
  left: 0;
  z-index: 2;
}
.service__category--dots.dots-wrapper .dots {
  width: calc(100vw + 34px);
  height: 100vh;
  background: url(../svg/bg_category_top_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: 250px;
}

#service__category {
  margin-top: 80px;
}
#service__category > .category__intro > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 10;
}
#service__category > .category__intro > .container-fluid .category__type:before {
  content: "";
  display: flex;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  width: calc(100% + 31px);
  margin: 30px 0;
}
#service__category > .category__intro > .container-fluid .category__type > span {
  display: block;
  margin: 0.67em 0;
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 18px;
}
#service__category > .category__intro > .container-fluid .category__type > span > a {
  color: #FFF;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#service__category > .category__intro > .container-fluid .category__type > span > a:hover {
  text-decoration: none;
  color: #00FFFF;
}
#service__category > .category__intro > .container-fluid .category__title:before {
  content: "";
  display: flex;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  width: calc(100% + 1px);
  margin: 30px 0;
}
#service__category > .category__intro > .container-fluid .category__title h1 {
  font-size: 50px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0;
}
#service__category > .category__intro > .container-fluid .category__title h2 {
  font-size: 30px;
  color: var(--service_category_color);
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 15px;
}
#service__category > .category__intro > .container-fluid .category__title p {
  font-size: 18px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0;
  padding: 0;
}
#service__category > .category__intro > .container-fluid .category__image {
  padding-top: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#service__category > .category__intro > .container-fluid .category__image > object {
  max-height: 35vh;
}

.service__categories {
  position: relative;
  z-index: 10;
  padding-top: 100px;
}
.service__categories > .container-fluid {
  padding: 0 40px;
}
.service__categories > .container-fluid .services__block .service__categories--title a:hover {
  color: #00FFFF;
  text-decoration: none;
}
.service__categories > .container-fluid .services__block .service__categories--title .link__inner-content {
  display: block;
  padding-right: 20px;
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.service__categories > .container-fluid .services__block .service__categories--title .link__inner-content:before {
  content: "";
  display: flex;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  margin-bottom: 0px;
}
.service__categories > .container-fluid .services__block .service__categories--title .link__inner-content:after {
  content: "";
  display: flex;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.service__categories > .container-fluid .services__block .service__categories--description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.service__categories > .container-fluid .services__block .service__categories--description img {
  max-height: 31px;
}
.service__categories > .container-fluid .services__block .service__categories--description p {
  display: block;
  color: var(--service_category_color);
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 0;
  padding: 0;
}

.services__separator {
  position: relative;
  z-index: 10;
  margin: 55px 0 45px 0;
}
.services__separator > .container-fluid {
  padding: 0 40px;
}
.services__separator > .container-fluid img {
  max-height: 57px;
  display: inline-block;
  margin-right: 27px;
}

.services__actions {
  position: relative;
  z-index: 10;
  margin-bottom: 45px;
}
.services__actions > .container-fluid {
  padding: 0 40px;
}
.services__actions > .container-fluid .services__actions--left h4 {
  margin-bottom: 45px;
}
.services__actions > .container-fluid .services__actions--left .services__actions--pattern {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.services__actions > .container-fluid h3 {
  color: #FFF;
  font-size: 30px;
  font-family: "cf_asty_probook", sans-serif !important;
}
.services__actions > .container-fluid h4 {
  color: var(--service_category_color);
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
}
.services__actions > .container-fluid a {
  background-color: var(--service_category_color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  padding: 25px 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  text-align: center;
}
.services__actions > .container-fluid a span {
  background-color: var(--service_category_color);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.services__actions > .container-fluid a span:first-child {
  display: block;
  color: #FFF;
  font-size: 30px;
  font-family: "cf_asty_probook", sans-serif !important;
  text-align: center;
}
.services__actions > .container-fluid a span:last-child {
  display: block;
  color: #000;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  text-align: center;
}
.services__actions > .container-fluid a:hover {
  text-decoration: none;
  background-color: #00FFFF;
}
.services__actions > .container-fluid a:hover span {
  text-decoration: none;
  background-color: #00FFFF;
}
.services__actions > .container-fluid a:hover span:first-child {
  color: var(--service_category_color);
}

.related__entities {
  position: relative;
  margin-bottom: 0;
}
.related__entities .dots-wrapper {
  overflow: hidden !important;
  height: 100vh;
  width: 100vw !important;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.related__entities .dots-wrapper .dots {
  width: calc(100vw + 50px);
  height: 100%;
  background: url(../svg/bg_category_bottom_left_mirror.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position-x: 40px;
  background-position-y: calc(100% - 60px);
}
.related__entities .services__related {
  position: relative;
  z-index: 10;
  padding: 60px 0 120px 0;
}
.related__entities .services__related > .container-fluid {
  padding: 0 40px;
}
.related__entities .services__related > .container-fluid .services__related--post {
  background-color: #FFF;
  margin-bottom: 60px;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details {
  padding: 25px 30px 30px 30px;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details > span.post__date {
  display: inline-block;
  color: #000044;
  font-size: 24px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details > span.post__category {
  display: inline-block;
  color: #999999;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 7px;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details > span.post__category a {
  color: #999999;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details > h4.post__title {
  color: #000044;
  font-size: 30px;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 40px;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details a.post__read-more {
  color: #000044;
  font-size: 18px;
  font-family: "cf_asty_probook", sans-serif !important;
  padding: 6px 10px;
  margin-top: 0;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  float: right;
  margin-right: 30px;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details a.post__read-more:after {
  content: url(../img/arrow_angled_down_right_teal_big.png);
  display: inline-flex;
  position: absolute;
  bottom: 0;
  z-index: 20;
  right: 10px;
  transition: all 0.15s ease-in;
  transform: scale(0.3);
}
.related__entities .services__related > .container-fluid .services__related--post .post__details a.post__read-more:hover {
  text-decoration: none;
  color: #00FFFF;
}
.related__entities .services__related > .container-fluid .services__related--post .post__details a.post__read-more:hover:after {
  transform: scale(0.5);
  bottom: -10px;
}

#product .frontpage__image-wrapper {
  overflow: hidden !important;
  height: 100vh;
  width: 100vw !important;
  position: absolute;
  top: 0 !important;
  left: 0;
  z-index: 2;
}
#product .frontpage__image-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #000044 5%, rgba(0, 0, 68, 0.6), 40%, rgba(150, 150, 150, 0.01) 100%);
  z-index: 1;
}
#product .frontpage__image-wrapper img {
  opacity: 0.75;
}
#product > .product__intro {
  position: relative;
  z-index: 10;
}
#product > .product__intro > .container-fluid {
  padding: 0 40px;
}
#product > .product__intro > .container-fluid .product__path:before {
  content: "";
  display: flex;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  width: calc(100% + 31px);
  margin: 30px 0;
}
#product > .product__intro > .container-fluid .product__path > span {
  display: block;
  margin: 0;
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 18px;
}
#product > .product__intro > .container-fluid .product__path > span > a {
  display: block;
  color: #FFF;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#product > .product__intro > .container-fluid .product__path > span > a:hover {
  text-decoration: none;
  color: #00FFFF;
}
#product > .product__intro > .container-fluid .product__title {
  margin-bottom: 60px;
}
#product > .product__intro > .container-fluid .product__title:before {
  content: "";
  display: flex;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  height: 30px;
  width: calc(100% + 1px);
  margin: 30px 0;
}
#product > .product__intro > .container-fluid .product__title h1 {
  font-size: 50px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-top: 0;
  margin-bottom: 0;
}
#product > .product__intro > .container-fluid .product__title h2 {
  font-size: 30px;
  color: var(--service_category_color);
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 0;
}
#product > .product__intro > .container-fluid .product__title .product__paragraph, #product > .product__intro > .container-fluid .product__title p {
  font-size: 18px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 0;
}
#product > .product_questions {
  position: relative;
  z-index: 10;
}
#product > .product_questions > .container-fluid {
  padding: 0 40px;
  margin-bottom: 60px;
}
#product > .product_questions > .container-fluid .product__questions--fake-border {
  position: relative;
}
#product > .product_questions > .container-fluid .product__questions--fake-border:after {
  content: "";
  display: block;
  height: 30px;
  border-left: 1px solid #FFF;
  position: absolute;
  bottom: 0;
}
#product > .product_questions > .container-fluid .product__questions--list:after {
  content: "";
  display: block;
  height: 30px;
  border: 1px solid #FFF;
  border-top: none;
  margin-top: 130px;
}
#product > .product_questions > .container-fluid .product__questions--list .product__questions--single {
  margin-bottom: 35px;
}
#product > .product_questions > .container-fluid .product__questions--list .product__questions--single:before {
  content: url(../img/arrow-angled-down-right.png);
  display: flex;
  margin-bottom: 5px;
}
#product > .product_questions > .container-fluid .product__questions--list .product__questions--single:before:hover {
  cursor: pointer;
}
#product > .product_questions > .container-fluid .product__questions--list .product__questions--single a {
  font-size: 22px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 18px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#product > .product_questions > .container-fluid .product__questions--list .product__questions--single a:hover {
  cursor: pointer;
}
#product > .product_questions > .container-fluid .product__questions--list .product__questions--single .collapse {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#product > .product_questions > .container-fluid .product__questions--list .product__questions--single .collapse p {
  font-size: 20px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin: 20px 0;
}
#product > .product__service {
  position: relative;
  z-index: 10;
}
#product > .product__service > .container-fluid {
  padding: 0 40px;
  margin-bottom: 250px;
}
#product > .product__service > .container-fluid .product__service--imagewrapper {
  overflow: hidden !important;
  height: 100%;
  width: 100% !important;
  position: absolute;
  top: 180px;
  left: -110px;
  z-index: 2;
  background: url(http://dataways.local/wp-content/uploads/2020/01/Group-444.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#product > .product__service > .container-fluid div:not(.product__service--imagewrapper) {
  position: relative;
  z-index: 10;
}
#product > .product__service > .container-fluid h3 {
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
}
#product > .product__service > .container-fluid p:empty {
  margin: 0 !important;
}
#product > .product__service > .container-fluid p:not(:empty) {
  font-size: 18px;
  color: #FFF;
  font-family: "cf_asty_prolight", sans-serif !important;
  margin-bottom: 45px;
}
#product > .product__features {
  position: relative;
  z-index: 10;
  margin-bottom: 70px;
}
#product > .product__features > .container-fluid {
  padding: 0 40px;
  margin-bottom: 45px;
}
#product > .product__features > .container-fluid h3 {
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 70px;
}
#product > .product__features > .container-fluid h3:before {
  content: url(../img/arrow-angled-down-right.png);
  display: flex;
  margin-bottom: 40px;
}
#product > .product__features > .container-fluid .product__features--list {
  margin-bottom: 25px;
}
#product > .product__features > .container-fluid .product__features--list .feature__number {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#product > .product__features > .container-fluid .product__features--list .feature__number span.product__features--number {
  border: 1px solid #FFF;
  border-radius: 50%;
  padding: 35px 40px;
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
}
#product > .product__features > .container-fluid .product__features--list .feature__title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#product > .product__features > .container-fluid .product__features--list .feature__title h4 {
  display: block;
  width: 100%;
  padding: 45px 40px;
  background-color: var(--service_category_color);
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
}
#product > .product__features > .container-fluid .product__features--list .feature__paragraph {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding-left: 20px;
}
#product > .product__features > .container-fluid .product__features--list .feature__paragraph p:not(:empty) {
  margin: 0;
  font-size: 18px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  padding: 0;
}
#product > .product__features > .container-fluid .product__features--list .feature__paragraph p:not(:empty):before {
  content: url(../img/arrow_angled_down_right_small.png);
  display: flex;
  margin-bottom: 15px;
}
#product > .product__features > .container-fluid .product__features--border {
  position: relative;
}
#product > .product__features > .container-fluid .product__features--border > div {
  position: relative;
}
#product > .product__features > .container-fluid .product__features--border > div:nth-of-type(2) {
  position: relative;
}
#product > .product__features > .container-fluid .product__features--border > div:nth-of-type(2):after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  border-left: 1px solid #FFF;
  height: 30px;
}
#product > .product__features > .container-fluid .product__features--border > div:nth-of-type(3):after {
  display: block;
  content: "";
  position: relative;
  bottom: 0;
  height: 30px;
  border: 1px solid #FFF;
  border-top: none;
  margin-top: 150px;
}
#product > .product__offers {
  position: relative;
  z-index: 10;
  margin-bottom: 40px;
  min-height: calc(100vh - 220px) !important;
}
#product > .product__offers .frontpage__image-wrapper {
  position: absolute !important;
  z-index: 2 !important;
  top: 220px !important;
  left: 0px !important;
  width: 100vw !important;
  height: 100vh !important;
  max-height: calc(100vh - 220px) !important;
  overflow: hidden !important;
}
#product > .product__offers .frontpage__image-wrapper .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000044 0%, rgba(0, 0, 68, 0.05) 50%, #000044 100%);
  z-index: 100;
}
#product > .product__offers .frontpage__image-wrapper img {
  opacity: 0.75;
}
#product > .product__offers > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 10;
  min-height: calc(100vh - 220px) !important;
}
#product > .product__offers > .container-fluid .offers__title {
  position: relative;
}
#product > .product__offers > .container-fluid .offers__title h3 {
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
}
#product > .product__offers > .container-fluid .offer__list .offer__single {
  margin-bottom: 40px;
}
#product > .product__offers > .container-fluid .offer__list .offer__single .col-2 {
  text-align: center;
}
#product > .product__offers > .container-fluid .offer__list .offer__single span {
  font-size: 24px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  border-radius: 50%;
  border: 1px solid #FFF;
  padding: 10px 12px;
}
#product > .product__offers > .container-fluid .offer__list .offer__single h5 {
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probold", sans-serif !important;
  margin-bottom: 20px;
}
#product > .product__offers > .container-fluid .offer__list .offer__single p {
  font-size: 18px;
  color: #FFF;
  font-family: "cf_asty_prolight", sans-serif !important;
}
#product .product__related {
  position: relative;
  z-index: 10;
  margin-bottom: 65px;
}
#product .product__related > .container-fluid {
  padding: 0 40px;
  position: relative;
  z-index: 10;
}
#product .product__related > .container-fluid .product__related--pattern {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#product .product__related > .container-fluid h3 {
  font-size: 30px;
  color: #FFF;
  font-family: "cf_asty_probook", sans-serif !important;
  margin-bottom: 20px;
}
#product .product__related > .container-fluid h4 {
  font-size: 18px;
  color: var(--service_category_color);
  font-family: "cf_asty_prolight", sans-serif !important;
  margin-bottom: 45px;
  line-height: 1.5;
}
#product .product__related > .container-fluid .related__service {
  margin-bottom: 30px;
}
#product .product__related > .container-fluid .related__service:last-of-type {
  margin-bottom: 0;
}
#product .product__related > .container-fluid .related__service a {
  text-align: center;
  background-color: #00FFFF;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#product .product__related > .container-fluid .related__service a:hover {
  text-decoration: none;
}
#product .product__related > .container-fluid .related__service a:hover > span {
  text-decoration: none;
}
#product .product__related > .container-fluid .related__service a:hover > span:first-of-type {
  text-decoration: underline;
}
#product .product__related > .container-fluid .related__service a > span {
  display: block;
  padding: 0 15px;
}
#product .product__related > .container-fluid .related__service a > span:first-of-type {
  color: #000044;
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 30px;
}
#product .product__related > .container-fluid .related__service a > span:last-of-type {
  color: #000044;
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 18px;
}

#page__404 .page__404--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100% !important;
  color: #00FFFF;
}
#page__404 .page__404--content img {
  padding-top: 120px;
  padding-bottom: 100px;
}
#page__404 .page__404--content h1 {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 4.5vw;
  margin: 0;
  padding: 0;
  line-height: 1;
}
#page__404 .page__404--content h2 {
  font-family: "cf_asty_probook", sans-serif !important;
  font-size: 4.5vw;
  margin: 0;
  padding: 0;
  line-height: 1;
}
#page__404 .page__404--content p {
  padding-top: 20px;
  color: #00FFFF;
  font-size: 24px;
  width: 60%;
  text-align: center;
}
#page__404 .page__404--content a {
  font-family: "cf_asty_probook", sans-serif !important;
  color: #00FFFF;
  text-transform: uppercase;
  font-size: 18px;
  padding: 11px 100px;
  margin: 80px auto 50px auto;
  border-right: 1px solid #00FFFF;
  border-left: 1px solid #00FFFF;
  position: relative;
  z-index: 10;
  transition: all 0.5s ease-in-out;
}
#page__404 .page__404--content a > span {
  display: block;
  position: relative;
  z-index: 11;
}
#page__404 .page__404--content a:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background-color: #00FFFF;
  transition: all 0.5s ease-in-out;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#page__404 .page__404--content a:hover {
  text-decoration: none;
  color: #FFF;
}
#page__404 .page__404--content a:hover:after {
  width: 100%;
}

/* Mobile phones (320px - 767px) */
@media screen and (min-width: 320px) and (max-width: 768px) {
  header.header {
    height: 140px !important;
  }
  header.header > .container-fluid {
    padding: 30px 25px 0 25px;
    height: unset;
  }

  #frontpage {
    height: calc(100% - 180px) !important;
  }
  #frontpage > .frontpage__introduction {
    text-align: center;
    justify-content: space-between;
    padding-top: 0;
  }
  #frontpage > .frontpage__introduction > .frontpage__first-slide > h1 {
    min-height: 63px;
    font-size: 14vw;
  }
  #frontpage > .frontpage__introduction > .frontpage__first-slide > section#frontpage__scroll-down a {
    bottom: 20%;
  }
  #frontpage > .frontpage__introduction > .frontpage__first-slide > section#frontpage__scroll-down a > span {
    height: 90px;
  }
  #frontpage > .frontpage__introduction h1 {
    color: #00FFFF;
    font-size: 14vw;
    margin: 0 0 40px 0;
    padding: 0;
    position: relative;
    z-index: 10;
  }
  #frontpage > .frontpage__introduction p {
    color: #FFF;
    font-size: 24px;
    font-family: "cf_asty_probook", sans-serif !important;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
  }
  #frontpage > .frontpage__introduction a.frontpage__read-more {
    background-color: rgba(0, 255, 255, 0.1);
    font-size: 16px;
    padding: 11px 50px;
  }
  #frontpage > .frontpage__introduction > .frontpage__second-slide h2.frontpage__subtitle {
    font-size: 48px;
  }

  #frontpage-content {
    padding: 0;
  }
  #frontpage-content .frontpage__infrastructure h2.frontpage__subtitle {
    font-size: 48px;
  }
  #frontpage-content .frontpage__4-blocks {
    padding: 0 25px;
    margin-bottom: 0;
  }
  #frontpage-content .frontpage__4-blocks .frontpage__content--single {
    margin-bottom: 80px;
  }
  #frontpage-content .frontpage__4-blocks .frontpage__content--single object {
    padding: 0 15px;
  }
  #frontpage-content .frontpage__4-blocks .frontpage__content--single:before {
    width: 100%;
  }
  #frontpage-content .frontpage__4-blocks .frontpage__content--single:last-of-type:before {
    width: 100%;
  }
  #frontpage-content .frontpage__4-blocks h3.project__title {
    font-size: 36px;
  }
  #frontpage-content .frontpage__4-blocks p.project__description, #frontpage-content .frontpage__4-blocks p {
    font-size: 20px;
  }

  #frontpage__single-project {
    padding-top: 60px;
  }
  #frontpage__single-project .frontpage__single-project--info > h3 {
    font-size: 10vw;
    white-space: normal;
  }
  #frontpage__single-project .frontpage__single-project--info > h4 {
    font-size: 28px;
  }
  #frontpage__single-project .frontpage__single-project--info > p {
    font-size: 20px;
  }
  #frontpage__single-project .frontpage__single-project--info > a {
    background-color: rgba(0, 255, 255, 0.1);
    font-size: 16px;
    padding: 11px 50px;
  }
  #frontpage__single-project .frontpage__collabs--info h2.frontpage__subtitle {
    font-size: 48px;
  }

  #frontpage__collabs-new-block .frontpage__collabs--images img {
    margin-bottom: 20px;
  }
  #frontpage__collabs-new-block .frontpage__collabs--images a {
    background-color: rgba(0, 255, 255, 0.1);
    font-size: 16px;
    padding: 11px 50px;
    margin: 20px 0 80px 0;
  }

  #frontpage__customer-stories > h2.frontpage__subtitle {
    font-size: 48px;
  }
  #frontpage__customer-stories .frontpage__customer-stories--images > .row > div a {
    background-color: rgba(0, 255, 255, 0.1);
    font-size: 16px;
    padding: 11px 50px;
    margin: 20px 0 80px 0;
  }
  #frontpage__customer-stories .frontpage__customer-stories--images > .row > div img {
    margin-bottom: 40px;
  }

  #frontpage__help {
    padding-top: 0;
  }
  #frontpage__help h2.frontpage__subtitle {
    font-size: 40px;
  }
  #frontpage__help .frontpage__help--block > a .link__inner-content h4 {
    font-size: 22px;
  }
  #frontpage__help .frontpage__help--block > a .link__inner-content img {
    width: 40px;
  }
  #frontpage__help .frontpage__help--block p:not(:empty) {
    font-size: 20px;
  }

  #mega-menu > .modal-container {
    display: none;
  }
  #mega-menu > .color-container {
    width: 100vw;
  }
  #mega-menu > .gray-dots-wrapper {
    width: 100vw;
  }
  #mega-menu > .button-container {
    right: 0;
    top: 0;
    left: unset;
    padding: 40px 15px;
    z-index: 116;
  }
  #mega-menu > .container-fluid {
    padding: 0 15px;
  }
  #mega-menu > .container-fluid > .row {
    width: unset;
  }
  #mega-menu > .container-fluid > .row > .header__menu {
    height: auto !important;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__logo {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin-top: 30px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__logo img {
    height: auto;
    max-height: 40px;
    padding-left: 20px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu {
    margin-top: 20px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul {
    margin: 0;
    flex-wrap: wrap;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li {
    font-size: 16px;
    width: auto;
    flex: 1 0 100%;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #9a9a9a;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li:first-of-type {
    border-top: 1px solid #9a9a9a;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li:last-of-type {
    width: auto;
    flex: 1 0 100%;
    border-left: none;
    border-right: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > a {
    color: #000044;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul {
    height: 0;
    opacity: 0;
    position: relative;
    top: unset;
    left: unset;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul:before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul:after {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li {
    flex: 1 0 100%;
    text-align: left;
    margin-bottom: 0;
    position: relative;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li.mobile__hide {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(8):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(12):before {
    border-right: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(5):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(6):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(7):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(8):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(9):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(10):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(11):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(12):before {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > a {
    font-size: 14px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > a:before {
    content: "-";
    display: inline-block;
    margin-right: 5px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:after {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li {
    padding: 0;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 21px 0;
    color: #000044;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a.is-active {
    color: #0000FF;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a.is-active:after {
    content: "\f106";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li.menu-item-has-children > ul.sub-menu {
    height: 0;
    opacity: 0;
    will-change: height, opacity;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: -20px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li.menu-item-has-children > ul.sub-menu.is-active {
    height: 100%;
    opacity: 1;
  }
  #mega-menu > .container-fluid > .row > #secondary-menu-mobile {
    display: flex;
    top: 10px;
  }
  #mega-menu > .container-fluid > .row > #secondary-menu-mobile ul.header__secondary-menu--icons {
    border-color: #9a9a9a;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
  }
  #mega-menu > .container-fluid > .row > #secondary-menu-mobile ul.header__secondary-menu--icons > li {
    max-width: unset;
    width: unset;
    flex: 0 0 20%;
    padding: 0;
  }
  #mega-menu > .container-fluid > .row #third-menu-mobile {
    margin: 0;
    padding: 0 15px;
  }
  #mega-menu > .container-fluid > .row #third-menu-mobile > li {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
  }
  #mega-menu > .container-fluid > .row #third-menu-mobile > li > div > ul.menu {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #a6a6a6;
    padding: 20px 0;
  }
  #mega-menu > .container-fluid > .row #third-menu-mobile > li > div > ul.menu > li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 0 1 25%;
    text-align: center !important;
  }
  #mega-menu > .container-fluid > .row #third-menu-mobile > li > div > ul.menu > li > a {
    color: #000044;
    font-size: 24px;
  }
  #mega-menu > .container-fluid > .row #third-menu-mobile > li > div > ul.menu > li > a:hover {
    color: #00FFFF;
  }

  footer.footer .footer-bg {
    width: 100vw;
    padding-left: 0;
  }
  footer.footer .footer-bg > .overlay {
    background-position: center top;
    background-size: contain;
  }
  footer.footer > .container-fluid.footer__menu {
    padding: 0 25px;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category {
    margin-bottom: 40px;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category:last-of-type:before {
    content: none;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category form {
    margin-top: 0;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category form p {
    font-size: 14px;
    max-width: 100%;
    margin-bottom: 20px;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category form:after {
    content: none;
  }
  footer.footer .footer__copyright {
    padding: 0 25px;
  }
  footer.footer .footer__copyright .footer__copyright--social {
    text-align: center;
    margin-top: 20px;
  }
  footer.footer .footer__copyright .footer__copyright--social ul li {
    padding: 0 20px;
  }
  footer.footer .footer__copyright .footer__copyright--social ul li a i {
    font-size: 32px;
  }
  footer.footer .footer__copyright .footer__copyright--item {
    margin-bottom: 40px;
  }

  #service > .services__letters-wrapper {
    display: none;
  }
  #service .frontpage__image-wrapper {
    height: 150% !important;
  }
  #service .dots-wrapper {
    height: 150% !important;
    top: 0 !important;
  }
  #service .dots-wrapper .dots {
    height: 150% !important;
  }
  #service .dots-wrapper .overlay {
    height: 150% !important;
  }
  #service > .services__introduction {
    padding-top: 0;
    height: calc(100% - 150px) !important;
  }
  #service > .services__introduction > .container-fluid {
    padding: 0 25px;
  }
  #service > .services__introduction > .container-fluid img.parent-category__image {
    margin: 20px auto 0 auto;
  }
  #service > .services__introduction > .container-fluid .parent-category__content {
    text-align: left;
  }
  #service > .services__introduction > .container-fluid .parent-category__content h1 {
    font-size: 9vw;
    margin: 0 0 25px 0;
  }
  #service > .services__introduction > .container-fluid .parent-category__content h2 {
    font-size: 6vw;
    color: #b3b3b3;
  }
  #service > .services__introduction > .container-fluid .parent-category__content .parent-category__paragraph, #service > .services__introduction > .container-fluid .parent-category__content p {
    font-size: 18px;
    font-family: "cf_asty_prolight", sans-serif !important;
    color: #FFF;
  }
  #service > .services__introduction > .container-fluid .parent-category__content a {
    display: block;
    margin: 40px 0;
    align-items: flex-end;
    align-self: flex-start;
  }
  #service > .services__powered-by {
    margin-bottom: 0;
  }
  #service > .services__powered-by > .dots-wrapper {
    height: 100vh !important;
  }
  #service > .services__powered-by > .dots-wrapper > .dots {
    height: 95vh !important;
    width: calc(100% - 30px) !important;
    background-position-x: 26px;
    background-position-y: 0;
    background-size: contain;
  }
  #service > .services__powered-by > .container-fluid {
    padding: 0 25px;
    position: relative;
    z-index: 10;
  }
  #service > .services__powered-by > .container-fluid .services__powered-by--content img {
    margin-bottom: 40px;
  }
  #service > .services__powered-by > .container-fluid .services__powered-by--content p {
    margin-top: 40px;
    font-family: "cf_asty_probook", sans-serif !important;
    font-size: 18px;
    color: var(--service_category_color);
  }

  .services__list {
    padding-top: 0;
  }
  .services__list > .container-fluid {
    padding: 0 25px;
  }
  .services__list > .container-fluid .services__logo {
    padding-top: 40px;
  }
  .services__list > .container-fluid .services__logo:before {
    width: 100%;
  }
  .services__list > .container-fluid .services__logo img {
    margin-top: 40px;
  }
  .services__list > .container-fluid .services__outer {
    padding-top: 30px;
    margin-bottom: 60px;
  }
  .services__list > .container-fluid .services__outer .services__inner:before {
    width: 100%;
  }
  .services__list > .container-fluid .services__outer .services__inner:after {
    width: calc(100% - 30px);
  }
  .services__list > .container-fluid .services__outer .services__inner:nth-child(n+2):before {
    display: none !important;
  }
  .services__list > .container-fluid .services__outer .services__inner:nth-last-child(-n+2):nth-last-child(-n+3):after {
    display: none !important;
  }
  .services__list > .container-fluid .services__outer .services__inner:nth-child(3n+3):before {
    width: 100%;
  }
  .services__list > .container-fluid .services__outer .services__inner:nth-child(3n+3):after {
    width: calc(100% - 30px);
  }
  .services__list > .container-fluid .services__outer h3 {
    font-family: "cf_asty_stdmediumd", sans-serif !important;
    font-size: 32px;
    color: var(--service_category_color);
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin: 0 0 35px 0;
    padding: 0;
  }
  .services__list > .container-fluid .services__outer h3:hover a {
    color: #00FFFF;
    text-decoration: none;
  }
  .services__list > .container-fluid .services__outer h3 a {
    color: var(--service_category_color);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .services__list > .container-fluid .services__outer .services__separator > .container-fluid {
    padding: 0 25px;
  }
  .services__list > .container-fluid .services__outer .services__separator:before {
    content: url(../img/services/cloud-isp-middle-bottom.png);
    display: flex;
    margin-bottom: 60px;
    padding-top: 20px;
  }
  .services__list > .container-fluid .services__outer .services__separator:after {
    content: url(../img/services/cloud-isp-middle-top.png);
    display: flex;
    padding-bottom: 30px;
  }
  .services__list > .container-fluid .services__outer .services__separator:first-of-type:before {
    content: "";
    display: none;
  }
  .services__list > .container-fluid .services__outer .services__separator:last-of-type:before {
    margin-bottom: 60px;
  }
  .services__list > .container-fluid .services__outer .services__separator:last-of-type:after {
    content: "";
    display: none;
  }
  .services__list > .container-fluid .services__outer ul {
    margin: 0 0 60px 0;
    padding: 0;
    list-style-type: none;
  }
  .services__list > .container-fluid .services__outer ul > li {
    margin-bottom: 12px;
  }
  .services__list > .container-fluid .services__outer ul > li > a {
    font-family: "cf_asty_probook", sans-serif !important;
    font-size: 20px;
    color: #FFF;
  }
  .services__list > .container-fluid .services__outer ul > li > a:hover {
    text-decoration: none;
    color: #00FFFF;
  }

  .services__related {
    padding: 60px 0 0 0;
  }
  .services__related > .container-fluid {
    padding: 0 25px;
  }
  .services__related > .container-fluid .services__related--post {
    display: flex;
    flex-direction: column-reverse;
  }
  .services__related > .container-fluid .services__related--post > .row {
    flex-wrap: wrap-reverse;
  }
  .services__related > .container-fluid .services__related--post > .row > .post__details {
    padding: 10px 15px 20px 15px;
  }
  .services__related > .container-fluid .services__related--post > .row > .post__details > span.post__date, .services__related > .container-fluid .services__related--post > .row > .post__details span.post__category {
    font-size: 14px;
  }
  .services__related > .container-fluid .services__related--post > .row > .post__details > h4.post__title {
    color: #000044;
    font-size: 18px;
    font-family: "cf_asty_probook", sans-serif !important;
    margin-bottom: 40px;
  }
  .services__related > .container-fluid .services__related--post > .row > .post__details a.post__read-more {
    margin-top: 0;
  }
  .services__related > .container-fluid .services__related--post > .row > .post__details a.post__read-more:after {
    right: 0;
    bottom: -7px;
  }
  .services__related > .container-fluid .services__related--post > .row > .col-12.col-lg-7.lazyloaded {
    height: 28.2485875706vw !important;
  }

  #service__category {
    margin-top: 0;
  }
  #service__category > .category__intro > .container-fluid {
    padding: 0 25px;
  }
  #service__category > .category__intro > .container-fluid .category__type:before {
    width: 100%;
    display: none;
  }
  #service__category > .category__intro > .container-fluid .category__type > span {
    font-size: 15px;
    display: inline-block;
    margin: 0 7px 0 0;
  }
  #service__category > .category__intro > .container-fluid .category__title:before {
    width: 100%;
  }
  #service__category > .category__intro > .container-fluid .category__title h1 {
    font-size: 9vw;
    margin: 25px 0 25px 0;
  }
  #service__category > .category__intro > .container-fluid .category__title h2 {
    font-size: 6vw;
    margin-bottom: 25px;
  }
  #service__category > .category__intro > .container-fluid .category__title p {
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
  }
  #service__category > .category__intro > .container-fluid .category__image {
    padding-top: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .service__categories {
    padding-top: 60px;
  }
  .service__categories > .container-fluid {
    padding: 0 25px;
  }
  .service__categories > .container-fluid .services__block {
    margin-bottom: 80px !important;
  }
  .service__categories > .container-fluid .services__block:last-of-type .service__categories--description:after {
    content: none;
  }
  .service__categories > .container-fluid .services__block .service__categories--title {
    margin-bottom: 20px;
  }
  .service__categories > .container-fluid .services__block .service__categories--title a {
    font-size: 28px;
  }
  .service__categories > .container-fluid .services__block .service__categories--description p {
    margin-top: 10px;
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
  }

  .services__actions {
    margin-bottom: 0;
  }
  .services__actions > .container-fluid {
    padding: 0 25px;
  }
  .services__actions > .container-fluid h3 {
    font-size: 7vw;
  }
  .services__actions > .container-fluid h4 {
    font-size: 20px;
    font-family: "cf_asty_prolight" !important;
    margin-bottom: 40px;
  }
  .services__actions > .container-fluid .services__actions--right .services__actions--pattern a {
    padding: 25px 30px;
  }
  .services__actions > .container-fluid .services__actions--right .services__actions--pattern a span:first-child {
    font-size: 24px;
    white-space: nowrap;
  }
  .services__actions > .container-fluid .services__actions--right .services__actions--pattern a span:last-child {
    font-size: 18px;
  }

  #product .frontpage__image-wrapper {
    height: 100%;
  }
  #product .frontpage__image-wrapper img {
    opacity: 0.75;
  }
  #product > .product__intro > .container-fluid {
    padding: 0 25px;
  }
  #product > .product__intro > .container-fluid .product__path:before {
    width: 100%;
    display: none;
  }
  #product > .product__intro > .container-fluid .product__path > span {
    font-size: 15px;
    display: inline-block;
    margin: 0 7px 0 0;
  }
  #product > .product__intro > .container-fluid .product__title h1 {
    font-size: 9vw;
    margin-bottom: 20px;
  }
  #product > .product__intro > .container-fluid .product__title h2 {
    font-size: 6vw;
    color: var(--service_category_color);
    font-family: "cf_asty_probook", sans-serif !important;
    margin-bottom: 30px;
  }
  #product > .product__intro > .container-fluid .product__title .product__paragraph, #product > .product__intro > .container-fluid .product__title p {
    font-size: 18px;
    color: #FFF;
    font-family: "cf_asty_prolight", sans-serif !important;
  }
  #product > .product_questions {
    margin-top: 40px;
  }
  #product > .product_questions > .container-fluid {
    margin-bottom: 20px;
    padding: 0 25px;
  }
  #product > .product_questions > .container-fluid .product__questions--fake-border:after {
    content: none;
  }
  #product > .product_questions > .container-fluid .product__questions--list:after {
    content: none;
  }
  #product > .product_questions > .container-fluid .product__questions--list .product__questions--single {
    margin-bottom: 35px;
  }
  #product > .product_questions > .container-fluid .product__questions--list .product__questions--single:before {
    content: url(../img/arrow_angled_down_right_small.png);
    display: flex;
    margin-bottom: 5px;
  }
  #product > .product_questions > .container-fluid .product__questions--list .product__questions--single:before:hover {
    cursor: pointer;
  }
  #product > .product_questions > .container-fluid .product__questions--list .product__questions--single a {
    font-size: 20px;
    margin-bottom: 60px;
  }
  #product > .product__service > .container-fluid {
    margin-bottom: 40px;
    padding: 0 25px;
  }
  #product > .product__service > .container-fluid .product__service--imagewrapper {
    height: 100%;
    left: 0;
  }
  #product > .product__service > .container-fluid h3 {
    font-size: 9vw;
    margin-bottom: 30px;
  }
  #product > .product__service > .container-fluid p {
    font-size: 20px;
  }
  #product > .product__features {
    margin-bottom: 0;
  }
  #product > .product__features > .container-fluid {
    padding: 0 25px;
  }
  #product > .product__features > .container-fluid h3 {
    font-size: 30px;
    margin-bottom: 40px;
  }
  #product > .product__features > .container-fluid .product__features--list {
    margin-bottom: 40px;
  }
  #product > .product__features > .container-fluid .product__features--list .feature__number {
    display: none;
  }
  #product > .product__features > .container-fluid .product__features--list .feature__title {
    margin-bottom: 20px;
  }
  #product > .product__features > .container-fluid .product__features--list .feature__title h4 {
    padding: 45px 20px;
    font-size: 27px;
  }
  #product > .product__features > .container-fluid .product__features--list .feature__paragraph {
    padding-left: 15px;
  }
  #product > .product__features > .container-fluid .product__features--list .feature__paragraph p:not(:empty) {
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
    margin-bottom: 60px;
  }
  #product > .product__features > .container-fluid .product__features--list .feature__paragraph p:not(:empty):nth-last-of-type(2), #product > .product__features > .container-fluid .product__features--list .feature__paragraph p:not(:empty):nth-last-child(2) {
    margin-bottom: 0;
  }
  #product > .product__features > .container-fluid .product__features--list .feature__paragraph p:not(:empty):before {
    margin-bottom: 15px;
  }
  #product > .product__features > .container-fluid .product__features--border {
    position: relative;
  }
  #product > .product__features > .container-fluid .product__features--border > div {
    position: relative;
  }
  #product > .product__features > .container-fluid .product__features--border > div:nth-of-type(2) {
    position: relative;
  }
  #product > .product__features > .container-fluid .product__features--border > div:nth-of-type(2):after {
    display: none;
  }
  #product > .product__features > .container-fluid .product__features--border > div:nth-of-type(3):after {
    display: none;
  }
  #product > .product__offers {
    margin-bottom: 40px;
  }
  #product > .product__offers > .container-fluid {
    padding: 0 25px;
  }
  #product > .product__offers > .container-fluid .offers__title {
    position: relative;
  }
  #product > .product__offers > .container-fluid .offers__title h3 {
    font-size: 9vw;
    margin-bottom: 20px;
  }
  #product > .product__offers > .container-fluid .offers__title:after {
    display: none;
  }
  #product > .product__offers > .container-fluid .offer__list {
    margin-top: 30px;
  }
  #product > .product__offers > .container-fluid .offer__list .offer__single {
    margin-bottom: 60px;
  }
  #product > .product__offers > .container-fluid .offer__list .offer__single:last-of-type {
    margin-bottom: 20px;
  }
  #product > .product__offers > .container-fluid .offer__list .offer__single > div:last-of-type {
    margin-top: 30px;
  }
  #product > .product__offers > .container-fluid .offer__list .offer__single span {
    font-size: 18px;
    padding: 8px 9px 8px 8px;
  }
  #product > .product__offers > .container-fluid .offer__list .offer__single h5 {
    font-size: 6vw;
    margin-bottom: 20px;
  }
  #product > .product__offers > .container-fluid .offer__list .offer__single p {
    font-size: 18px;
    font-family: "cf_asty_prolight", sans-serif !important;
  }
  #product .product__related {
    margin-top: 0;
    margin-bottom: 0;
  }
  #product .product__related > .container-fluid {
    padding: 0 25px;
  }
  #product .product__related > .container-fluid .product__related--pattern {
    margin-top: 40px;
  }
  #product .product__related > .container-fluid h3 {
    font-size: 9vw;
    margin-bottom: 25px;
  }
  #product .product__related > .container-fluid h4 {
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
    line-height: 1.5;
  }
  #product .product__related > .container-fluid .related__service a > span:first-of-type {
    font-size: 6vw;
  }
  #product .product__related > .container-fluid .related__service a > span:last-of-type {
    font-size: 18px;
  }

  .related__entities .services__related {
    padding: 60px 0 0 0;
  }
  .related__entities .services__related > .container-fluid {
    padding: 0 25px;
  }
  .related__entities .services__related > .container-fluid .services__related--post {
    display: flex;
    flex-direction: column-reverse;
  }
  .related__entities .services__related > .container-fluid .services__related--post > .row {
    flex-wrap: wrap-reverse;
  }
  .related__entities .services__related > .container-fluid .services__related--post .post__details > span.post__date {
    font-size: 20px;
  }
  .related__entities .services__related > .container-fluid .services__related--post .post__details > h4.post__title {
    color: #000044;
    font-size: 20px;
    font-family: "cf_asty_probook", sans-serif !important;
    margin-bottom: 40px;
  }
  .related__entities .services__related > .container-fluid .services__related--post .post__details a.post__read-more {
    margin-top: 10px;
  }
  .related__entities .services__related > .container-fluid .services__related--post .imagefill {
    height: 270px !important;
  }

  .link__inner-content {
    font-size: 22px;
  }
  .link__inner-content img {
    right: 30px;
    width: 40px;
  }

  #primary-menu-trigger, #secondary-menu-trigger {
    font-size: 24px !important;
  }
  #primary-menu-trigger:hover, #secondary-menu-trigger:hover {
    cursor: pointer;
  }

  #page__contact {
    margin-top: 0;
  }
  #page__contact > .container-fluid {
    padding: 0 25px;
  }
  #page__contact > .container-fluid .page__contact--content {
    font-size: 20px;
  }
  #page__contact > .container-fluid .page__contact--content:before {
    margin: 20px 0 20px 0;
    top: -15px;
  }
  #page__contact > .container-fluid .page__contact--content > .row {
    flex-wrap: wrap;
  }
  #page__contact > .container-fluid .page__contact--content p {
    font-size: 20px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content h1 {
    font-size: 32px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content h3 {
    font-size: 20px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content p {
    margin: 25px 0 0 0;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content p:first-of-type {
    margin: 25px 0 0 0;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content h4 {
    font-size: 18px;
    padding: 0;
    margin: 0;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content h4:last-of-type {
    margin-bottom: 40px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content a {
    margin: 60px 0 20px 0;
    font-size: 20px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content a:before {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content a:after {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content label {
    font-size: 20px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content label:before {
    width: calc(100% + 2px);
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content label:after {
    width: calc(100% + 2px);
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select {
    height: 35px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label {
    font-size: 18px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select::placeholder, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input::placeholder, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label::placeholder {
    font-size: 18px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap:before {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap:after {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image .mapouter {
    top: 20px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea {
    position: relative;
    top: 0;
    font-size: 18px;
    height: auto;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea::placeholder {
    font-size: 18px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image > input.wpcf7-form-control.wpcf7-submit {
    font-size: 18px;
    border-radius: 0;
    right: unset;
    top: unset;
    padding: 17px 0;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image:after {
    content: "";
    display: block;
    width: 100%;
    border: 1px solid black;
    border-top: none;
    height: 30px;
    margin-bottom: 50px;
    padding-bottom: 10px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image img {
    position: relative;
    top: -30px;
    z-index: -1;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image.no-bottom-image:after {
    content: none;
  }
  #page__contact > .container-fluid .page__contact--content form {
    padding: 0 15px;
  }

  #page__about {
    padding-bottom: 60px;
    margin-top: 0;
  }
  #page__about .dots-wrapper {
    height: 100% !important;
  }
  #page__about .dots-wrapper .overlay {
    height: calc(100% - 180px) !important;
  }
  #page__about > .container-fluid {
    padding: 0 25px;
  }
  #page__about > .container-fluid .page__about--sidebar {
    margin-top: 0;
    margin-bottom: 30px;
  }
  #page__about > .container-fluid .page__about--sidebar ul li a {
    transition: unset;
  }
  #page__about > .container-fluid .page__about--sidebar ul li a:not(.active):before {
    content: "";
    display: none;
  }
  #page__about > .container-fluid .page__about--sidebar ul li a:not(.active):hover {
    color: #0000FF;
    text-decoration: none;
    margin-left: 0;
  }
  #page__about > .container-fluid .page__about--sidebar ul li a:not(.active):hover:before {
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-right: 0;
    left: 0;
  }
  #page__about > .container-fluid .page__about--sidebar ul li a.active, #page__about > .container-fluid .page__about--sidebar ul li a[aria-current=page] {
    color: #0000FF;
    text-decoration: none;
  }
  #page__about > .container-fluid .page__about--content {
    font-size: 20px;
  }
  #page__about > .container-fluid .page__about--content:before {
    margin: 20px 0 20px 0;
  }
  #page__about > .container-fluid .page__about--content > .row:first-of-type {
    flex-wrap: wrap-reverse;
  }
  #page__about > .container-fluid .page__about--content p {
    font-size: 20px;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--content h1 {
    font-size: 9vw;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--content h3 {
    font-size: 7vw;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--content p {
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
    margin-bottom: 40px;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--content p:last-of-type {
    margin-bottom: 20px;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--image img {
    position: relative;
    top: -30px;
    z-index: -1;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--image:after {
    width: 100%;
    position: relative;
    bottom: 0;
  }
  #page__about > .container-fluid .page__about--content .about__form-block {
    margin-top: 0;
  }
  #page__about > .container-fluid .page__about--content .about__second-block--image > img {
    margin: 0 0 40px 0;
  }
  #page__about > .container-fluid .page__about--content .about__second-block--content {
    margin-top: 0;
  }
  #page__about > .container-fluid .page__about--content .about__second-block--content p {
    margin-bottom: 40px !important;
    font-size: 18px;
    line-height: 1.5;
    font-family: "cf_asty_prolight" !important;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--image {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    margin-top: 0;
    padding-top: 40px;
    text-align: center;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--image img {
    margin-bottom: 40px;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--content {
    color: #0000FF;
    margin-top: 0;
    padding-top: 40px;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--content img {
    display: none;
    left: 0;
  }

  #page__news {
    padding-bottom: 60px;
    margin-top: 0;
  }
  #page__news .dots-wrapper {
    height: 100% !important;
  }
  #page__news .dots-wrapper .overlay {
    height: calc(100% - 180px) !important;
  }
  #page__news > .container-fluid {
    padding: 0 25px;
  }
  #page__news > .container-fluid .page__news--sidebar {
    margin-top: 60px;
  }
  #page__news > .container-fluid .page__news--content {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content > .row:not(.news__rest-blocks--content) {
    max-height: unset;
    margin-bottom: 60px;
  }
  #page__news > .container-fluid .page__news--content.single:before {
    top: 0;
  }
  #page__news > .container-fluid .page__news--content.single > .row:after {
    bottom: -60px;
  }
  #page__news > .container-fluid .page__news--content p {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content:before {
    top: -30px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content {
    margin-top: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content h1 {
    font-size: 48px;
    margin: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post {
    margin-top: 20px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single {
    margin-top: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single > h2.post__title {
    font-size: 28px;
    margin-bottom: 25px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post > span.post__date {
    font-size: 18px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post > h2.post__title {
    font-size: 28px;
    margin-bottom: 25px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post p.post__excerpt {
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post a.post__read-more {
    margin-top: 40px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--image img {
    top: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--image:after {
    top: 30px;
    left: 0;
    margin-bottom: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content {
    font-size: 20px;
    margin-top: 120px;
    font-family: "cf_asty_prolight" !important;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content p {
    font-family: "cf_asty_prolight" !important;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content ul {
    margin: 20px 0 20px 25px;
    padding: 0;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content ul > li {
    font-size: 16px;
    font-family: "cf_asty_prolight" !important;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:before {
    display: block;
    content: "";
    border: 1px solid #000;
    border-bottom: none;
    height: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:after {
    display: block;
    content: "";
    border: 1px solid #000;
    height: 30px;
    border-top: none;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content {
    margin-top: 60px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small {
    margin-bottom: 70px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > span.post__date {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > h2.post__title {
    font-size: 28px;
    margin-bottom: 25px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small p.post__excerpt {
    margin-top: 25px;
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small a {
    margin-top: 40px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper {
    height: 50vw;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper .post__image--container {
    height: 50vw;
  }

  #page__support {
    margin-top: 0;
  }
  #page__support > .container-fluid {
    padding: 0 25px;
  }
  #page__support > .container-fluid > .row {
    flex-direction: row-reverse;
  }
  #page__support > .container-fluid > .row .page__support--content h1 {
    margin-bottom: 60px;
  }
  #page__support > .container-fluid > .row .page__support--content .support__first-block--content a {
    margin: 0 0 20px 0;
  }
  #page__support > .container-fluid > .row .page__support--content .support__first-block--image p {
    margin-bottom: 40px;
  }

  #page__gray {
    margin-top: 0;
  }
  #page__gray > .container-fluid {
    padding: 0 25px;
  }
  #page__gray > .container-fluid .page__gray--content .row.terms_of_use {
    margin-bottom: 35px;
  }
  #page__gray > .container-fluid .page__gray--content .row.terms_of_use div:first-of-type {
    font-size: 20px;
    font-family: "cf_asty_probook" !important;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  #page__gray > .container-fluid .page__gray--content .row.terms_of_use p {
    font-size: 18px;
    font-family: "cf_asty_prolight" !important;
    line-height: 1.5;
  }
  #page__gray > .container-fluid .page__gray--content .row.terms_of_use ul {
    padding: 0;
    margin: 20px 0 0 0;
  }
  #page__gray > .container-fluid .page__gray--content .row.terms_of_use ul > li {
    list-style-position: inside;
    font-size: 15px;
    font-family: "cf_asty_prolight" !important;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form {
    margin-bottom: 50px;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form h1 {
    color: #0000FF;
    font-size: 50px;
    margin: 0;
    padding: 0;
    width: 85%;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form h2 {
    color: #000078;
    font-size: 36px;
    margin: 0 0 28px 0;
    padding: 0;
    width: 85%;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first.simple-page__with-form p {
    margin: 0;
    padding: 0;
    width: 85%;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a {
    color: #000044;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a:active, #page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a:focus {
    color: #000044;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a:hover {
    color: #0000FF;
    text-decoration: none;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first p.faq__question a[aria-expanded=true] {
    color: #0000FF;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first .faq__answer p {
    font-family: "cf_asty_prolight", sans-serif !important;
    font-size: 18px;
    margin: 0;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first:before {
    content: "";
    display: flex;
    border: 1px solid black;
    border-bottom: none;
    height: 30px;
    z-index: 1;
    position: relative;
    top: -30px;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent {
    display: block;
    margin: 160px 0 60px 0;
    padding: 0;
    line-height: 1;
    color: #000044;
    font-size: 36px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: calc(100% + 31px);
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent .link__inner-content {
    padding: 0 10px;
    position: relative;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover {
    background-color: blue;
    text-decoration: none;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover .link__inner-content {
    text-decoration: none;
    color: #FFF;
    padding: 0 10px;
    position: relative;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover .link__inner-content img {
    position: absolute;
    right: -25px;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover:before {
    border-color: #0000FF;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:hover:after {
    border-color: #0000FF;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:before {
    display: block;
    content: "";
    margin-bottom: 12px;
    border: 1px solid black;
    border-bottom: none;
    height: 30px;
    width: 100%;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent:after {
    display: block;
    content: "";
    margin-top: 12px;
    border: 1px solid black;
    border-top: none;
    height: 30px;
    width: 100%;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-first a.faq__back-to-parent img {
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-second.simple-page__with-form {
    position: relative;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-second.simple-page__with-form img {
    position: absolute;
    top: -30px;
    right: 15px;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-second.simple-page__with-form p {
    font-size: 18px;
  }
  #page__gray > .container-fluid .page__gray--content .page__gray--block-second:before {
    content: "";
    display: flex;
    border: 1px solid black;
    border-bottom: none;
    height: 30px;
    z-index: 1;
    position: relative;
    top: -30px;
    margin-left: -31px;
  }

  header .header__main-menu--mobile > .old-label {
    height: 32px;
    width: 32px;
    z-index: 5;
    position: relative;
    margin-left: auto;
    display: block;
  }
  header .header__main-menu--mobile > .old-label:hover, header .header__main-menu--mobile > .old-label:active {
    cursor: pointer;
  }
  header .header__main-menu--mobile > .old-label:hover span, header .header__main-menu--mobile > .old-label:active span {
    background: #00FFFF;
  }
  header .header__main-menu--mobile > .old-label span {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 66%;
    margin-top: -1px;
    left: 0;
    display: block;
    background: #FFF;
    transition: 0.5s;
  }
  header .header__main-menu--mobile > .old-label span:first-child {
    top: 33%;
  }
  header .header__main-menu--mobile > .old-label span:last-child {
    top: 100%;
  }
  header.header__gray .header__main-menu--mobile > .old-label:hover, header.header__gray .header__main-menu--mobile > .old-label:active {
    cursor: pointer;
  }
  header.header__gray .header__main-menu--mobile > .old-label:hover span, header.header__gray .header__main-menu--mobile > .old-label:active span {
    background: #0000FF;
  }
  header.header__gray .header__main-menu--mobile > .old-label span {
    background: #000044;
  }

  a.generic__special-link {
    margin: 40px 0 20px 0;
  }
  a.generic__special-link:before, a.generic__special-link:after {
    width: calc(100% - 30px);
  }
  a.generic__special-link img {
    width: 40px;
    right: 30px;
  }

  @keyframes moving_line {
    0% {
      opacity: 0;
      height: 10px;
    }
    40% {
      opacity: 1;
    }
    80% {
      opacity: 0;
      height: 51%;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes moving_ball {
    0% {
      transform: translate(0, 0);
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
    80% {
      transform: translate(0, 35px);
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  .mobileAboutOpenMenuTrigger {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #000078;
    background: rgba(0, 0, 0, 0.1);
    padding: 3px 10px;
  }
}
/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #frontpage > .frontpage__introduction > .frontpage__first-slide > h1 {
    min-height: 129px;
  }
  #frontpage > .frontpage__introduction > .frontpage__first-slide > section#frontpage__scroll-down a {
    bottom: 20%;
  }
  #frontpage > .frontpage__introduction p {
    width: 80%;
  }
  #frontpage > .frontpage__introduction a.frontpage__read-more {
    font-size: 18px;
    padding: 11px 100px;
  }

  #frontpage__single-project .frontpage__single-project--info > h3 {
    font-size: 48px;
  }
  #frontpage__single-project .frontpage__single-project--info > h4 {
    font-size: 28px;
  }
  #frontpage__single-project .frontpage__single-project--info > p {
    font-size: 20px;
  }
  #frontpage__single-project .frontpage__single-project--info > a {
    font-size: 18px;
    padding: 11px 100px;
  }
  #frontpage__single-project .frontpage__collabs--info h2.frontpage__subtitle {
    font-size: 48px;
  }
  #frontpage__single-project .frontpage__collabs--images a {
    font-size: 18px;
    padding: 11px 100px;
  }

  #frontpage__customer-stories > h2.frontpage__subtitle {
    font-size: 48px;
  }

  #frontpage__help h2.frontpage__subtitle {
    font-size: 40px;
  }
  #frontpage__help .frontpage__help--block > a .link__inner-content h4 {
    font-size: 28px;
  }
  #frontpage__help .frontpage__help--block p:not(:empty) {
    font-size: 20px;
  }

  #mega-menu > .modal-container {
    display: none;
  }
  #mega-menu > .color-container {
    width: 100vw;
  }
  #mega-menu > .gray-dots-wrapper {
    width: 100vw;
  }
  #mega-menu > .button-container {
    right: 0;
    top: 0;
    left: unset;
    padding: 40px 15px;
    z-index: 116;
  }
  #mega-menu > .container-fluid {
    padding: 0 15px;
  }
  #mega-menu > .container-fluid > .row {
    width: unset;
  }
  #mega-menu > .container-fluid > .row > .header__menu {
    height: auto !important;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__logo {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin-top: 30px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__logo img {
    height: auto;
    max-height: 40px;
    padding-left: 20px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu {
    margin-top: 20px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul {
    margin: 0;
    flex-wrap: wrap;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li {
    font-size: 14px;
    width: auto;
    flex: 1 0 100%;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #9a9a9a;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li:first-of-type {
    border-top: 1px solid #9a9a9a;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li:last-of-type {
    width: auto;
    flex: 1 0 100%;
    border-left: none;
    border-right: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > a {
    color: #000044;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul {
    height: 0;
    opacity: 0;
    position: relative;
    top: unset;
    left: unset;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul:before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul:after {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li {
    flex: 1 0 100%;
    text-align: left;
    margin-bottom: 0;
    position: relative;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(4n) {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(8):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(12):before {
    border-right: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(5):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(6):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(7):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(8):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(9):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(10):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(11):before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:nth-of-type(12):before {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > a {
    font-size: 12px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > a:before {
    content: "-";
    display: inline-block;
    margin-right: 5px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:before, #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li:after {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul > li > ul.sub-menu {
    display: none;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li {
    padding: 0;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 21px 0;
    color: #000044;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a.is-active {
    color: #0000FF;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li > a.is-active:after {
    content: "\f106";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li.menu-item-has-children > ul.sub-menu {
    height: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: -20px;
  }
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu:not(.hidden) > ul > li.menu-item-has-children > ul.sub-menu.is-active {
    height: 100%;
    opacity: 1;
  }
  #mega-menu > .container-fluid > .row > #secondary-menu-mobile {
    display: block;
    top: 10px;
  }
  #mega-menu > .container-fluid > .row > #secondary-menu-mobile ul.header__secondary-menu--icons {
    border-color: #9a9a9a;
  }

  footer.footer > .container-fluid.footer__menu .footer__menu--category {
    margin-bottom: 40px;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category:last-of-type:before {
    content: none;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category form {
    margin-top: 40px;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category form:after {
    content: none;
  }
  footer.footer .footer__copyright .footer__copyright--social {
    text-align: center;
    margin-top: 20px;
  }
  footer.footer .footer__copyright .footer__copyright--social ul li a i {
    font-size: 32px;
  }
  footer.footer .footer__copyright .footer__copyright--item {
    margin-bottom: 40px;
  }

  #service > .services__letters-wrapper {
    display: none;
  }
  #service > .services__introduction .parent-category__content h2 {
    margin: 0 auto 40px auto;
  }
  #service > .services__introduction .parent-category__content .parent-category__paragraph, #service > .services__introduction .parent-category__content p {
    margin: 0 auto;
  }
  #service .services__powered-by {
    margin-bottom: 0;
  }
  #service .services__powered-by > .container-fluid {
    padding: 0 25px;
    position: relative;
    z-index: 10;
  }
  #service .services__powered-by > .container-fluid .services__powered-by--content img {
    margin-bottom: 40px;
  }
  #service .services__powered-by > .container-fluid .services__powered-by--content p {
    margin-top: 40px;
    font-family: "cf_asty_probook", sans-serif !important;
    font-size: 18px;
    color: var(--service_category_color);
  }

  .services__related > .container-fluid .services__related--post {
    display: flex;
    flex-direction: column-reverse;
  }
  .services__related > .container-fluid .services__related--post > .row {
    flex-wrap: wrap-reverse;
  }
  .services__related > .container-fluid .services__related--post .post__details > span.post__date {
    font-size: 20px;
  }
  .services__related > .container-fluid .services__related--post .post__details > h4.post__title {
    color: #000044;
    font-size: 20px;
    font-family: "cf_asty_probook", sans-serif !important;
    margin-bottom: 40px;
  }
  .services__related > .container-fluid .services__related--post .post__details a.post__read-more {
    margin-top: 10px;
  }
  .services__related > .container-fluid .services__related--post .imagefill {
    height: 350px !important;
  }

  #service__category > .category__intro > .container-fluid .category__type:before {
    width: calc(100% + 31px);
  }

  #product .frontpage__image-wrapper {
    height: 100%;
  }
  #product .frontpage__image-wrapper img {
    opacity: 0.75;
  }
  #product > .product__intro > .container-fluid .product__path:before {
    width: calc(100% + 31px);
  }
  #product .offer__list {
    margin-top: 40px;
  }
  #product .offer__list .offer__single {
    margin-bottom: 60px;
  }
  #product .offer__list .offer__single span {
    font-size: 18px;
    padding: 8px 9px 8px 8px;
  }
  #product .offer__list .offer__single h5 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  #product .offer__list .offer__single p {
    font-size: 18px;
    font-family: "cf_asty_prolight", sans-serif !important;
  }

  #primary-menu-trigger, #secondary-menu-trigger {
    font-size: 32px !important;
  }
  #primary-menu-trigger:hover, #secondary-menu-trigger:hover {
    cursor: pointer;
  }

  #page__contact > .container-fluid .page__contact--content {
    font-size: 20px;
  }
  #page__contact > .container-fluid .page__contact--content:before {
    margin: 60px 0 30px 0;
  }
  #page__contact > .container-fluid .page__contact--content > .row {
    flex-wrap: wrap-reverse;
  }
  #page__contact > .container-fluid .page__contact--content p {
    font-size: 20px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content h1 {
    font-size: 38px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content h3 {
    font-size: 24px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content p:first-of-type {
    margin: 25px 0 0 0;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content h4 {
    font-size: 24px;
    padding: 0;
    margin: 0;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content a {
    margin: 60px 0 20px 0;
    font-size: 24px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content a:before {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content a:after {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content label {
    font-size: 24px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content label:before {
    width: calc(100% + 2px);
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content label:after {
    width: calc(100% + 2px);
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label {
    font-size: 24px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap > select::placeholder, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap input::placeholder, #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap label::placeholder {
    font-size: 24px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap:before {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--content span.wpcf7-form-control-wrap:after {
    width: 100%;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea {
    position: relative;
    top: 0;
    font-size: 28px;
    height: auto;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image span.wpcf7-form-control-wrap > textarea::placeholder {
    font-size: 28px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image > input.wpcf7-form-control.wpcf7-submit {
    font-size: 28px;
    border-radius: 0;
    right: unset;
    top: unset;
    margin-top: -10px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image:after {
    content: "";
    display: block;
    width: 100%;
    border: 1px solid black;
    border-top: none;
    height: 30px;
    margin-bottom: 50px;
    padding-bottom: 10px;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image img {
    position: relative;
    top: -30px;
    z-index: -1;
  }
  #page__contact > .container-fluid .page__contact--content .contact__first-block--image.no-bottom-image:after {
    content: none;
  }

  #page__about {
    padding-bottom: 60px;
  }
  #page__about .dots-wrapper {
    height: 100% !important;
  }
  #page__about .dots-wrapper .overlay {
    height: calc(100% - 180px) !important;
  }
  #page__about > .container-fluid .page__about--content {
    font-size: 20px;
  }
  #page__about > .container-fluid .page__about--content:before {
    margin: 60px 0 30px 0;
  }
  #page__about > .container-fluid .page__about--content > .row:first-of-type {
    flex-wrap: wrap-reverse;
  }
  #page__about > .container-fluid .page__about--content p {
    font-size: 20px;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--content h1 {
    font-size: 48px;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--content h3 {
    font-size: 28px;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--content p {
    margin-bottom: 40px;
  }
  #page__about > .container-fluid .page__about--content .about__first-block--image img {
    position: relative;
    top: -30px;
    z-index: -1;
  }
  #page__about > .container-fluid .page__about--content .about__second-block--image > img {
    margin: 0 0 40px 0;
  }
  #page__about > .container-fluid .page__about--content .about__second-block--content p:first-of-type {
    margin-bottom: 0 !important;
  }
  #page__about > .container-fluid .page__about--content .about__second-block--content p:not(:first-of-type) {
    margin-bottom: 90px !important;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--image {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    margin-top: 0;
    padding-top: 40px;
    text-align: center;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--image img {
    margin-bottom: 40px;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--content {
    color: #0000FF;
    margin-top: 0;
    padding-top: 40px;
  }
  #page__about > .container-fluid .page__about--content .about__third-block--content img {
    display: none;
    left: 0;
  }

  #page__news {
    padding-bottom: 60px;
  }
  #page__news .dots-wrapper {
    height: 100% !important;
  }
  #page__news .dots-wrapper .overlay {
    height: calc(100% - 180px) !important;
  }
  #page__news > .container-fluid .page__news--content {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content > .row:not(.news__rest-blocks--content) {
    max-height: unset;
  }
  #page__news > .container-fluid .page__news--content.single > .row:after {
    bottom: -20px;
  }
  #page__news > .container-fluid .page__news--content p {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content:before {
    top: -30px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content {
    margin-top: 30px;
    max-height: unset;
    overflow-y: unset;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content h1 {
    font-size: 48px;
    margin: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post {
    margin-top: 20px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single {
    margin-top: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single > h2.post__title {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post > span.post__date {
    font-size: 18px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post > h2.post__title {
    font-size: 28px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post p.post__excerpt {
    font-size: 18px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post a.post__read-more {
    margin-top: 40px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--image img {
    top: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--image:after {
    top: 30px;
    left: 0;
    margin-bottom: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__second-block--image:after {
    height: 30px;
    bottom: -30px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content {
    font-size: 20px;
    margin-top: 70px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:before {
    display: block;
    content: "";
    border: 1px solid #000;
    border-bottom: none;
    height: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:after {
    display: block;
    content: "";
    border: 1px solid #000;
    height: 30px;
    border-top: none;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content {
    margin-top: 60px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small {
    margin-bottom: 70px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > span.post__date {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > h2.post__title {
    font-size: 28px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small p.post__excerpt {
    font-size: 18px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper {
    height: 300px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper .post__image--container {
    height: 300px;
  }

  header .header__main-menu--mobile > .old-label {
    height: 32px;
    width: 32px;
    z-index: 5;
    position: relative;
    margin-left: auto;
    display: block;
  }
  header .header__main-menu--mobile > .old-label:hover, header .header__main-menu--mobile > .old-label:active {
    cursor: pointer;
  }
  header .header__main-menu--mobile > .old-label:hover span, header .header__main-menu--mobile > .old-label:active span {
    background: #00FFFF;
  }
  header .header__main-menu--mobile > .old-label span {
    position: absolute;
    width: 100%;
    height: 3px;
    top: 66%;
    margin-top: 1px;
    display: block;
    background: #FFF;
    transition: 0.5s;
  }
  header .header__main-menu--mobile > .old-label span:first-child {
    top: 33%;
  }
  header .header__main-menu--mobile > .old-label span:last-child {
    top: 100%;
  }
  header.header__gray .header__main-menu--mobile > .old-label:hover span, header.header__gray .header__main-menu--mobile > .old-label:active span {
    background: #0000FF;
  }
  header.header__gray .header__main-menu--mobile > .old-label span {
    background: #000044;
  }

  .services__actions {
    margin-bottom: 0;
  }
  .services__actions > .container-fluid h3 {
    font-size: 32px;
  }
  .services__actions > .container-fluid h4 {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .services__actions > .container-fluid a span:first-child {
    font-size: 28px;
  }
  .services__actions > .container-fluid a span:last-child {
    font-size: 18px;
  }

  .services__list > .container-fluid .services__outer .services__inner:nth-child(n+3):before {
    display: none !important;
  }
  .services__list > .container-fluid .services__outer .services__inner:nth-last-child(3):after {
    display: none !important;
  }
}
/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #frontpage > .frontpage__introduction p {
    width: 80%;
  }
  #frontpage > .frontpage__introduction a.frontpage__read-more {
    font-size: 18px;
    padding: 11px 100px;
  }

  #frontpage-content {
    padding: 0;
  }
  #frontpage-content .frontpage__infrastructure h2.frontpage__subtitle {
    font-size: 48px;
  }
  #frontpage-content .frontpage__4-blocks {
    padding: 0 40px;
  }
  #frontpage-content .frontpage__4-blocks .frontpage__content--single {
    margin-bottom: 80px;
  }
  #frontpage-content .frontpage__4-blocks .frontpage__content--single:before {
    width: 100%;
  }
  #frontpage-content .frontpage__4-blocks .frontpage__content--single:last-of-type:before {
    width: 100%;
  }
  #frontpage-content .frontpage__4-blocks h3.project__title {
    font-size: 36px;
  }
  #frontpage-content .frontpage__4-blocks p.project__description, #frontpage-content .frontpage__4-blocks p {
    font-size: 20px;
  }

  #frontpage__single-project .frontpage__single-project--info > h3 {
    font-size: 48px;
  }
  #frontpage__single-project .frontpage__single-project--info > h4 {
    font-size: 28px;
  }
  #frontpage__single-project .frontpage__single-project--info > p {
    font-size: 20px;
  }
  #frontpage__single-project .frontpage__single-project--info > a {
    font-size: 18px;
    padding: 11px 100px;
  }
  #frontpage__single-project .frontpage__collabs--info h2.frontpage__subtitle {
    font-size: 48px;
  }
  #frontpage__single-project .frontpage__collabs--images a {
    font-size: 18px;
    padding: 11px 100px;
  }

  #frontpage__customer-stories > h2.frontpage__subtitle {
    font-size: 48px;
  }

  #frontpage__help h2.frontpage__subtitle {
    font-size: 40px;
  }
  #frontpage__help .frontpage__help--block > a .link__inner-content h4 {
    font-size: 28px;
  }
  #frontpage__help .frontpage__help--block p:not(:empty) {
    font-size: 20px;
  }

  #mega-menu > .modal-container {
    left: 88vw;
  }
  #mega-menu > .color-container {
    width: 88vw;
  }
  #mega-menu > .gray-dots-wrapper {
    width: 88vw;
  }
  #mega-menu > .button-container {
    left: 88vw;
  }
  #mega-menu > .container-fluid > .row > .header__menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  #mega-menu > .container-fluid > .row > .header__menu .header__logo {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #mega-menu > .container-fluid > .row > .header__menu .header__logo img {
    height: auto;
    max-height: 40px;
  }
  #mega-menu > .container-fluid > .row > .header__menu .header__main-menu > ul > li.menu-item-has-children > ul {
    overflow-y: scroll !important;
  }

  footer.footer > .container-fluid.footer__menu .footer__menu--category {
    margin-bottom: 40px;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category:last-of-type:before {
    content: none;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category form {
    margin-top: 40px;
  }
  footer.footer > .container-fluid.footer__menu .footer__menu--category form:after {
    content: none;
  }
  footer.footer .footer__copyright .footer__copyright--social {
    text-align: center;
    margin-top: 20px;
  }
  footer.footer .footer__copyright .footer__copyright--social ul li a i {
    font-size: 32px;
  }
  footer.footer .footer__copyright .footer__copyright--item {
    margin-bottom: 40px;
  }

  .services__related > .container-fluid .services__related--post {
    display: flex;
    flex-direction: column-reverse;
  }
  .services__related > .container-fluid .services__related--post img {
    left: 0 !important;
  }
  .services__related > .container-fluid .services__related--post > .row {
    flex-wrap: wrap-reverse;
  }
  .services__related > .container-fluid .services__related--post .post__details > span.post__date {
    font-size: 20px;
  }
  .services__related > .container-fluid .services__related--post .post__details > h4.post__title {
    color: #000044;
    font-size: 20px;
    font-family: "cf_asty_probook", sans-serif !important;
    margin-bottom: 40px;
  }
  .services__related > .container-fluid .services__related--post .post__details a.post__read-more {
    margin-top: 10px;
  }

  #service__category > .category__intro > .container-fluid .category__type:before {
    width: calc(100% + 31px);
  }

  #product .frontpage__image-wrapper {
    height: 100%;
  }
  #product .frontpage__image-wrapper img {
    opacity: 0.75;
  }
  #product > .product__intro > .container-fluid .product__path:before {
    width: calc(100% + 31px);
  }

  #primary-menu-trigger, #secondary-menu-trigger {
    font-size: 32px !important;
  }
  #primary-menu-trigger:hover, #secondary-menu-trigger:hover {
    cursor: pointer;
  }

  #page__news {
    padding-bottom: 60px;
  }
  #page__news .dots-wrapper {
    height: 100% !important;
  }
  #page__news .dots-wrapper .overlay {
    height: calc(100% - 180px) !important;
  }
  #page__news > .container-fluid .page__news--content {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content p {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content:before {
    top: -30px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content {
    margin-top: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content h1 {
    font-size: 48px;
    margin: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post {
    margin-top: 20px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single {
    margin-top: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post.news__post--single > h2.post__title {
    font-size: 48px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post > span.post__date {
    font-size: 18px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post > h2.post__title {
    font-size: 28px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post p.post__excerpt {
    font-size: 18px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--content .news__post a.post__read-more {
    margin-top: 40px;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--image img {
    top: 0;
  }
  #page__news > .container-fluid .page__news--content .news__first-block--image:after {
    top: 30px;
    left: 0;
    margin-bottom: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content {
    font-size: 20px;
    margin-top: 70px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:before {
    display: block;
    content: "";
    border: 1px solid #000;
    border-bottom: none;
    height: 30px;
  }
  #page__news > .container-fluid .page__news--content .news__post--single-content nav .nav-links a:after {
    display: block;
    content: "";
    border: 1px solid #000;
    height: 30px;
    border-top: none;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content {
    margin-top: 60px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small {
    margin-bottom: 70px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > span.post__date {
    font-size: 20px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small > h2.post__title {
    font-size: 28px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small p.post__excerpt {
    font-size: 18px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper {
    height: 300px;
  }
  #page__news > .container-fluid .page__news--content .news__rest-blocks--content .news__post--small .post__image--wrapper .post__image--container {
    height: 300px;
  }

  .services__actions {
    margin-bottom: 0;
  }
  .services__actions > .container-fluid h3 {
    font-size: 32px;
  }
  .services__actions > .container-fluid h4 {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .services__actions > .container-fluid a span:first-child {
    font-size: 28px;
  }
  .services__actions > .container-fluid a span:last-child {
    font-size: 18px;
  }
}
/* Large devices (large desktops, 1200px and up) */
/* Custom breakpoints */
@media screen and (min-width: 1200px) and (max-width: 1349px) {
  header > .container-fluid > .row > .header__menu .header__main-menu > ul > li {
    font-size: 13px;
  }

  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li {
    font-size: 13px;
  }
}
@media screen and (min-width: 1350px) and (max-width: 1555px) {
  header > .container-fluid > .row > .header__menu .header__main-menu > ul > li {
    font-size: 14px;
  }

  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li {
    font-size: 14px;
  }
}
.header__secondary-menu--mobile {
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#primary-menu-trigger, #secondary-menu-trigger {
  font-size: 32px;
}
#primary-menu-trigger:hover, #secondary-menu-trigger:hover {
  cursor: pointer;
}

#rest-of-the-languages {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: red;
  position: absolute;
  top: 60px;
  right: 14px;
  background-color: #E6E6E6;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 22, 0.5);
  padding: 15px 0;
  width: 100px;
}

@media screen and (min-width: 1190px) and (max-width: 1370px) {
  #frontpage-content .frontpage__4-blocks .frontpage__content--single p.project__description, #frontpage-content .frontpage__4-blocks .frontpage__content--single p {
    font-size: 20px;
  }
}
@media screen and (min-width: 1190px) and (max-width: 1600px) {
  .services__list > .container-fluid .services__outer .services__inner h3 {
    min-height: 78px;
  }
}
@media screen and (min-width: 991px) and (max-width: 1920px) and (min-height: 550px) and (max-height: 905px) {
  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul.sub-menu {
    height: fit-content;
    max-height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden !important;
  }

  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul.sub-menu::-webkit-scrollbar {
    width: 5px;
  }

  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul.sub-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul.sub-menu::-webkit-scrollbar-thumb {
    background: #888;
  }

  #mega-menu > .container-fluid > .row > .header__menu > .row .header__main-menu > ul > li.menu-item-has-children > ul.sub-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}

/*# sourceMappingURL=style.css.map */