/*!
Theme Name: Kantora studio

Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain:  Kantora studio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

*/
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Regular.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Regular'), local('/wp-content/themes/kantora/asset/css/font/Gilroy-Regular'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Regular.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Regular.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-ExtraboldItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Extrabold Italic'), local('/wp-content/themes/kantora/asset/css/font/Gilroy-ExtraboldItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ExtraboldItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ExtraboldItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Bold.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Bold'), local('Gilroy-Bold'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Bold.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Bold.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Black.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Black'), local('Gilroy-Black'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Black.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Black.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Light.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Light'), local('Gilroy-Light'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Light.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Light.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Semibold.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Semibold'), local('Gilroy-Semibold'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Semibold.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Semibold.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Medium.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Medium'), local('Gilroy-Medium'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Medium.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Medium.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-MediumItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-MediumItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-MediumItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-BlackItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Black Italic'), local('Gilroy-BlackItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BlackItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BlackItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLight.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy UltraLight'), local('Gilroy-UltraLight'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLight.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLight.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-RegularItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-RegularItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-RegularItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-SemiboldItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-SemiboldItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-SemiboldItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-HeavyItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-HeavyItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-HeavyItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Extrabold.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Extrabold'), local('Gilroy-Extrabold'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Extrabold.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Extrabold.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-BoldItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BoldItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BoldItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLightItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLightItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLightItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-UltraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-LightItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Light Italic'), local('Gilroy-LightItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-LightItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-LightItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Heavy.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Heavy'), local('Gilroy-Heavy'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Heavy.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Heavy.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-Thin.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Thin'), local('Gilroy-Thin'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Thin.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Thin.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/themes/kantora/asset/css/font/Gilroy-ThinItalic.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ThinItalic.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ThinItalic.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/Gilroy-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'RF Dewi Expanded';
  src: url('/wp-content/themes/kantora/asset/css/font/RFDewi/RFDewiExpanded-Black.eot');
  src: local('/wp-content/themes/kantora/asset/css/font/RFDewi/RF Dewi Expanded Black'), local('/wp-content/themes/kantora/asset/css/font/RFDewi/RFDewiExpanded-Black'),
      url('/wp-content/themes/kantora/asset/css/font/RFDewi/RFDewiExpanded-Black.eot?#iefix') format('embedded-opentype'),
      url('/wp-content/themes/kantora/asset/css/font/RFDewi/RFDewiExpanded-Black.woff2') format('woff2'),
      url('/wp-content/themes/kantora/asset/css/font/RFDewi/RFDewiExpanded-Black.woff') format('woff'),
      url('/wp-content/themes/kantora/asset/css/font/RFDewi/RFDewiExpanded-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

 html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

/**
 * 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 */
  -webkit-text-decoration: underline dotted;
  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; }

html {
  width: 100%;
  font-family: 'Gilroy', Arial, serif;
  font-size: 16px;
  position: relative;
  overflow-x: hidden; 
}

body {
  min-width: 320px;
  max-width: 2100px;
  font-family: 'Gilroy', Arial, serif;
  font-size: 18px;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.2em;
  color: #1D1E1C;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden; 
  display: none;
  z-index: 3;
  cursor: url('/wp-content/themes/kantora/asset/images/common/cursor-body.png'), default !important; 
}

body::before {
  transform: perspective(0.5em) rotateX(-2deg);
  transform-origin: top;
  bottom: 0%;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -1;
  content: "";
  z-index: 3;
  background: #fff;
  opacity: .8;
  position: fixed;
  display: block;
  left: 50%;
  transition: all .3s linear;
}

/*body::after {
  content: "";
  width: 0;
  height: 0;
  z-index: 3;
  background: #fff;
  opacity: .6;
  position: fixed;
  display: block;
  bottom: 0;
  right: 0;
  transition: all .3s linear;
}*/

.body-overflow {
  overflow: hidden !important;
  height: 100vh;
  z-index: 3;
}

.body-overflow::before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  opacity: .3;
  position: fixed;
  display: block;
  left: 0;
  transform: perspective(0) rotateX(0);
  transform-origin: top;
  bottom: 0;
}

/*.body-overflow::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  opacity: .3;
  position: fixed;
  display: block;
  bottom: 0;
  right: 0;
}*/

*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none; }

ul[class],
ol[class] {
  list-style: none;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto; }

img {
  max-width: 100%;
  display: block; }

input,
button,
textarea,
select {
  font: inherit;
  outline: none; }

audio,
canvas,
iframe,
img,
svg,
video,
textarea {
  vertical-align: middle; }

textarea {
  resize: none; }

section {
  position: relative; }

input,
select,
button {
  outline: none; }

  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1366px !important;
  }

  @media (max-width: 1367px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 90% !important;
    }
  
  }

  .cursor-hover:hover {
    cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
  }

.loading-page-wrapper {	
    background: #fff;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 999999;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    transition: 0.5s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    }

    .loading-line-bg {
      height: 20px;
      margin: 20px auto 10px;
      width: 55%;
      background: #C4C4C4;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      position: relative;
    }

    .counter {
      position: absolute;
      font-family: 'Press Start 2P', cursive;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 14px;
      color: #fff;
      left: 50%;
      transform: translateX(-50%);
    }
    
  .loading-page {
    background: #1B22F6;
    width: 100%;
    height: 100%;
    }	

    
  .transition-opacity {
    opacity: 0;
  }
  
  .dispaynone {
    display: none;
  }

  .loading-page-wrapper .widget_text {
    font-family: 'Press Start 2P', cursive;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
  }

.home-page {
  min-width: 100vw;
  min-height: 100vh;
  background: #1B22F6;
}

.home-page-container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.home-text-background {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 5% 0 6%;
  overflow: hidden;
}

@-webkit-keyframes text-row {
  0% {transform: translateX(0);}
  50% {transform: translateX(-60%);}
  100% {transform: translateX(0);}
}

@keyframes text-row {
  0% {transform: translateX(0);}
  50% {transform: translateX(-60%);}
  100% {transform: translateX(0);}
}

@-webkit-keyframes text-row-second {
  0% {transform: translateX(-60%);}
  50% {transform: translateX(0%);}
  100% {transform: translateX(-60%);}
}

@keyframes text-row-second {
  0% {transform: translateX(-60%);}
  50% {transform: translateX(0%);}
  100% {transform: translateX(-60%);}
}

.text-background-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250%;
  -webkit-animation: text-row 110s infinite linear;
          animation: text-row 110s infinite linear;
  padding: 5% 0;
}

.text-background-row:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250%;
  -webkit-animation: text-row-second 110s infinite linear;
          animation: text-row-second 110s infinite linear;
}

.text-background-row div {
  font-size: 48px;
  line-height: 58px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-family: 'RF Dewi Expanded';
  font-weight: 900;
  font-style: normal;
}

.text-background-row div:nth-child(2n) {
  -webkit-text-stroke: 2px #ffffff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #ffffff;
  color: #1B22F6;
}
@-webkit-keyframes glitch {
  0% {
    transform: skew(-63deg);
  }
  5% {
    transform: skew(43deg);
  }
  10% {
    transform: skew(-32deg);
  }
  15% {
    transform: skew(-23deg);
  }
  20% {
    transform: skew(50deg);
  }
  25% {
    transform: skew(-5deg);
  }
  30% {
    transform: skew(73deg);
  }
  35% {
    transform: skew(81deg);
  }
  40% {
    transform: skew(52deg);
  }
  45% {
    transform: skew(-10deg);
  }
  50% {
    transform: skew(-16deg);
  }
  55% {
    transform: skew(10deg);
  }
  60% {
    transform: skew(59deg);
  }
  65% {
    transform: skew(-59deg);
  }
  70% {
    transform: skew(-84deg);
  }
  75% {
    transform: skew(13deg);
  }
  80% {
    transform: skew(6deg);
  }
  85% {
    transform: skew(87deg);
  }
  90% {
    transform: skew(18deg);
  }
  95% {
    transform: skew(39deg);
  }
}
@keyframes glitch {
  0% {
    transform: skew(-16deg);
  }
  5% {
    transform: skew(-30deg);
  }
  10% {
    transform: skew(-74deg);
  }
  15% {
    transform: skew(40deg);
  }
  20% {
    transform: skew(61deg);
  }
  25% {
    transform: skew(17deg);
  }
  30% {
    transform: skew(70deg);
  }
  35% {
    transform: skew(38deg);
  }
  40% {
    transform: skew(-7deg);
  }
  45% {
    transform: skew(-43deg);
  }
  50% {
    transform: skew(-1deg);
  }
  55% {
    transform: skew(-20deg);
  }
  60% {
    transform: skew(61deg);
  }
  65% {
    transform: skew(69deg);
  }
  70% {
    transform: skew(68deg);
  }
  75% {
    transform: skew(-41deg);
  }
  80% {
    transform: skew(52deg);
  }
  85% {
    transform: skew(-5deg);
  }
  90% {
    transform: skew(64deg);
  }
  95% {
    transform: skew(-77deg);
  }
}


.text-background-row:hover div:nth-child(2n) {
  position: relative;
  -webkit-animation: glitch 2.5s infinite alternate;
  animation: glitch 2.5s infinite alternate;
}

.home-page-monitor {
  position: relative;
  margin-top: 2%;
}

.home-page-monitor img{
  max-width: none;
}

.stiker-one {
  position: absolute;
  top: 3%;
  left: 4px;
}

.stiker-one:hover {
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

.stiker-kantora {
  position: absolute;
  bottom: 25%;
  right: 30px;
}

.stiker-kantora:hover {
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

.footer-home {
  width: 100%;
  position: relative;
  z-index: 3;
}

.footer-row {
  width: 90%;
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin: -5% auto 45px;
}

.developer-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  color: #FFFFFF;
}

.developer-link img {
  margin-left: 5px;
}

.footer-link-block .widget_text .custom-html-widget {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-social-link {
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  color: #fff;
  font-size: 16px;
  transition: all .3s linear;
  margin-right: 20px;
}

.footer-social-link:hover, .footer-social-link:focus, .footer-social-link:active {
  background: #fff;
  color: #1B22F6;
  text-decoration: none;
}

.home-page-header {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 45px auto -6%;
  position: relative;
  z-index: 3;
}

.home-contact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.home-language-block ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}

.home-language-block ul li {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  margin: 0 10px;
}

.home-language-block ul li a {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

.home-language-block ul li a:hover {
  text-decoration: none;
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

.current-lang span {
  font-weight: 900 !important;
}

.mail-home-button, .phone-ico {
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  color: #1B22F6;
  font-size: 16px;
  transition: all .3s linear;
  margin-right: 20px;
  background: #fff;
}

.mail-home-button:hover, .mail-home-button:focus, .mail-home-button:active {
  background: #1B22F6;
  color: #fff;
  text-decoration: none;
}

.home-contact-phone {
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #fff;
  transition: all .3s linear;
  position: relative;
}

/*.home-contact-phone::before {
  content: "";
  position: absolute;
  left: -5%;
  width: 0%;
  display: block;
  bottom: -5px;
  height: 1px;
  background: #fff;
  transition: all .3s linear;
}

.home-contact-phone:hover, .home-contact-phone:focus, .home-contact-phone:active{
    color: #fff;
    text-decoration: none;
}

.home-contact-phone:hover::before {
  width: 110%;
}*/

.home-contact-phone:hover {
  -webkit-animation: glitch .8s infinite alternate;
  animation: glitch .8s alternate;
  color: #fff;
  text-decoration: none;
}

.main-menu {
  position: absolute;
  left: 50%;
  top: 14%;
  transform: translate(-50%, 0%);
}

.main-menu-list {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
  color: #525252;
  font-family: 'Press Start 2P', cursive;
  display: block;
  position: relative;
}

.main-menu-list li a, .main-menu-list li span {
  color: #525252;
  margin: 0;
  text-decoration: none;
  display: block;
  padding: 13px 0 13px 30px !important;
  box-sizing: border-box;
}

.main-menu-list li a:hover {
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

.main-menu-list .menu-item-39 button, .main-menu-list .menu-item-199 button, .main-menu-list .menu-item-197 button {
  margin: 10px 0 0;
  color: #1B22F6;
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 15px 0 15px 30px !important;
  box-sizing: border-box;
  text-align: left;
}

@-webkit-keyframes menu-cursor-opacity {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes menu-cursor-opacity {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}

.menu-item-40, .menu-item-200, .menu-item-185 {
  position: absolute;
  left: 0;
  top: 0;
  color: #525252;
  font-size: 24px;
  line-height: 24px;
  transform: translateY(0);
  transition: transform .3s, opcity .1s linear;
  display: block;
  visibility: visible;
  opacity: 1;
  z-index: -1;
  -webkit-animation: menu-cursor-opacity 1s infinite ease-in-out;
          animation: menu-cursor-opacity 1s infinite ease-in-out;
}

.main-menu-list .menu-item-40 a, .main-menu-list .menu-item-200 a, .main-menu-list .menu-item-185 a {
  margin: 0;
  text-decoration: none;
  display: block;
  padding-left: 0px !important;
}

.menu-item-38:hover ~ .menu-item-40, .menu-item-230:hover ~ .menu-item-200, .menu-item-234:hover ~ .menu-item-185 {
  transform: translateY(50px);
  visibility: visible;
  opacity: 1;
}

.menu-item-37:hover ~ .menu-item-40, .menu-item-229:hover ~ .menu-item-200, .menu-item-233:hover ~ .menu-item-185 {
  transform: translateY(100px);
  visibility: visible;
  opacity: 1;
}

.menu-item-36:hover ~ .menu-item-40, .menu-item-231:hover ~ .menu-item-200, .menu-item-235:hover ~ .menu-item-185 {
  transform: translateY(150px);
  visibility: visible;
  opacity: 1;
}

.menu-item-35:hover ~ .menu-item-40, .menu-item-232:hover ~ .menu-item-200, .menu-item-236:hover ~ .menu-item-185 {
  transform: translateY(200px);
  visibility: visible;
  opacity: 1;
}

.main-header {
  box-sizing: border-box;
  padding: 25px 0;
  background: #C4C4C4;
  border: 1.5px solid #616161;
  box-sizing: border-box;
}

.header-section {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 1366px;
  margin: 0 auto;
}


.title-block h1 {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: #616161; 
}

.main-header-contact-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 0 auto;
}

.main-header-contact-row .widget_text .custom-html-widget .home-contact-phone {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
}

.main-header-contact-row .home-language-block ul {
  margin: 0;
}

.main-header-contact-row .home-language-block ul li {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
}

.main-header-contact-row .home-language-block ul li a {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #616161;
}

.main-header-contact-row .home-language-block ul .current-lang span {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  -webkit-filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, 0.6));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s linear;
}

.title-block {
  margin-left: 5%;
}

.main-header-menu-block {
  position: relative;
}

.button-main-header-menu {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  -webkit-filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, 0.6));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s linear;
}

.button-main-header-menu svg * {
  transition: all .1s linear;
}

.button-main-header-menu:hover svg * {
    fill: #fff;
}

.button-main-header-menu:hover {
  background: #616161;
}

.main-header-menu {
  position: absolute;
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  padding: 0;
  transition: all .4s linear;
  opacity: 0;
  visibility: hidden;
  top: 38px;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  z-index: -1;
  transform: skew(-10deg);
}

.main-header-menu .header-menu-list li a {
  color: #fff;
  transition-delay: .3s;
}

.main-header-menu-active {
  opacity: 1;
  visibility: visible;
  top: 38px;
  left: 0;
  z-index: 99999;
  width: 215px;
  height: 255px;
  padding: 15px 0px 15px 20px;
  transform: skew(0deg);
}

.main-header-menu-active .header-menu-list li a {
  color: #616161;
}

.header-menu-list {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #616161;
  font-family: 'Press Start 2P', cursive;
  display: block;
  position: relative;
}

.header-menu-list li a {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #616161;
  margin: 0;
  text-decoration: none;
  display: block;
  padding: 8px 0 8px 15px !important;
  box-sizing: border-box;
}

.header-menu-list li a:hover {
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

.menu-item-56, .menu-item-251, .menu-item-252 {
  position: absolute;
  left: -18px;
  top: 0;
  color: #525252;
  font-size: 16px;
  line-height: 16px;
  transform: translateY(0);
  transition: transform .3s, opcity .1s linear;
  display: block;
  visibility: hidden;
  opacity: 0;
}

.main-menu-list .menu-item-56 a, .main-menu-list .menu-item-251 a, .main-menu-list .menu-item-252 a {
  margin: 0;
  text-decoration: none;
  display: block;
  padding-left: 0px !important;
}

.menu-item-49:hover ~ .menu-item-56, .menu-item-243:hover ~ .menu-item-251, .menu-item-250:hover ~ .menu-item-252 {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.menu-item-48:hover ~ .menu-item-56, .menu-item-239:hover ~ .menu-item-251, .menu-item-246:hover ~ .menu-item-252 {
  transform: translateY(32px);
  visibility: visible;
  opacity: 1;
}

.menu-item-47:hover ~ .menu-item-56, .menu-item-238:hover ~ .menu-item-251, .menu-item-245:hover ~ .menu-item-252 {
  transform: translateY(63px);
  visibility: visible;
  opacity: 1;
}

.menu-item-46:hover ~ .menu-item-56, .menu-item-240:hover ~ .menu-item-251, .menu-item-247:hover ~ .menu-item-252 {
  transform: translateY(95px);
  visibility: visible;
  opacity: 1;
}

.menu-item-45:hover ~ .menu-item-56, .menu-item-241:hover ~ .menu-item-251, .menu-item-248:hover ~ .menu-item-252 {
  transform: translateY(127px);
  visibility: visible;
  opacity: 1;
}

.menu-item-55:hover ~ .menu-item-56, .menu-item-242:hover ~ .menu-item-251, .menu-item-249:hover ~ .menu-item-252 {
  transform: translateY(159px);
  visibility: visible;
  opacity: 1;
}

.menu-item-54:hover ~ .menu-item-56, .menu-item-237:hover ~ .menu-item-251, .menu-item-244:hover ~ .menu-item-252 {
  transform: translateY(189px);
  visibility: visible;
  opacity: 1;
}

.home-page-gif {
  position: absolute;
  bottom: 36%;
  right: 100px;
  max-width: 150px;
  width: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all .5s linear;
  transform: skew(50deg);
}

.home-page-gif-active {
  position: absolute;
  max-width: 215px;
  width: 215px;
  bottom: 42%;
  right: 33%;
  opacity: 1;
  visibility: visible;
  transform: skew(0deg);
}

.home-page-gif-second {
  position: absolute;
  top: 11%;
  left: 95px;
  max-width: 300px;
  width: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all .5s linear;
  transform: skew(-50deg);
}

.home-page-gif-second-active {
  position: absolute;
  max-width: 300px;
  width: 300px;
  top: 14%;
  left: 26%;
  opacity: 1;
  visibility: visible;
  transform: skew(0deg);
}

.main-footer {
  width: 100%;
  background: #C4C4C4;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  padding: 20px 0;
}

.main-footer .footer-row {
  width: 90%;
  display: flex;
  align-content: center;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: 1366px;
}

.main-footer .footer-row .developer-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  font-size: 10px;
  line-height: 12px;
  color: #616161;
}

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

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

::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border: 1.5px solid #616161;
  box-sizing: border-box;
}

::-webkit-scrollbar-button:single-button {
  background: #C4C4C4;
  border: 1.5px solid #616161;
  display: block;
  border-style: solid;
  width: 12px;
  height: 25px;
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #616161 transparent;
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #616161 transparent;
}

::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 12px 12px 0 12px;
  border-color: #616161 transparent transparent transparent;
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: #616161 transparent transparent transparent;
}



/* 

Style page project

*/

.project-tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 40px 0;
}

.project-tab-link {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: #616161;
  margin-right: 5%;
  transition: all .3s linear;
  padding: 15px 0;
}

.project-tab-link:hover {
  color: #616161;
}

.tab-active {
  color: #616161;
  font-weight:  900;
}

.project-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  flex-wrap: wrap;
  min-height: 65vh;
}

.project-item {
  margin: 20px 1%;
  width: 31%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
  max-height: 385px;
  min-height: 385px;
  overflow: hidden;
  background: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.project-item::before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  background: #616161;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
}

.project-item img {
  width: 100%;
  height: auto;
}

.tab-active {
  color: #1B22F6;
} 

.project-caption {
  position: absolute;
  left: 5%;
  bottom: 10%;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  color: #FFFFFF;
}

.project-caption:hover {
  color: #FFFFFF;
}

.project-title {
  font-size: 21px;
}

.project-button {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s linear;
}

.project-button svg * { 
  transition: all .1s linear;
}

.project-item:hover .project-caption .project-button svg * {
  fill: #fff;
}

.project-item:hover .project-caption .project-button { 
  background: #616161;
}

.project-item-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*.project-item-img img {
  width: auto;
  height: 100%;
}*/

.item-display-none {
  display: none;
}

.item-active {
  display: flex;
}

.button-main-header-menu svg {
  margin: 0 auto;
}


/* 

Style Services Page

*/

.main-services-description {
  width: 100%;
  margin: 60px auto 10px;
}

.services-title {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #1B22F6;
  margin: 60px 0 30px;
}

.services-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.services-item {
  width: 31%;
  margin: 15px 2% 15px 0;
  border: 1px solid #616161;
  box-sizing: border-box;
  padding: 20px 30px;
  transition: all .3s linear;
  position: relative;
}

.services-item:hover { 
  background: #1B22F6;
}

.services-item-title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  color: #000; 
  margin-bottom: 10px; 
  transition: all .3s linear;
}

.services-item:hover .services-item-title {
  color: #fff;
}

.services-excerpt {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  max-height: 65px;
  min-height: 65px;
  transition: all .3s linear;
}

.services-item:hover .services-excerpt {
  color: #fff;
}

.services-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
  flex-wrap: wrap;
}

.services-terms {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 27px;
  color: #202020;
  transition: all .3s linear;
}

.services-item:hover .services-terms {
  color: #fff;
}

.services-terms span {
  margin-right: 10px;
}

.services-price {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  color: #1B22F6;
  transition: all .3s linear;
}

.services-item:hover .services-price {
  color: #fff;
}

.second-description {
  width: 90%;
  margin: 20px auto 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  max-width: 1366px;
}

.second-description p {
  margin-bottom: 10px;
}

.services-pop-up {
  position: fixed;
  transform: perspective(0.5em) rotateX(-2deg);
  transform-origin: top;
  top: 110%;
  left: 50%;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  z-index: 999;
  box-sizing: border-box;
  padding: 70px 0 5% 3%;
  max-height: 90vh;
  transition: all .5s linear;
  border: 1.5px solid #616161;
  overflow: hidden;
}

.services-item-active .services-pop-up { 
  opacity: 1;
  visibility: visible;
  position: fixed;
  left: 32%;
  width: 35%;
  height: auto;
  overflow: hidden;
  z-index: 999999;
  transform: perspective(0) rotateX(0) skew(0deg);
  transform-origin: top;
  top: 10%;
}

.base-window {
  transition: all .4s linear;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  z-index: 9999;
  background: #fff;
}

.base-window-header {
  width: 100%;
  height: 41px;
  left: 0px;
  top: -2px;
  position: absolute;
  background: #C4C4C4;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 10px;
}

.services-item:hover .services-pop-up-title {
  color: #000;
}

.services-pop-up-description h2, .services-pop-up-description h3, .services-pop-up-description h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  color: #000;
  margin-bottom: 10px;
  transition: all .3s linear;
}

.services-pop-up-description p {
  font-weight: normal;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
  margin: 10px 0;
}

.services-pop-up-description ul {
  font-weight: normal;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
  margin: 10px 0;
  list-style: disc;
}

.services-pop-up-description ul li{
  font-weight: normal;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
}

.base-window-button {
  width: 25px;
  height: 25px;
  background: #C4C4C4;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  position: relative;
  transition: all .3s linear;
}

.base-window-button:first-child::before {
  content: "";
  width: 13px;
  height: 1.5px;
  background: #616161;
  display: block;
  position: absolute;
  bottom: 8px;
}

.base-window-button:nth-child(2)::before {
  content: url('/wp-content/themes/kantora/asset/images/common/button-window.svg');
}

.base-window-button:last-child::before {
  content: "";
  width: 13px;
  height: 1.5px;
  background: #616161;
  display: block;
  transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);
  transition: all .3s linear;
}

.base-window-button:last-child::after {
  content: "";
  width: 13px;
  height: 1.5px;
  background: #616161;
  display: block;
  position: absolute;
  transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
  transition: all .3s linear;
}

.base-window-button:last-child:hover {
  background: #C92123;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
}

.base-window-button:last-child:hover::after {
  background: #fff;
}

.base-window-button:last-child:hover::before {
  background: #fff;
}

.main-description-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.services-gif-block {
  position: relative;
  max-width: 485px;
  margin: 0 0 0 auto;
}

.service-desckription-block {
  max-width: 50%;
}

.service-desckription-block h1, .second-description h2 {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 40px;
}

.service-desckription-block h1 span, .second-description h2 span {
  color: #1B22F6;
}

.service-desckription-block p {
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  margin: 40px 0;
}

.base-button {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #1B22F6;
  border: none;
  box-sizing: border-box;
  padding: 25px;
  z-index: 1;
  position: relative;
}

.base-button:hover {
  z-index: 3;
}

.base-button::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #1B22F6;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s linear;
}

.base-button:hover::after {
  top: 4px;
  left: 4px;
  opacity: 1;
  /*-moz-animation: glitch .13s alternate;
  -webkit-animation: glitch .13s alternate;
  animation: glitch .13s alternate;*/
}

.services-pop-up-button {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}

.services-form {
  width: 50%;
}

.description-block {
  max-height: 60vh;
  overflow-y: auto;
  margin-bottom: 40px;
  padding-right: 5%;
}

.services-portfolio-link {
  width: 50%;
  background: #AEAEAE;
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  border: none;
  box-sizing: border-box;
  padding: 25px;
  z-index: 1;
  position: relative;
}

.services-portfolio-link:hover {
  color: #FFFFFF;
  text-decoration: none;
  z-index: 3;
}

.services-portfolio-link::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #AEAEAE;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s linear;
}

.services-portfolio-link:hover::after {
  top: 4px;
  left: -4px;
  opacity: 1;
  -webkit-animation: glitch .13s alternate;
  animation: glitch .13s alternate;
}

.servise-error-pop-up {
  position: fixed;
  top: 30%;
  right: 6%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: skew(10deg) translate(0 , 0);
  transition: all .5s linear;
  width: 10px;
  height: 10px;
}

.servise-error-pop-up-active {
  position: fixed;
  top: 50% !important;
  right: 50% !important;
  z-index: 9999999;
  opacity: 1;
  visibility: visible;
  transform: skew(0deg) translate(50%, -50%);
  width: auto;
  height: auto;
  min-width: 480px;
}

.servise-error-pop-up-active img {
  width: 100%;
}

.error-header-text {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #616161;
  margin-right: auto;
}

.servise-error-pop-up-active .base-window-header .base-window-button:first-child::before {
  content: "";
}

.servise-error-pop-up-active .base-window-header .base-window-button:nth-child(2)::before {
  content: "";
  width: 13px;
  height: 1.5px;
  background: #616161;
  display: block;
  position: absolute;
  bottom: 8px;
}

.servise-error-pop-up-active .base-window-header  .base-window-button:nth-child(3)::before {
  content: url('/wp-content/themes/kantora/asset/images/common/button-window.svg');
}


/* 

Style Page Contact 

*/

.contact-container {
  width: 65%;
  margin: 90px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  min-height: calc(100vh - 327px);
  box-sizing: border-box;
}

.main-contact-description h1 {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 32px;
  color: #616161;
  margin-bottom: 40px;
}

.main-contact-description h1 span {
  color: #1B22F6;
}

.main-contact-description p {
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  margin: 40px 0 10px;
}

.main-contact-description  p:last-child {
  margin: 10px 0 0px;
}

.main-contact-description p span {
  color: #1B22F6;
}

ul {
  list-style: none;
}

.main-contact-description ul {
  list-style: disc;
}

.main-contact-description ul li {
  margin: 10px 0;
}

.conatct-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 60px 0 0;
}

.home-contact-email {
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
  margin-bottom: 15px;
}

.home-contact-email:hover {
  color: #000000;
}

.contact-info .widget_text .textwidget .home-contact-phone {
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 30px;
}

.contact-info .widget_text .textwidget {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.contact-info .widget_text .textwidget .footer-social-link {
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
  color: #616161;
  transition: all .3s linear;
}

.contact-info .widget_text .textwidget .footer-social-link:hover {
  background: #616161;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
  color: #fff;
}

.contact-info {
  margin-right: 10%;
}

.conatct-row .base-button {
  max-width: 375px;
  margin-right: 5%;
}

.contact-phone-ico {
  width: 65px;
  height: 65px;
  background: #1B22F6;
  border: 1.5px solid #1B22F6;
  transition: all .3s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-phone-ico:hover {
  background: #fff;
  border: 1.5px solid #1B22F6;
}


.contact-phone-ico svg * {
  fill: #fff;
  transition: all .1s linear;
}

.contact-phone-ico:hover svg * {
  fill: #1B22F6;
}


/* 

Style Team Page

*/

.main-team-description h1 {
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 32px;
  color: #616161;
  margin-bottom: 40px;
}

.main-team-description h1 span {
  color: #1B22F6;
}

.main-team-description h1 span {
  color: #1B22F6;
}

.main-team-description  p {
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  margin: 40px 0;
}

.container-team {
  width: 60%;
  margin: 90px auto;
  box-sizing: border-box;
}

.container-team .second-description {
  width: 100%;
}

.partner-section {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  background: #C4C4C4;
  border: 1.5px solid #616161;
  padding: 10px 20% 60px;
}

.partner-section .widget_text .textwidget h3 {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #616161;
  margin: 50px auto;
}

.partner-section .widget_text .textwidget p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
}

.partner-image-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.partner-item {
  margin: 25px 0;
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .6s linear;
  padding: 10px;
}

@-webkit-keyframes partner-opacity {
  0% {opacity: 1;}
  50% {opacity: .4;}
  100% {opacity: 1;}
}

@keyframes partner-opacity {
  0% {opacity: 1;}
  50% {opacity: .4;}
  100% {opacity: 1;}
}

.partner-item:hover {
  -webkit-animation: partner-opacity 1s ease-in-out;
          animation: partner-opacity 1s ease-in-out;
}

.partner-row {
  margin: 40px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.partner-row .widget_text  { 
  min-width: 50%;
}

.partner-row .widget_text .textwidget .home-contact-phone { 
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #616161;
  margin-left: 15%;
}

.team-row {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.team-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  width: 25%;
  margin: 20px 0;
  box-sizing: border-box;
  padding: 2%;
  border: 1.5px solid transparent;
  transition: all .3s linear;
}

.team-item:hover { 
  border: 1.5px solid #1B22F6;
  background: rgba(27, 34, 246, 0.1);
}

.team-item::before {
  content: url("/wp-content/themes/kantora/asset/images/common/team-folder.png");
  margin-bottom: 20px;
}

.team-position {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 32px;
  color: #616161;
}

.team-name {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  color: #1B22F6;
}

.team-pop-up {
  position: fixed;
  max-width: 50%;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: -1;
  box-sizing: border-box;
  transition: all .5s linear;
  transform: perspective(0.5em) rotateX(-2deg);
  transform-origin: top;
  bottom: -10%;
  width: 0;
  height: 0;
  max-height: 435px;
  left: 50%;
}

.team-item-active .team-pop-up {
  opacity: 1;
  visibility: visible;
  position: fixed;
  bottom: 25%;
  left: 25%;
  width: 50%;
  height: auto;
  z-index: 999999;
  transform: perspective(0) rotateX(0);
  transform-origin: top;
}

.team-pop-up-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 70px 45px 45px;
}

.team-image {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.team-image img {
  max-height: 295px;
  width: auto;
}

.team-item-info {
  width: 50%;
}

.team-item-info h4 {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  color: #1B22F6;
}

.team-caption {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #000000;
  margin: 20px 0 30px;
}

.team-social-link-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team-social-link {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616161;
  font-size: 24px;
}

.team-social-link a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #616161;
  font-size: 24px;
  text-decoration: none;
  transition: all .3s linear;
}

.team-social-link a:hover {
  background: #616161;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
}


/* 

Style Blog page

*/

.blog-page-title {
  width: 100%;
  margin: 50px 0 40px;
}

.blog-page-title h1 {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 32px;
  color: #616161;
  max-width: 50%;
}

.blog-section {
  width: 73%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  z-index: 3;
}

.blog-recomended {
  width: 20%;
  margin: 0 auto;
  z-index: 1;
}

.blog-title, .blog-recomended-title {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  color: #1B22F6;
}

.blog-item {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1.5px solid #C4C4C4;
  margin: 30px auto;
}

.blog-item-image {
  position: relative;
}

.blog-text {
  max-width: 40%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  min-height: 185px;
}

.blog-text h4 a {
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 28px;
  color: #000000;
}

.blog-item-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  color: #C4C4C4;
}

.blog-item-recomended {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  border-bottom: 1.5px solid #C4C4C4;
  margin: 30px auto;
}

.news-item-title a {
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 28px;
  color: #000000;
}

.views-post {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
  color: #C4C4C4;
}

.views-post::before {
  content: url("/wp-content/themes/kantora/asset/images/common/eye.svg");
  margin-right: 15px;
  opacity: .6;
}



/*

Style Post Page

*/

.container-post {
  width: 60%;
  margin: 90px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  min-height: calc(100vh - 327px);
  box-sizing: border-box;
}

.post-title, .post-content-block h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 32px;
  color: #000;
}

.post-window-image {
  width: 100%;
  margin: 30px auto 40px;
}

.post-window-image img {
  width: 100%;
  height: auto;
}

.post-blog p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  margin: 14px 0;
}

.post-blog h2, .post-blog h3 {
  font-weight: bold;
  font-size: 26px;
  line-height: 28px;
  color: #1B22F6;
  margin: 20px 0;
}

.post-blog-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  color: #C4C4C4;
  margin-top: 40px;
}

.post-blog-row .blog-item-author {
  margin-right: 5%;
}

.back-to-top {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 5%;
  bottom: 10%;
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.base-form {
  width: 50%;
  max-width: 595px;
  margin-bottom: 65px;
}

.form-button {
  position: absolute;
  bottom: -65px;
  left: 0;
}

.form-button input, .form-button button {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;  
  color: #FFFFFF;
  background: #1B22F6;
  box-sizing: border-box;
  padding: 24px 75px 25px;
  border: none;
  position: relative;
}

.form-button:hover {
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

.form-button::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #1B22F6;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s linear;
}

.form-button input:hover::after, .form-button button:hover::after {
  top: 4px;
  left: 4px;
  opacity: 1;
  -webkit-animation: glitch .13s alternate;
  animation: glitch .13s alternate;
}

.form-title {
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 18px;
  color: #000000;  
  margin-bottom: 8px;
}

.form-description {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  margin: 3px 0 10px;
}

.form-input {
  width: 48%;
  margin: 10px auto;
}

.form-input input {
  width: 100%;
  background: #EDEDED;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #525252;
  padding: 15px 20px;
}

.form-email {
  width: 98%;
}

.form-coment {
  width: 98%;
}

.form-coment textarea {
  width: 100%;
  background: #EDEDED;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #525252;
  padding: 15px 20px;
}

.form-block {
  margin: 65px auto 30px;
  width: 90%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.main-form-pop-up {
  transform: perspective(0.5em) rotateX(-2deg);
  transform-origin: top;
  bottom: -10%;
  width: 0;
  height: 0;
  position: fixed !important;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: -1;
  max-height: 545px;
  left: 48%;
  top: auto;
}

.main-form-pop-up-active {
  transform: perspective(0) rotateX(0);
  transform-origin: top;
  top: auto;
  bottom: 10%;
  width: 50%;
  height: 75%;
  position: fixed !important;
  opacity: 1;
  overflow: initial;
  visibility: visible;
  z-index: 9999999;
  left: calc(48% - 525px / 2);
}

.calculator-form {
  transform: perspective(0.5em) rotateX(-2deg);
  transform-origin: top;
  bottom: -10%;
  width: 0;
  height: 0;
  position: fixed !important;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: -1;
  max-height: 580px;
  left: 48%;
}

.calculator-form-active {
  transform: perspective(0) rotateX(0);
  transform-origin: top;
  bottom: 10%;
  width: 50%;
  height: 75%;
  position: fixed !important;
  opacity: 1;
  overflow: initial;
  visibility: visible;
  z-index: 9999999;
  left: calc(48% - 525px / 2);
}

.tabs {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.tabs {
  border: 1px solid lightgray;
}

.tabs__nav {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  background: #f8f8f8;
  margin: 0;
  border-bottom: 1px solid lightgray;
}

.tabs__link {
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  color: black;
  text-align: center;
  flex-shrink: 0;
  flex-grow: 1;
}

.tabs__link_active {
  background: lightgray;
  cursor: default;
}

.tabs__link:not(.tabs__link_active):hover,
.tabs__link:not(.tabs__link_active):focus {
  background-color: #efefef;
}

.tabs__content {
  padding: 1rem;
}

.tabs__pane {
  display: none;
}

.tabs__pane_show {
  display: block;
}

.calculator-form-wrap {
  width: 90%;
  margin: 80px auto 40px;
}

.calculator-input-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 10px auto;
}

.calculator-form-button {
  margin: 0 1%;
  width: 31%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  border: 1px solid #1B22F6;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #1B22F6;
  background: #fff;
  transition: all .3s linear;
}

.site-block, .brending-block, .advertising-block {
  width: 100%;
}

.calculator-block {
  display: none;
}

.calculator-block-active {
  display: block;
}

.calculator-second-row, .calculator-third-row {
  position: relative;
}

.calculator-second-row::before, .calculator-third-row::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.calculator-row-active::before {
  display: none;
}

.calculator-second-row .calculator-form-button, .calculator-third-row .calculator-form-button {
  color: #525252;
  background: #EDEDED;
  border: 1px solid  #EDEDED;
}

.calculator-row-active .calculator-form-button {
  border: 1px solid #1B22F6;
  color: #1B22F6;
  background: #fff;
}

.form-button-active {
  color: #fff !important;
  background: #1B22F6 !important;
  border: 1px solid #1B22F6 !important;
}

.calculator-form-button:hover {
  color: #fff !important;
  background: #1B22F6 !important;
  border: 1px solid #1B22F6 !important;
}

.calculator-input-hidden {
  display: none;
}

.prise-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 25px 1% 15px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #000000;
}

.form-prise {
  margin-left: 10px;
  color: #1B22F6;
}

.form-terms {
  margin-left: 10px;
  color: #1B22F6;
}

.calculator-button input {
  display: none;
}

.calculator-button button {
  position: relative;
  top: 20px;
}

.calculator-button-second input {
  display: block;
  position: relative;
  top: 20px;
}

.calculator-button-second button {
  display: none;
}

.calculator-form-second-block {
  display: none;
}

.calculator-block-none {
  display: none;
}

.calculator-block-visible {
  display: block;
}

.calculator-form-text input {
  max-width: 185px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 0px;
  color: #1B22F6;
  box-sizing: border-box;
  padding: 5px 15px;
  background: #EDEDED;
  border: none;
}

.calculator-form-text input:last-child {
  max-width: 235px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 0px;
  color: #1B22F6;
  box-sizing: border-box;
  padding: 5px 15px;
  background: #EDEDED;
  border: none;
}

.calculator-form-text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 50px;
  color: #000000;
  margin-top: 25px;
}

.main-brief-description {
  width: 100%;
  margin: 60px auto 10px;
}

.brief-menu {
  width: 100%;
}

.brief-menu-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.brief-menu-list li {
  width: 31%;
  margin: 20px 1%;
  display: block;
}

.brief-menu-list li a {
  background: #FFFFFF;
  border: 1.5px solid #616161;
  box-sizing: border-box;
  font-family: 'Press Start 2P', cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #616161;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 25px 1%;
}

.brief-menu-list .menu-item-has-children a {
  position: relative;
  transition: all .3s linear;
}

.brief-menu-list .menu-item-has-children:hover a {
  color: #fff;
  border: 1.5px solid  #1B22F6;
  background: #1B22F6;
}

.brief-menu-list .menu-item-has-children {
  position: relative;
}


.brief-menu-list .menu-item-has-children a::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 15px;
  color: #1B22F6;
  transition: all .3s linear;
}

.brief-menu-list .menu-item-has-children:hover a::after {
  transform: rotate(180deg);
  color: #fff;
}

.brief-menu-list .menu-item-has-children .sub-menu {
  position: absolute;
    width: 100%;
    background: #fff;
    border: 1.5px solid #616161;
  box-sizing: border-box;
  overflow: hidden;
  transition: all .3s linear;
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.brief-menu-list .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.brief-menu-list .menu-item-has-children .sub-menu li {
    width: 100%;
}

.brief-menu-list .menu-item-has-children .sub-menu li a {
  border: none;
  padding: 15px 1%;
}

.brief-menu-list .menu-item-has-children:hover .sub-menu li a {
  background: #FFFFFF;
  color: #616161;
}

.brief-menu-list .menu-item-has-children .sub-menu li a::after {
  display: none;
}

.brief-button-active {
  color: #fff;
  border: 1.5px solid  #1B22F6;
  background: #1B22F6;
}

.container-brief .row .cf7sg-container {
  width: 100%;
}

.brief-container {
  display: none !important;
}

.container-bref-active {
  display: block !important;
}

.form-brief-button {
  position: relative;
  top: 0;
  max-width: 320px;
  margin: 30px 0 5% 20px;
}

.form-brief-button input {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 16px;
  color: #FFFFFF;
  background: #1B22F6 !important;
  box-sizing: border-box;
  padding: 24px 75px 25px;
  border: none !important;
  position: relative;
}

.brief-container {
  box-sizing: border-box;
  padding: 35px 35px 0;
  border: 1.5px solid #616161;
  margin: 20px auto 50px !important;
  width: 98% !important;
}

.brief-container h4 {
  font-family: "Press Start 2P", cursive;
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 32px;
  color: #616161;
  margin: 35px 0;
}

.brief-container ol li {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 148.5%;
  color: #000000;
  margin: 15px auto;
  padding: 0;
  width: 95%;
}

.brief-container ol li label {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 148.5%;
  color: #000000;
}

.brief-container ol li input {
  position: relative;
  left: -25px;
  margin: 10px auto;
  background: #EDEDED;
  box-shadow: none;
  border: none;
  border-radius: 0 !important;
  padding: 5px 15px;
}

.brief-container ol li p {
  font-size: 14px;
  color: #616161;
}

.brief-container ol li .brief-checkbox {
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100% !important;
  flex-wrap: wrap;
}

.brief-container ol li .wpcf7-checkbox .wpcf7-list-item {
  width: 18%;
  margin: 15px 1%;
  display: flex !important;
  align-items: flex-start;
  justify-content: flex-start;
}

.brief-container ol li .wpcf7-checkbox .wpcf7-list-item input {
  left: 0;
  margin: 10px;
}

.brief-budget-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.brief-budget-row input {
  width: 25% !important;
  left: 0 !important;
  margin: 10px 15px !important;
}

.breif-to input {
  width: 75% !important;
}

input[type="checkbox"]:checked {
  width: 30px;
  height: 30px;
  background: #EDEDED;
  border-radius: 5px !important;
  margin: 4px 10px 4px 0 !important;
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

input[type="checkbox"]:not(:checked) {
  width: 30px;
  height: 30px;
  background: #1B22F6;
  border-radius: 5px !important;
  color: #fff;
  margin: 4px 10px 4px 0 !important;
  cursor:url('/wp-content/themes/kantora/asset/images/common/cursor.svg'), pointer !important;
}

.wpcf7-list-item-label {
  max-width: 77%;
  margin: auto 0;
}

.breif-print {
  box-sizing: border-box;
  padding: 20px;
  border: none;
  background: #1B22F6;
  margin: 0px 5% 20px 3%;
  position: absolute;
  bottom: 170px;
  left: 35%;
}

.header-mobile-logo {
  display: none;
}

.header-mobile-block {
  display: none;
}

.footer-page {
  display: none;
}

.mobile-text {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.contact-phone-text-mobile {
  display: none;
}

.blog-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.blog-image-link {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  max-height: 180px;
}

.blog-image-link img {
  min-width: 100%;
  max-width: none;
  height: auto;
}

.blog-error-pop-up {
  top: 20%;
  right: 0%;
}

.calculator-form-active-screen {
  height: 85% !important;
  bottom: 3% !important;
}

.calculator-form .cf7sg-container {
  height: 100%;
  overflow-y: auto;
}

.section-screen-saver {
  background-color: #fff;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999999999999999999999999;
  cursor: none !important;
}

.logo-screen-saver {
  position: absolute;
  fill: rgb(0, 81, 255);
}

.section-screen-saver {
  display: block;
}

.screen-saver-display-none {
  display: none !important;
}

@media (max-width: 768px) {
  .logo-screen-saver {
    width: 150px;
  }
}

.container-portfolio {
  width: 100%;
}


/* 

media screen style

*/

@media (max-width: 1367px) {
  body {
    font-size: 16px;
  }

  .home-page-header {
    margin: 45px auto -10%;
  }

  .footer-row {
    margin: -3% auto 42px;
  }

  .main-form-pop-up-active {
    height: 70%;
  }
  .calculator-form-active {
    height: 70%;
  }

  .project-item {
    max-height: 375px;
    min-height: 375px;
  }

  .team-item-active .team-pop-up {
    opacity: 1;
    visibility: visible;
    position: fixed;
    bottom: 20%;
    left: 20%;
    width: 60%;
    height: 70%;
    max-width: 60%;
  }
  .services-item-active .services-pop-up {
    left: 25%;
    width: 50%;
  }

  .container-post {
    width: 75%;
  }

  .container-team {
    width: 75%;
  }

  .partner-section {
    padding: 10px 14% 60px;
  }

  .breif-print {
    bottom: 141px;
  }

  .form-brief-button {
    margin: 30px 0 0% 23px;
  }

  .brief-container ol li .wpcf7-checkbox .wpcf7-list-item {
    width: 23%;
  }
  .contact-container {
    width: 75%;
  }
  .brief-container {
    padding: 35px;
  }

  .text-background-row {
    width: 290%;
  }
  .text-background-row:nth-child(2) {
    width: 285%;
  }

  .home-page-container {
    padding-top: 7%;
  }

  .main-team-description p {
    font-size: 16px;
    line-height: 24px;
  }

  second-description {
    font-size: 16px;
    line-height: 24px;
  }

  .partner-section .widget_text .textwidget p {
    font-size: 16px;
    line-height: 24px;
  }

  .team-caption {
    font-size: 16px;
    line-height: 24px;
  }

  .service-desckription-block p {
    font-size: 16px;
    line-height: 24px;
  }

  .second-description {
    font-size: 16px;
    line-height: 24px;
  }

  .services-excerpt {
    font-size: 14px;
    line-height: 21px;
  }

  .main-contact-description p {
    font-size: 16px;
    line-height: 24px;
  }

  .post-blog p {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1230px) {
  .footer-row {
    margin: 0% auto 42px;
  }

  .project-item {
    max-height: 315px;
    min-height: 315px;
  }

  .breif-print {
    left: 50%;
  }

}

@media (max-width: 1020px) {
  .text-background-row:nth-child(2) {
    width: 345%;
  }

  .text-background-row {
    width: 320%;
  }
  .project-item {
    width: 48%;
  }

  .partner-section {
    padding: 10px 5% 60px;
  }
  .base-button {
    font-size: 14px;
  }

  .container-team {
    width: 90%;
  }

  .contact-container {
    width: 90%;
  }

  .contact-info .widget_text .textwidget .home-contact-phone {
    font-size: 20px;
  }

  .main-header-contact-row .widget_text .custom-html-widget .home-contact-phone {
    font-size: 12px;
  }

  .blog-page-title h1 {
    font-size: 18px;
    max-width: 60%;
  }

  .blog-item-image {
    position: relative;
    max-width: 45%;
  }

  .blog-section {
    width: 70%;
  }

  .news-item-title a {
    font-size: 16px;
  }

  .service-desckription-block {
    max-width: 60%;
  }

  .brief-menu-list li a {
    font-size: 14px;
  }

  .brief-container h4 {
    font-size: 18px;
  }

  .brief-container ol li .wpcf7-checkbox .wpcf7-list-item {
    width: 31%;
  }

  .breif-print {
    left: 45%;
  }

  .main-form-pop-up-active {
    width: 100%;
    left: calc(40% - 525px / 2);
  }

  .calculator-form-active {
    width: 100%;
    left: calc(40% - 525px / 2);
  }

  .loading-line-bg {
    height: 20px;
    margin: 20px auto 10px;
    width: 70%;
  }
  .partner-row .widget_text .textwidget .home-contact-phone {
    font-size: 14px;
  }

  .team-item-active .team-pop-up {
    left: 5%;
    width: 90%;
    max-width: 90%;
  }

  .services-row {
    flex-wrap: wrap;
  }

  .services-item {
    width: 48%;
  }

  .services-item-active .services-pop-up {
    left: 15%;
    width: 70%;
  }

  .base-form {
    width: 87%;
    max-width: 724px;
  }

  .team-caption {
    margin: 10px 0 25px;
  }

  .team-item {
    width: 33%;
  }

  .main-contact-description h1 {
    font-size: 18px;
  }

  .home-contact-email {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
  }

  .text-background-row {
    padding: 10% 0;
  }

}

@media (max-width: 800px) {
  .main-header-contact-row .widget_text .custom-html-widget .home-contact-phone {
    display: none;
  }

  .conatct-row {
    flex-wrap: wrap;
  }

  .contact-info {
    margin-bottom: 20px;
    width: 100%;
  }

  .contact-info .widget_text .textwidget .home-contact-phone {
    margin-bottom: 10px;
  }

  .main-contact-description h1 {
    font-size: 15px;
    line-height: 24px;
  }

  .main-contact-description p {
    font-size: 14px;
    line-height: 24px;
  }

  .home-contact-email {
    font-size: 21px;
  }

  .contact-info .widget_text .textwidget .home-contact-phone {
    font-size: 20px;
  }

  .base-form {
    width: 90%;
    max-width: 724px;
  }
  .calculator-form-active {
    left: 5%;
  }

  .main-form-pop-up-active {
    left: 5%;
  }
  .partner-row .widget_text .textwidget .home-contact-phone {
    font-size: 12px;
  }

  .partner-section .widget_text .textwidget h3 {
    font-size: 15px;
  }

  .main-team-description h1 {
    font-size: 15px;
  }
  .title-block h1 {
    font-size: 15px;
  }
  .team-item-info h4 {
    font-size: 16px;
  }

  .team-caption {
    font-size: 14px;
  }
  .service-desckription-block {
    max-width: 100%;
  }

  .services-gif-block {
    display: none;
  }

  .blog-page-title h1 {
    font-size: 15px;
    max-width: 100%;
  }

  .post-title, .post-content-block h1 {
    font-size: 21px;
  }

  .container-post {
    width: 90%;
    margin: 40px auto;
  }

  .container-team {
    margin: 40px auto;
  }

  .base-button {
    font-size: 11px;
  }

  .services-item-active .services-pop-up {
    left: 5%;
    width: 90%;
  }
  .brief-menu-list {
    flex-wrap: wrap;
  }
  .brief-menu-list li {
    width: 48%;
  }
  .brief-container ol li .wpcf7-checkbox .wpcf7-list-item {
    width: 48%;
  }
  .breif-print {
    left: 76%;
  }

  .partner-item {
    margin: 25px 0;
    width: 25%;
  }

  .services-item {
    width: 100%;
  }
  .blog-row {
    width: 100%;
    flex-direction: column-reverse;
  }

  .blog-recomended {
    width: 100%;
  }
  .blog-item-recomended {
    padding: 0 0 20px;
    margin: 5px auto;
  }

  .views-post {
    margin-top: 10px;
  }

  .blog-section {
    width: 100%;
  }


}

@media (max-width: 670px) {
  body {
    font-family: 'Gilroy', Arial, serif;
    font-size: 14px;
  }

  header {
    background: #C4C4C4;
    border: 2px solid #616161;
    box-sizing: border-box;
    margin: 0px auto;
    width: 100%;
    padding: 12px 5%;
    box-sizing: border-box;
  }

  .home-page-header {
    width: 100%;
    margin: 0px auto;
  }

  .home-contact {
    display: none;
  }

  .header-mobile-logo {
    display: block;
  }

  .header-mobile-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 15px 0 auto;
  }

  .home-language-block {
    position: relative;
    width: 40px;
    height: 40px;
  }

  .home-language-block ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transition: all .3s linear;
  }

  .home-language-block ul li {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #616161;
    font-family: "Press Start 2P", cursive;
    background: #FFFFFF;
    border: 2px solid #616161;
    box-sizing: border-box;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
  }

  .home-language-block ul li a {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #616161;
    font-family: "Press Start 2P", cursive;
    box-sizing: border-box;
  }

  .lang-item {
    display: none !important;
    transition: all .3s linear;
  }

  .current-lang {
    display: flex !important;
  }

  .language-list-active {
    height: 120px !important;
  }

  .language-list-active .lang-item {
    display: flex !important;
  }

  .mobile-phone .phone-ico {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #616161;
    font-family: "Press Start 2P", cursive;
    background: #FFFFFF;
    border: 2px solid #616161;
    box-sizing: border-box;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
    margin-right: 15px;
    padding: 0;
  }

  .button-main-header-menu, .project-button {
    padding: 0;
  }

  .team-name {
    font-size: 18px;
  }

  .mail-mobile-button {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #616161;
    font-family: "Press Start 2P", cursive;
    background: #FFFFFF;
    border: 2px solid #616161;
    box-sizing: border-box;
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
    text-align: center;
    padding: 0;
  }

  .mail-mobile-button i {
    margin: 0 auto;
  }

  .mobile-phone {
    position: relative;
  }

  .mobile-mail {
    position: relative;
  }

  .mobile-phone-pop-up {
    position: absolute;
    background: #FFF;
    border: 2px solid #616161;
    box-sizing: border-box;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 0px 10px 0;
    min-width: 260px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
  }

  .mobile-phone-pop-up-active {
    top: 40px;
    opacity: 1;
    visibility: visible;
    height: 105px;
    padding: 25px 10px 10px;
  }

  .mobile-mail-pop-up {
    position: absolute;
    background: #FFF;
    border: 2px solid #616161;
    box-sizing: border-box;
    top: 40px;
    right: 0;
    box-sizing: border-box;
    padding: 0 10px 0;
    min-width: 185px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear;
    height: 0;
    overflow: hidden;
  }

  .mobile-mail-pop-up-active {
    top: 40px;
    opacity: 1;
    visibility: visible;
    height: 85px;
    padding: 25px 10px 0;
  }

  .mobile-mail-pop-up .widget_text .textwidget {
    font-family: "Press Start 2P", cursive;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #151BCC;
    margin-bottom: 15px;
  }

  .mobile-mail-pop-up .widget_text .textwidget .home-contact-email {
    font-family: "Press Start 2P", cursive;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #616161;
    margin-bottom: 0;
  }

  .mobile-phone-pop-up .widget_text .textwidget .home-contact-phone {
    font-family: "Press Start 2P", cursive;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #616161;
  }

  .mobile-phone-pop-up .widget_text .textwidget .home-contact-phone:hover {
    -webkit-animation: none;
            animation: none;
    color: #616161;
    text-decoration: underline;
  }

  .call-back-form {
    font-family: "Press Start 2P", cursive;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #151BCC;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
    background: transparent;
  }

  .loading-line-bg {
    width: 90%;
  }

  .loading-page-wrapper .widget_text {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }

  .title-block {
    position: absolute;
    bottom: -70px;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #C4C4C4 !important;
    left: 0px;
    margin-left: 0;
  }

  .title-block h1 {
    font-size: 18px;
    color: #C4C4C4 !important;
  }

  .main-header-contact-row {
    margin: 0;
  }

  .footer-home {
    background: #C4C4C4;
    border: 2px solid #616161;
    box-sizing: border-box;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0;
  }

  .footer-row {
    margin: 0px auto;
  }

  .footer-social-link {
    border: 1px solid transparent;
    color: #616161;
    margin-right: 5px;
  }

  .developer-link {
    color: #616161;
  }

  .home-text-background {
    display: none;
  }

  .home-page-monitor img{
    display: none;
  }

  .home-page {
    min-width: 100vw;
    min-height: 100vh;
    background: #E5E5E5;
    position: relative;
    z-index: 1;
  }

  .home-page::after { 
    content: "";
    display: block;
    z-index: -1;
    width: 90%;
    height: 100%;
    position: absolute;
    left: 5%;
    top: 0;
    background: url("/wp-content/themes/kantora/asset/images/common/Line.png") center / cover no-repeat;
  }

  .home-page-container {
    padding-top: 0%;
    width: 100%;
    min-height: calc(100vh - 135px);
  }

  .main-menu {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
  }

  .main-menu-list li a, .main-menu-list li span {
    color: #525252;
    margin: 0;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 13px 0 13px 0px !important;
  }

  .main-menu-list .menu-item-39 button, .main-menu-list .menu-item-199 button, .main-menu-list .menu-item-197 button {
    padding: 10% 0 !important;
    text-align: center;
    font-size: 18px;
  }

  .footer-page {
    display: block;
    margin-right: auto;
  }

  .mobile-text {
    opacity: 1;
    visibility: visible;
    font-family: "Press Start 2P", cursive;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 151%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #616161;
    margin-bottom: 10%;
    max-width: 340px;
  }

  #menu-item-39 button {
    margin: 15px auto 0;
    display: block;
  }

  .home-page-monitor {
    position: relative;
    margin-top: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .project-item {
    width: 98%;
  }

  .project-title {
    font-size: 15px;
  }

  .project-tab-link {
    font-size: 13px;
  }

  .header-section {
    padding: 0;
  }

  .project-tab {
    padding: 0px 0;
  }

  .project-section {
    margin-top: 50px;
    padding: 0;
  }

  .container-team {
    margin: 60px auto 40px;
  }

  .main-team-description p {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin: 5px 0 10px;
  }

  .team-item {
    width: 49%;
  }

  .partner-item {
    margin: 15px 0;
    width: 50%;
  }

  .partner-section .widget_text .textwidget h3 {
    margin: 20px auto;
    text-align: left;
  }

  .partner-row {
    flex-direction: column;
  }

  .partner-row .widget_text .textwidget .home-contact-phone {
    margin-left: 0%;
    margin-top: 30px;
  }

  .partner-section {
    padding: 10px 5% 30px;
  }

  .team-position {
    line-height: 20px;
  }

  .team-pop-up-row {
    padding: 50px 15px 20px;
    flex-direction: column;
  }

  .team-image {
    width: 100%;
    max-height: 205px;
  }

  .team-item-active .team-pop-up {
    left: 3%;
    width: 95%;
    max-width: 95%;
    max-height: 90%;
    bottom: auto;
    top: 5%;
    height: auto;
    overflow-y: auto;
  }

  .team-item-info {
    width: 100%;
    margin-top: 25px;
  }

  .service-desckription-block h1, .second-description h2 {
    font-size: 15px;
    margin-bottom: 0;
  }

  .service-desckription-block p {
    font-size: 14px;
    margin: 20px 0;
  }

  second-description {
    font-size: 14px;
  }
  .services-item {
    margin: 10px 1% 10px 1%;
  }

  .services-title {
    margin: 20px 0 15px;
  }

  .contact-container {
    margin: 70px auto 30px;
  }

  .main-contact-description h1 {
    margin-bottom: 0px;
  }

  .main-contact-description p {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    margin: 15px 0 10px;
  }

  .contact-info #custom_html-3 {
    display: none;
  }

  .conatct-row .base-button, .service-button {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact-phone-ico {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
  }

  .contact-phone-text-mobile {
    display: block;
    font-family: 'Press Start 2P', cursive;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
  }

  .contact-phone-ico svg {
    display: none;
  }

  .contact-phone-ico:hover {
    background:  #1B22F6;
    border: 1.5px solid #1B22F6;
  }
  .main-footer .footer-row .developer-link {
    font-size: 9px;
  }

  .blog-item {
    position: relative;
    flex-direction: column;
  }

  .blog-text {
    max-width: 100%;
    min-height: 40px;
    margin-bottom: 20px;
  }

  .blog-item-image {
    position: relative;
    max-width: 100%;
  }

  .blog-item-row {
    position: absolute;
    bottom: 0;
  }

  .post-blog p {
    font-size: 14px;
  }

  .post-blog-row {
    font-size: 16px;
  }

  .brief-menu-list li {
    width: 100%;
    margin: 10px auto;
  }

  .brief-container {
    padding: 0px;
  }

  .brief-container h4 {
    font-size: 14px;
    margin: 15px 0;
  }

  .brief-container ol li label {
    font-size: 15px;
    line-height: 1em;
  }

  .brief-container ol li {
    font-size: 15px;
  }

  .brief-container ol li .wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
  }
  .breif-print {
    bottom: 0px;
    position: relative;
    margin: -40px 0 10px;
    left: 10%;
  }

  ol {
    list-style-position: outside; /* Маркер обтекается текстом */
   }

   .form-brief-button {
    margin: 30px auto 0% auto;
   }

   .breif-print {
    bottom: 0px;
    position: relative;
    margin: -40px 0 10px;
    left: 6%;
  }

  .base-form {
    width: 100%;
    height: 100vh;
    transform: initial;
    transform-origin: initial;
    bottom: -100%;
    left: 0;
    transition: all .5s linear;
    top: 100vh;
    max-height: 100vh;
    opacity: 1;
  }

  .main-form-pop-up-active {
    left: 0;
    height: 100vh;
    top: 0;
    width: 100%;
    bottom: 0;
    transform: initial;
    transform-origin: initial;
  }

  body::before {
    transform: initial;
    transform-origin: initial;
    width: 100%;
    left: 0;
    background: #616161;
  }

  .body-overflow::before {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #616161;
    opacity: .3;
    position: fixed;
    display: block;
    left: 0;
    transform: initial;
    transform-origin: initial;
    bottom: 0;
  }

  body::after {
    transform: initial;
    transform-origin: initial;
    width: 100%;
    left: 0;
    background: #616161;
  }

  .body-overflow::after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #616161;
    opacity: .3;
    position: fixed;
    display: block;
    left: 0;
    transform: initial;
    transform-origin: initial;
    bottom: 0;
  }

  .calculator-form-active {
    left: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    max-height: 100vh;
  }

  .form-button {
    position: relative;
    bottom: 0;
    left: auto;
    margin: 10px auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .base-form::before, .calculator-form:before {
    content: url("/wp-content/themes/kantora/asset/images/common/mario-form.png");
    position: absolute;
    left: 50%;
    top: -100px;
    transform: translateX(-50%);
  }

  .contact-info .widget_text .textwidget .home-contact-phone {
    font-size: 28px;
  }

  .main-header-menu {
    min-width: 234px;
    height: 0;
    transform: skew(0);
    padding: 0 20px;
  }

  .main-header-menu-active {
    opacity: 1;
    visibility: visible;
    top: 38px;
    left: 0;
    z-index: 99999;
    width: auto;
    height: 256px;
    padding: 15px 20px;
    transform: skew(0deg);
  }

  .contact-info {
    margin: 0 auto 20px;
  }

  .mail-home-button, .phone-ico {
    margin-right: auto;
    margin-left: auto;
  }

  .calculator-form-button {
    height: 60px;
    font-size: 12px;
    line-height: 13px;
  }

  .form-description {
    font-size: 14px;
    line-height: 21px;
    margin: 20px 0 25px;
  }

  .form-button input, .form-button button {
    font-size: 14px;
    padding: 20px 28px 20px;
    margin: 10px auto;
  }

  .ajax-loader {
    display: none;
  }
  .calculator-form-text {
    font-size: 14px;
    line-height: 35px;
    display: flex;
    flex-direction: column;
  }

  .calculator-form-text input {
    max-width: 100%;
    width: 100%;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
  }

  .calculator-form-text input:last-child {
    max-width: 100%;
  }

  .services-pop-up-button {
    flex-wrap: wrap;
  }

  .services-form {
    width: 100%;
  }

  .services-portfolio-link {
    width: 100%;
    font-size: 14px;
    line-height: 10px;
    border: 1px solid #1D1E1C;
  }

  .servise-error-pop-up-active {
    min-width: 320px;
  }

  .error-header-text {
    font-size: 11px;
  }

  .base-window .cf7sg-container {
    overflow-y: auto;
    max-height: 100vh;
  }

  .description-block {
    max-height: 68%;
  }

  div.wpcf7 .ajax-loader {
    display: none;
  }

  .phone-ico svg {
    width: 20px;
    height: 20px;
  }

  .mail-mobile-button i {
    font-size: 20px;
  }

  .current-lang span {
    font-size: 14px;
    font-weight: 900 !important;
  }

  .mobile-phone-pop-up-active {
    background: #fff;
    z-index: 1;
  }

  ::-webkit-scrollbar {
    width: 10px;
  }
  
  ::-webkit-scrollbar-track {
    background: #F2F2F2;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #C4C4C4;
    border: 1.5px solid #616161;
    box-sizing: border-box;
  }
  
  ::-webkit-scrollbar-button:single-button {
    background: #C4C4C4;
    border: 1.5px solid #616161;
    display: block;
    border-style: solid;
    width: 12px;
    height: 10px;
  }
  
  ::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #616161 transparent;
  }
  
  ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    border-color: transparent transparent #616161 transparent;
  }
  
  ::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 12px 12px 0 12px;
    border-color: #616161 transparent transparent transparent;
  }
  
  ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #616161 transparent transparent transparent;
  }
}