/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }
/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

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

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

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

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

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

* {
  max-height: 1000000px; }

body {
  color: #222;
  background: #fff;
  font: 20px/1.5 "Cheyenne Sans", serif;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {
  font-family: "Poppins", sans-serif;
  margin: 0 0 0.5em;
  line-height: 1.2;
  font-weight: 400;
}

h1, .h1 {
  font-size: 28px;
  font-weight: 600; }
@media (min-width: 769px) {
  h1, .h1 {
    font-size: 38px; } }
@media (min-width: 961px) {
  h1, .h1 {
    font-size: 40px; } }
@media (min-width: 1500px) {
  h1, .h1 {
    font-size: 48px; } }

h2, .h2 {
  font-size: 32px;
  font-weight: 400; }
/*@media (min-width: 769px) {*/
/*  h2, .h2 {*/
/*    font-size: 40px; } }*/
/*@media (min-width: 961px) {*/
/*  h2, .h2 {*/
/*    font-size: 48px; } }*/
@media (min-width: 1500px) {
  h2, .h2 {
    font-size: 48px; } }

h3, .h3 {
  font-size: 24px; }
@media (min-width: 769px) {
  h3, .h3 {
    font-size: 30px; } }
@media (min-width: 961px) {
  h3, .h3 {
    font-size: 36px; } }

h4, .h4 {
  font-size: 24px;
  font-weight: 400; }
@media (min-width: 769px) {
  h4, .h4 {
    font-size: 28px; } }
@media (min-width: 961px) {
  h4, .h4 {
    font-size: 32px; } }

h5, .h5 {
  font-size: 16px;
  font-weight: 700; }
@media (min-width: 1500px) {
  h5, .h5 {
    font-size: 20px; } }

p {
  margin: 0 0 1em; }

a {
  color: #222;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
a:hover, a:focus {
  text-decoration: none; }

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

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #646464;
  padding: 0.4em 0.7em; }
input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus {
  border-color: #000; }
input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #646464; }
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #646464; }
input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
  color: #646464; }
input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #646464; }
input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
  color: #646464; }

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

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

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

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%;
  font-size: 16px; }

@media (min-width: 1500px) {
  html, body {
    font-size: 18px; } }

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden; }

.container {
  max-width: 1490px;
  padding: 20px;
}
@media (min-width: 769px) {
  .container {
    padding: 40px; } }
@media (min-width: 961px) {
  .container {
    padding: 60px 40px; } }

.container-small {
  max-width: 1215px; }

.container-930 {
  max-width: 960px; }

.bg {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover; }

main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

footer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.tag h1{
  text-transform: capitalize;
}

body .tag {
  display: inline-block;
  background: #f5f5f5;
  padding: 0 10px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s; }
body .tag:hover {
  background: #e0e0e0; }

.search-results .tag {
  background: #9BACCC;
}

.border-bottom-wrap {
  padding-bottom: 40px;
  border-bottom: 2px solid #f5f5f5; }

.header {
  background: #171819; }
.header .search-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
@media (min-width: 992px) {
  .header .search-wrap:not(.is-active) {
    display: none; }
}
main {
  position: relative;
}

.header-search-toggler.is-active:before {
  content:  "\00d7";
  font-family: Arial, sans-serif;
  font-size: 28px;
}

.header .fixed-width {
  flex: 300px;
}

@media (min-width: 992px) {
  .header .fixed-width {
    flex: auto;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 20px;
  }
}
.header-results {
  z-index: 1000;
}

.header .navbar li .header-search-form {
  display: block !important;
}

@media (min-width: 992px) {
  .header .navbar li .header-search-form {
    display: none !important;
  }
}
/*end fix 20.10*/

.navbar {
  padding: 12px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1490px;
  width: 100%;
  margin: 0 auto; }

  @media (min-width: 1500px) {
    .navbar {
      padding: 15px 40px; } }

.navbar .toggler {
  background: transparent; }

.nav-item {
  margin-bottom: 20px;
  white-space: nowrap;
  padding-left: 52px;
}
@media (min-width: 992px) {
  .nav-item {
    margin-bottom: 0;
    margin-left: 20px;
    padding-left: 0;
  } }
@media (min-width: 992px) {
  .nav-item.request a {
    color: #70A6FE;
    border: 2px solid #646565;
    border-radius: 50px;
    padding: 10px 20px;
  } }
.nav-item a {
  text-decoration: none;
  color: #222;
  border-bottom: 1px solid transparent;
  font-weight: 600;
  -webkit-transition: border 0.3s, color 0.3s;
  -o-transition: border 0.3s, color 0.3s;
  transition: border 0.3s, color 0.3s }
@media (min-width: 992px) {
  .nav-item a {
    color: #ffffff;
    border-bottom: 2px solid transparent; } }
@media (min-width: 992px) {
  .nav-item a:hover {
    border-bottom: 1px solid #ffffff; } }
.nav-item.request a {
  transition: background-color 0.3s;
}
@media (min-width: 992px) {
  .nav-item.request a:hover {
    border: 2px solid #646565;
    background: #2a2a2b;
  } }

.toggler {
  display: block;
  border: none;
  outline: none;
  padding: 0;
  width: 20px;
  height: 20px; }
@media (min-width: 992px) {
  .toggler {
    display: none; } }

.nav-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 30px 15px 0;
  left: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
@media (min-width: 992px) {
  .nav-panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0; } }
.show .nav-panel.nav-collapse, .nav-panel {
  position: absolute;
  background: #fff;
  top: 57px;
  height: calc(100vh - 57px);
  z-index: 999;
  font-size: 16px;
  display: block;
  overflow: auto;
}
@media (min-width: 992px) {
  .show .nav-panel.nav-collapse, .nav-panel {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: static;
    height: auto;
    background: transparent;
    overflow: visible;
  }
}

@media (min-width: 1500px) {
  .show .nav-panel.nav-collapse, .nav-panel {
    font-size: 18px;
  }
  /*.nav-panel.nav-collapse {*/
  /*  margin-left: 32px;*/
  /*}*/
}

.nav-panel.nav-collapse {
  display: none;
}
.nav-panel.nav-collapse .list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
@media (min-width: 992px) {
  .nav-panel.nav-collapse .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
  } }
.show .nav-panel {
  left: 0;
  width: 100%; }
.nav-panel .header-search-toggler {
  display: none;
}
@media (min-width: 992px) {
  .nav-panel .header-search-toggler {
    display: inline-block;
    position: relative;
    border-radius: 50px;
    min-width: 42px;
    height: 42px;
    margin-left: 10px;
    transition: background-color 0.3s;
  } }

.nav-panel .header-search-toggler:hover {
  background: #2a2a2b;
}

.nav-panel .list {
  justify-content: flex-end;
}

.nav-panel .header-search-toggler:before {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color 0.3s;
}

.footer {
  background: #f7f7f7;
}
.footer .container {
  padding: 36px 40px 20px; }
.footer .copyright {
  margin-bottom: 0;
  font-size: 14px;
}

.contacts-row {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.contacts-row .logo,
.contacts-row .contacts-list,
.contacts-row .social-list {
  margin-bottom: 20px;
}

.contacts-row .logo {
  margin-right: 30px;
}

.contacts-list a,
.social-list a {
  text-decoration: none;
  font-size: 14px;
}

.contacts-list {
  flex: 1;
}

.contacts-list li {
  margin-right: 20px;
  position: relative;
}

.contacts-list li:after {
  content: "";
  position: absolute;
  background: #e0e0e0;
  width: 1px;
  height: 12px;
  right: -10px;
  top: 51%;
  transform: translateY(-50%);
}

.contacts-list li:last-child:after {
  display: none;
}

.contacts-list a {
  color: #0F62FE;
  text-transform: uppercase;
  white-space: nowrap;
}

.social-list li {
  margin-left: 26px;
}

.social-list li:first-child {
  margin-left: 0;
}

.social-list span:before {
  font-size: 24px;
  color: #454647;
  transition: color 0.3s;
}

.social-list .icon-facebook:hover:before {
  color: #3b5998;
}

.social-list .icon-twitter:hover:before {
  color: #00acee;
}

.social-list .icon-linkedin:hover:before {
  color: #0e76a8;
}

.social-list .icon-youtube:hover:before {
  color: #c4302b;
}

.main-banner .container {
  padding-bottom: 10px;
}

.main-banner h1 {
  font-size: 26px;
}

@media (min-width: 558px) {
  .main-banner h1 {
    font-size: 30px;
  }
}

@media (min-width: 768px) {
  .main-banner h1 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .main-banner h1 {
    font-size: 40px;
  }
}

.main-banner-list .slider-item {
  padding: 30px; }
.main-banner-list .slider-item a{
  color: inherit;
  text-decoration: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 90px 70px;
  width: 100%;
}
@media (max-width: 769px) {
  .main-banner-list .slider-item a {
    padding: 45px 35px; } }
.main-banner-list .slider-item .content-wrap {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.main-banner-list .icon {
  font-size: 24px;
  margin-bottom: 10px; }
@media (min-width: 961px) {
  .main-banner-list .icon {
    font-size: 32px;
    margin-bottom: 15px; } }

.main-banner-list h2 {
  max-width: 260px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;
}

@media (min-width: 576px) {
  .main-banner-list h2 {
    max-width: 300px;
    font-size: 24px;
  }
}

@media (min-width: 768px) {
  .main-banner-list h2 {
    margin-bottom: 16px;
  }
}

@media (min-width: 992px) {
  .main-banner-list h2 {
    max-width: 440px;
    margin-bottom: 20px;
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .main-banner-list h2 {
    max-width: 490px;
    margin-bottom: 32px;
    font-size: 40px;
  }
}

.main-banner-list .list-technologies {
  font-family: "Poppins", sans-serif;
  max-width: 270px;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  .main-banner-list .list-technologies {
    max-width: 330px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .main-banner-list .list-technologies {
    max-width: 380px;
    margin-bottom: 32px;
  }
}

.list-technologies li {
  margin-right: 23px;
}

.main-banner-list .number {
  font-size: 45px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
}

@media (min-width: 992px) {
  .main-banner-list .number {
    font-size: 65px;
  }
}

@media (min-width: 1200px) {
  .main-banner-list .number {
    font-size: 80px;
  }
}

.main-banner-list .apps {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

@media (min-width: 992px) {
  .main-banner-list .apps {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .main-banner-list .apps {
    font-size: 20px;
    line-height: 1.2;
  }
}

.main-banner-list .blue-button {
  max-width: 160px;
  margin-left: 0; }
@media (min-width: 769px) {
  .main-banner-list .blue-button {
    max-width: 240px; } }

.inner .container {
  padding-bottom: 40px;
  text-align: center; }

.inner h1, .inner .description {
  margin-bottom: 10px; }
@media (min-width: 769px) {
  .inner h1, .inner .description {
    margin-bottom: 15px; } }
@media (min-width: 961px) {
  .inner h1, .inner .description {
    margin-bottom: 20px; } }

.inner .description {
  display: block; }

.inner form {
  max-width: 440px;
  margin: 0 auto; }
@media (min-width: 769px) {
  .inner form {
    max-width: 660px; } }

.search-wrap {
  padding: 8px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #f5f5f5; }
.search-wrap .icon-search:before {
  font-size: 18px;
  color: #222;
}

@media (min-width: 992px) {
  .search-wrap .icon-search:before {
    color: #fff;
  }
}

.search-wrap .search {
  width: 100%;
  border: none;
  background: inherit;
  outline: none; }

.blog {
  position: relative; }
.blog .container {
  padding-top: 40px;
  padding-bottom: 20px;
}
.blog .blog-list .img-wrap {
  width: 100%; }

.blog-list {
  padding-left: 0;
  margin-bottom: 0; }
.blog-list .blog-item {
  margin-bottom: 40px; }

.blog-list .blog-item:hover .img-wrap {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, .2);
}

.blog-list .blog-item:hover img {
  transform: scale(1.05) translate(-50%, -50%);
}

.blog-list .img-wrap {
  position: relative;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 9px;
  transition: box-shadow 0.3s;
}
.blog-list .img-wrap:before {
  content: "";
  padding-top: 65%;
  float: left; }
.blog-list img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(1) translate(-50%, -50%);
  -ms-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s;
}
.blog-list .icon, .blog-list .title {
  margin-right: 5px; }
@media (min-width: 769px) {
  .blog-list .icon, .blog-list .title {
    margin-right: 10px; } }
.blog-list .title {
  font-weight: 600;
  font-size: 18px;
}
.blog-list .icon:before {
  color: #747475;
  font-size: 24px;
}
.blog-list .title-wrap {
  display: flex;
}
.blog-list .title, .blog-list .tag {
  text-decoration: none; }
.blog-list .title:hover, .blog-list .tag:hover {
  color: #222; }
.blog-list .tag {
  display: inline-block;
  margin-bottom: 5px; }
.blog-list .text-wrap {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin-top: 8px;
  margin-right: 5px;
  font-size: 16px;
  color: #404040;
  line-height: 1.4;
}

@media (min-width: 992px) {
  .nav-panel .blur {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(100, 100, 100, .5);
  }
}

.stopScroll .nav-panel .blur {
  display: block !important;
}

.nav-panel .blur .results .title-list {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
  padding: 16px; }
.blur .results .icon, .blur .results .tag, .blur .results .title-item {
  margin-right: 5px; }
@media (min-width: 769px) {
  .blur .results .icon, .blur .results .tag, .blur .results .title-item {
    margin-right: 10px; } }
@media (min-width: 961px) {
  .blur .results .icon, .blur .results .tag, .blur .results .title-item {
    margin-right: 16px; } }

.projects-list,
.category-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.category-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding: 16px 16px 0; }
.category-list .tag {
  text-decoration: none; }
.category-list .tag:hover {
  color: inherit; }

.category-item {
  margin-bottom: 10px; }
.category-item a {
  display: block; }

.projects-item {
  padding: 16px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-border-radius: 8px;
  border-radius: 8px; }
.projects-item:hover {
  background-color: #f5f5f5; }
.projects-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none; }
.projects-item a:hover {
  color: inherit; }

.projects-item em {
  font-weight: 700;
  color: #747474;
}

.projects-item .title-item {
  font-weight: 600; }
.projects-item .subscription {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%; }

.presentation dl {
  margin-bottom: 0; }

.presentation dl .col-6,
.presentation dl .col-12 {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.wrap-descr{
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .wrap-descr{
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    padding-bottom: 20px;
  } }
.presentation .scope-of-work {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}

.presentation .scope-of-work ul {
  margin-bottom: 20px;
  padding-left: 1.25rem;
}

.presentation dt{
  text-transform: capitalize;
}
.presentation dd {
  display: inline-flex;
}
.presentation dd, .presentation .project-tags {
  padding-right: 8px; }

.presentation dd .icon {
  margin-right: 5px; }

.presentation dd .icon:before {
  color: #747475;
  font-size: 24px; }

.presentation dd .text {
  font-weight: 400; }

.tags-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.tags-item {
  margin-right: 10px;
  margin-bottom: 10px; }
.tags-item a {
  text-decoration: none;
  text-transform: capitalize; }
.tags-item a:hover {
  color: #000; }

.button-panel {
  margin-bottom: 30px;
}

.button-panel .container, .solution .container {
  padding-top: 0;
  padding-bottom: 60px; }

.button-panel-wrap {
  padding: 20px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #D2E52E;
}
.button-panel-wrap h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.19;
  margin-bottom: 20px; }
@media (min-width: 577px) {
  .button-panel-wrap h4 {
    margin-bottom: 0; } }
@media (min-width: 768px) {
  .button-panel-wrap h4 {
    margin-bottom: 20px; } }
@media (min-width: 992px) {
  .button-panel-wrap h4 {
    margin-bottom: 0; } }
@media (min-width: 1500px) {
  .button-panel-wrap h4 {
    font-size: 26px; } }

.mt-120{
  margin-top: 120px;
}
.solution p {
  margin-bottom: 40px; }

.internal-information .bg-wrap {
  background: #F5F5F7;
  padding: 25px 15px;
  border-radius: 12px;
}
@media (min-width: 769px) {
  .internal-information .bg-wrap {
    padding: 40px 15px;
  }
}

.internal-information .platform-bg {
  background: #fff;
  margin-bottom: 20px;
}
.internal-information ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
@media (min-width: 570px) {
  .internal-information ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }
.internal-information li {
  margin-bottom: 20px;
}
@media (min-width: 570px) {
  .internal-information li {
    margin-bottom: 0;
    overflow: hidden;
  } }
.internal-information li:last-child {
  margin-bottom: 0;
}
.internal-information li:not(:last-child) {
  position: relative; }
@media (min-width: 570px) {
  .internal-information li:not(:last-child):before {
    content: '';
    position: absolute;
    width: 1px;
    height: 170%;
    right: 0;
    top: -35%;
    border-right: 2px dotted #e0e0e0; } }
@media (min-width: 570px) {
  .internal-information .platform-item:not(:last-child):before {
    display: none; } }
.internal-information .container-small {
  margin: 0 auto;
}
.internal-information .content-wrap {
  position: relative;
  padding-left: 52px; }
.internal-information .content-wrap:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.internal-information .content-wrap.content-wrap-left:before {
  content: '';
  -webkit-border-radius: 50px;
  border-radius: 50px;
  width: 30px;
  height: 30px; }

.internal-information .content-wrap.content-wrap-left.in_progress:before {
  background: #0F62FE;
}
.internal-information .content-wrap.content-wrap-left.closed:before {
  background: #FFC531;
}
.internal-information .content-wrap.content-wrap-left.completed:before {
  background: #16BA44;
}
.internal-information .content-wrap.content-wrap-right:before {
  font-family: 'icomoon';
  color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 20px; }
.internal-information .content-wrap.content-wrap-right.yes:before {
  content: '\e906';
  background: #16ba44;
}
.internal-information .content-wrap.content-wrap-right.no:before {
  content: '\e907';
  background: #FD5F20;
}
.internal-information .content-wrap span {
  display: block;
  line-height: 1; }
.internal-information .content-wrap .title {
  font-weight: 700;
  margin-bottom: 2px; }

.platform-bg {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}

.platform-content {
  padding: 20px 15px;
  margin: 0 auto; }
@media (min-width: 769px) {
  .platform-content {
    padding: 40px 15px; } }
@media (min-width: 961px) {
  .platform-content {
    padding: 60px 15px; } }
.platform-content h4 {
  margin-bottom: 20px; }
@media (min-width: 541px) {
  .platform-content h4 {
    margin-bottom: 0; } }
.platform-content .platform-item {
  margin-bottom: 10px; }
@media (min-width: 541px) {
  .platform-content .platform-item {
    margin-bottom: 20px; } }
@media (min-width: 769px) {
  .platform-content .platform-item {
    margin-bottom: 0;
    margin-left: 30px; } }
.platform-content .platform-item:last-child {
  margin-bottom: 0; }
@media (min-width: 541px) {
  .platform-content .platform-item:last-child {
    margin-bottom: 0; } }

.next-button-section .container {
  padding-top: 20px; }

.next-button-section .next-button {
  margin-top: 0;
  float: none; }

.banner {
  padding-top: 34%; }

.img-wrap .container {
  padding-top: 0; }

.img-wrap .bg {
  padding-top: 45%; }

.shifted-list-item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
.shifted-list-item .img-wrap {
  border-radius: 16px;
}

.shifted-list-item img {
  position: relative;
}
.shifted-list-item .text-wrap {
  padding: 10px 15px 0; }
@media (min-width: 541px) {
  .shifted-list-item .text-wrap {
    padding: 20px 30px 10px; } }
@media (min-width: 961px) {
  .shifted-list-item .text-wrap {
    padding: 40px 50px 65px;
    height: 130px;
  }
}
.shifted-list-item .text-wrap p {
  margin-bottom: 0; }

@media (min-width: 769px) {
  .shifted-list-item.list-item-2 {
    margin-top: 100px;
  }
  .shifted-list-item.list-item-3 {
    margin-top: -80px;
  }
  .shifted-list-item.list-item-4 {
    margin-top: 30px;
  }
  .shifted-list-item.list-item-5 {
    margin-top: -80px;
  }
  .shifted-list-item.list-item-6 {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .shifted-list-item.list-item-2 {
    margin-top: 140px;
  }

  .shifted-list-item.list-item-3 {
    margin-top: 0;
  }

  .shifted-list-item.list-item-4 {
    margin-top: -160px;
  }

  .shifted-list-item.list-item-5 {
    margin-top: -20px;
  }

  .shifted-list-item.list-item-6 {
    margin-top: -160px;
  }
}

.page-404 .content-wrap {
  max-width: 930px;
  margin: 0 auto; }

.page-404 img {
  margin-bottom: 30px; }

@media (min-width: 769px) {
  .page-404 img {
    margin-bottom: 90px; } }

.links-list {
  margin-bottom: 60px; }
.links-list li {
  margin-bottom: 10px; }
.links-list a {
  color: #0F62FE;
  text-decoration: none;
  border-bottom: 1px dotted #0F62FE;
  -webkit-transition: border-bottom 0.3s;
  -o-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s; }
.links-list a:hover {
  color: #0F62FE;
  border-bottom: 1px dotted transparent; }

.healthcare-intro .container {
  padding-bottom: 0; }

.healthcare-intro h2 {
  margin-bottom: 20px; }
@media (min-width: 769px) {
  .healthcare-intro h2 {
    margin-bottom: 30px; } }
@media (min-width: 961px) {
  .healthcare-intro h2 {
    margin-bottom: 40px; } }

.healthcare-intro .content-intro {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #f5f5f5; }

.healthcare-projects h4 {
  font-size: 26px;
  margin: 0 -28px 40px;
}

.healthcare-projects .blog-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 20px; }
.healthcare-projects .blog-item .img-wrap:before {
  padding-top: 74%; }

.count {
  font-size: 20px;
  cursor: pointer;
  background: #9baccc;
  min-width: 10px;
  padding: 0 6px;
  display: inline-block;
  color: #fff;
  text-align: center; }

.search-result .container,
.tags-section .container {
  padding-bottom: 0; }

.search-result .results .btn-close:active, .search-result .results .btn-close:focus {
  outline: none; }

.search-result p {
  margin-bottom: 0; }

.tags-section h4 {
  font-size: 26px;
  margin-bottom: 40px; }

.tags-section .tags-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.tags-section .tags-item {
  position: relative;
  list-style: none;
  padding-left: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
.tags-section .tags-item:before {
  content: url("img/mark.svg");
  position: absolute;
  left: 0;
  line-height: 0; }

.next-button a {
  position: relative;
  font-size: 30px;
  font-weight: 400;
  text-decoration: none;
  float: right;
  border-bottom: 2px solid transparent;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s; }
@media (min-width: 769px) {
  .next-button a {
    font-size: 35px; } }
@media (min-width: 961px) {
  .next-button a {
    font-size: 40px; } }
.next-button a:hover {
  color: #222;
  border-bottom: 2px solid #222; }
.next-button a:after {
  content: '\e905';
  font-family: 'icomoon';
  font-size: 16px;
  margin-left: 10px; }
@media (min-width: 769px) {
  .next-button a:after {
    font-size: 18px; } }
@media (min-width: 961px) {
  .next-button a:after {
    font-size: 20px; } }

.blue-button,
.page-template-page-login .button {
  margin-left: 0;
  color: #fff;
  text-decoration: none;
  background: #0f62fe;
  padding: 15px;
  font-weight: 700;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 6px 24px -8px #0F62FE;
  box-shadow: 0 6px 24px -8px #0F62FE;
  text-align: center;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
@media (min-width: 577px) {
  .blue-button {
    margin-left: 20px; } }
@media (min-width: 769px) {
  .blue-button {
    padding: 15px 20px;
    margin-left: 0;
  } }
@media (min-width: 992px) {
  .blue-button {
    margin-left: 20px;
  } }
.blue-button:hover,
.page-template-page-login .button:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 0 0 #0F62FE;
  box-shadow: 0 0 0 0 #0F62FE; }

.header-search-toggler {
  background: none;
  border: none;
  padding: 0;
  vertical-align: middle; }

.gamburger {
  border: none;
  position: relative;
  width: 18px;
  height: 2px;
  background: #fff;
  padding: 0;
  display: block; }
.gamburger:before, .gamburger:after {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  background: #fff; }
.gamburger:before {
  top: 6px; }
.gamburger:after {
  bottom: 6px; }

.btn-rounded {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ff6619;
  border: 2px solid #f5f5f5;
  -webkit-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
  margin-left: 0;
  padding: 15px 20px; }
.btn-rounded:hover {
  border: 2px solid #ff6619;
  color: #ff6619; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
.slick-list:focus {
  outline: none; }
.slick-list.dragging {
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
.slick-track:before, .slick-track:after {
  content: "";
  display: table; }
.slick-track:after {
  clear: both; }
.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
[dir="rtl"] .slick-slide {
  float: right; }
.slick-slide img {
  display: block; }
.slick-slide.slick-loading img {
  display: none; }
.slick-slide.dragging img {
  pointer-events: none; }
.slick-initialized .slick-slide {
  display: block; }
.slick-loading .slick-slide {
  visibility: hidden; }
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

.presentation-slider {
  margin-bottom: 30px;
}

.presentation-slider .slider-list {
  border: 2px solid #f5f5f5;
  margin-bottom: 20px; }

.presentation-slider .slick-slide:before {
  content: '';
  padding-top: 64%;
  float: left; }

.presentation-slider .slick-slide div {
  position: absolute;
  width: 100%;
  height: 100%; }

.presentation-slider .slider-item {
  width: 100%;
  height: 100%; }
.presentation-slider .slider-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover; }

.presentation-slider .slider-nav {
  width: 90%;
  margin: 0 auto; }
.presentation-slider .slider-nav .slick-list {
  overflow: visible; }
.presentation-slider .slider-nav .slick-slide {
  position: relative; }
.presentation-slider .slider-nav .slick-slide div {
  position: absolute;
  width: 85%;
  height: 100%; }
.presentation-slider .slider-nav .slick-slide.slick-current div {
  -webkit-box-shadow: 0 0 0 2px #0f62fe;
  box-shadow: 0 0 0 2px #0f62fe;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden; }
.presentation-slider .slider-nav .slider-nav-item {
  width: 100%;
  height: 100%; }
.presentation-slider .slider-nav .slider-nav-item:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 4px solid #f5f5f5;
  overflow: hidden;
  cursor: pointer; }
.presentation-slider .slider-nav .slider-nav-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.main-banner .main-banner-list {
  margin-bottom: 20px; }

.main-banner .slick-list {
  margin-bottom: 20px; }

.main-banner .slick-slide {
  height: auto; }
.main-banner .slick-slide:before {
  content: '';
  padding-top: 280px;
  float: left; }
@media (min-width: 769px) {
  .main-banner .slick-slide:before {
    padding-top: 35%; } }
.main-banner .slick-slide div {
  position: absolute;
  width: 100%;
  height: 100%; }

.main-banner .slider-item {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 16px;
  border-radius: 16px; }
.main-banner .slider-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover; }

.main-banner-list .slick-dots {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  list-style: none;
  padding-left: 0; }
.main-banner-list .slick-dots li {
  width: 100px;
  height: 8px;
  margin: 0 10px;
  background: #e0e0e0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer; }
.main-banner-list .slick-dots li.slick-active {
  background: #0F62FE;
  cursor: auto; }
.main-banner-list .slick-dots li button {
  display: none; }

/* Arrows */
.wrap-btn {
  height: 100%;
  position: absolute;
  top: 0;
  width: 90px;
  z-index: 1; }
.wrap-btn.prev {
  left: 0; }
.wrap-btn.prev:hover .slick-prev {
  opacity: 1; }
.wrap-btn.next {
  right: 0; }
.wrap-btn.next:hover .slick-next {
  opacity: 1; }

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #fff;
  color: #646464;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 999;
  opacity: 0;
  -webkit-box-shadow: 0 6px 16px -4px #0000003D;
  box-shadow: 0 6px 16px -4px #0000003D;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent; }
.slick-prev:hover,
.slick-next:hover {
  opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
  content: '\e905';
  font-family: 'icomoon';
  font-size: 20px;
  color: #646464;
  line-height: 1;
  opacity: 0.75; }

.slick-prev {
  left: 24px; }
.slick-prev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg); }

.slick-next {
  right: 24px; }

.extended-list .slick-prev,
.extended-list .slick-next {
  opacity: 1;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.extended-list .slick-prev:hover,
.extended-list .slick-next:hover {
  transform: translate(0, -50%) scale(1.2);
}

.extended-list .slick-disabled .slick-prev,
.extended-list .slick-disabled .slick-next {
  opacity: 0;
}

.extended-list .slick-disabled .slick-prev:hover,
.extended-list .slick-disabled .slick-next:hover {
  transform: translate(0, -50%);
  background-color: #c5c5c5;
  opacity: 0.75;
}


@font-face {
  font-family: "Cheyenne Sans";
  src: url("fonts/HINTED-CHEYENNESANS-REGULAR.TTF") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Cheyenne Sans";
  src: url("fonts/HINTED-CHEYENNESANS-SEMIBOLD.TTF") format("truetype");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: "Cheyenne Sans";
  src: url("fonts/HINTED-CHEYENNESANS-BOLD.TTF") format("truetype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?k4dznc");
  src: url("fonts/icomoon.eot?k4dznc#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?k4dznc") format("truetype"), url("fonts/icomoon.woff?k4dznc") format("woff"), url("fonts/icomoon.svg?k4dznc#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-web-2:before {
  content: "\e908";
}
.icon-checkmark:before {
  content: "\e906";
}
.icon-cross:before {
  content: "\e907";
}
.icon-facebook:before {
  content: "\e900";
}
.icon-world:before {
  content: "\e901";
}
.icon-globe:before {
  content: "\e901";
}
.icon-internet:before {
  content: "\e901";
}
.icon-network:before {
  content: "\e901";
}
.icon-cheveron-right:before {
  content: "\e905";
}
.icon-apple:before {
  content: "\e903";
}
.icon-search:before {
  content: "\e904";
}
.icon-arrow-right:before {
  content: "\e902";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-android:before {
  content: "\eac0";
}
.icon-linkedin:before {
  content: "\eac9";
}

.header-search-form .search-wrap {
  background: #f5f5f5;
  border-radius: 50px;
  max-width: 100%;
  border: none;
}

@media (min-width: 992px) {
  .header-search-form .search-wrap {
    background: #2F3133;
    border: 1px solid #666;
    max-width: 660px;
  }
}

div.asl_m .probox .proclose{
  display: none !important;
}

.navbar .searchform input{
  color: #222 !important;
  font-family: "Cheyenne Sans";
}

@media (min-width: 992px) {
  .navbar .searchform input {
    color: #fff !important;
  }
}

body.show {
  overflow-y: hidden;
}

body .header .wpdreams_asl_container {
  display: none!important;
}

body .header .list .wpdreams_asl_container {
  display: block !important;
}

@media (min-width: 992px) {
  body .header .list .wpdreams_asl_container {
    display: none!important;
  }
}

body .header .wpdreams_asl_container.is-active {
  display: block!important;
  margin: -15px 0 !important;
}

.stopScroll{
  overflow: initial;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.search-data{
  padding-left: 0;
}

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev{
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #fff;
  color: #646464;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  -webkit-box-shadow: 0 6px 16px -4px #0000003d;
  box-shadow: 0 6px 16px -4px #0000003d;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ms-skin-default .ms-nav-next:before,
.ms-skin-default .ms-nav-prev:before {
  content: '\e905';
  font-family: 'icomoon';
  font-size: 20px;
  color: #646464;
  line-height: 40px;
  opacity: 0.75;
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
}
.ms-skin-default .ms-nav-prev:before {
  -webkit-transform:  rotate(180deg);
  -ms-transform:  rotate(180deg);
  transform: rotate(180deg);
}
.ms-bullets{
  display: none;
}
.search-no-results h2{
  margin-bottom: 30px;
}
.search-no-data{
  margin-top: 40px;
}
.search-no-data ul{
  padding-left: 20px;
}
.search-no-results p{
  margin-bottom: 10px;
}

.ms-thumbs-cont .ms-thumb-frame {
  position: relative;
  border-radius: 8px;
}

.ms-thumbs-cont .ms-thumb-frame-selected:before {
  content: '';
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 0;
  left: 0;
  border: 3px solid #e4e4e4;
  z-index: 1;
  border-radius: 8px;
}

@media (min-width: 992px) {
  .ms-thumbs-cont .ms-thumb-frame {
    position: relative;
    overflow: hidden;
  }
}

.ms-thumbs-cont .ms-thumb-frame img {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  object-fit: cover !important;
  border-radius: 10px;
}

.about-us .container {
  padding-top: 10px;
  padding-bottom: 10px;
}

.about-us .text-wrap {
  color: #454647;
  font-size: 18px;
}

.wrapper-content p {
  transition: opacity .3s;
  opacity: 0;
  height: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.wrapper-content p.show {
  margin-bottom: 20px;
  opacity: 1;
  height: auto;
}

.wrapper-content p:first-child {
  display: block;
  height: auto;
  opacity: 1;
}

.wrapper-content p.show:first-child:after {
  content: '...';
  opacity: 0;
  transition: opacity .3s;
}

.wrapper-content p:first-child:after {
  content: '...';
  opacity: 1;
  transition: opacity .3s;
}

/* *** pagination *** */
.search-results .pagination{
  display: block;
}
.search-results .container .pagination .wp-pagenavi {
  padding: 30px 0;
  position: relative;
  max-width: 925px;
  margin: 0 auto;
  justify-content: flex-start;
}

.search-results .wp-pagenavi::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px;
  left: 50%;
  top: 0;
  background: #EBECF0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 768px) {
  .search-results .wp-pagenavi::before {
    width: calc(100vw - 18px);
  }
}

@media (min-width: 768px) {
  .search-results .wp-pagenavi {
    padding: 55px 0;
  }
}

.search-results .pagination .wp-pagenavi {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.search-results .pagination .current {
  background: #0F62FE;
  color: #fff;
  border-radius: 50px;
}

.search-results .pagination a:hover {
  text-decoration: underline;
}

.search-results .pagination .extend{
  cursor: default;
}

.search-results .pagination a,
.search-results .pagination span {
  height: 24px;
  padding: 3px;
  -webkit-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  line-height: 14px;
  max-width: 24px;
  cursor: pointer;
  border: 0;
  font-size: 14px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border-radius: 2px;
  color: #666666;
}

@media (min-width: 479px) {
  .search-results .pagination a,
  .search-results .pagination span {
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    line-height: 20px;
    max-width: 30px;
    padding: 5px;
    font-size: 16px;
    height: 30px;
  }
}

@media (min-width: 768px) {
  .search-results .pagination a,
  .search-results .pagination span {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    font-size: 18px;
    max-width: 40px;
    line-height: 40px;
    height: 40px;
  }
}

.search-results .pagination a + span,
.search-results .pagination a + .page,
.search-results .pagination span + span,
.search-results .pagination span + .page {
  margin-left: 2px;
}

@media (min-width: 768px) {
  .search-results .pagination a + span,
  .search-results .pagination a + .page,
  .search-results .pagination span + span,
  .search-results .pagination span + .page {
    margin-left: 4px;
  }
}

.search-results .pagination a.nextpostslink {
  order: 99;
}

.search-results .pagination a.nextpostslink:hover,
.search-results .pagination span.nextpostslink:hover {
  text-decoration: underline !important;
}

.search-results .pagination a.nextpostslink,
.search-results .pagination span.nextpostslink {
  font-size: 0;
  position: relative;
}

.search-results .pagination a.nextpostslink:hover,
.search-results .pagination span.nextpostslink:hover {
  opacity: 0.75;
}

.search-results .pagination a.nextpostslink::before,
.search-results .pagination span.nextpostslink::before {
  font-size: 14px;
  content: '\e902';
  font-family: "icomoon";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 24px;
  color: #0F62FE;
}

@media (min-width: 479px) {
  .search-results .pagination a.nextpostslink::before,
  .search-results .pagination span.nextpostslink::before {
    font-size: 16px;
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .search-results .pagination a.nextpostslink::before,
  .search-results .pagination span.nextpostslink::before {
    line-height: 40px;
  }
}

.search-results .pagination a.previouspostslink,
.search-results .pagination span.previouspostslink {
  font-size: 0;
  position: relative;
}

.search-results .pagination a.previouspostslink:hover,
.search-results .pagination span.previouspostslink:hover {
  opacity: 0.75;
}

.search-results .pagination a.previouspostslink::before,
.search-results .pagination span.previouspostslink::before {
  font-size: 15px;
  content: '\e9ce';
  font-family: "fontello";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  line-height: 24px;
}

@media (min-width: 479px) {
  .search-results .pagination a.previouspostslink::before,
  .search-results .pagination span.previouspostslink::before {
    font-size: 20px;
  }
}

@media (min-width: 479px) {
  .search-results .pagination a.previouspostslink::before,
  .search-results .pagination span.previouspostslink::before {
    line-height: 30px;
  }
}

@media (min-width: 768px) {
  .search-results .pagination a.previouspostslink::before,
  .search-results .pagination span.previouspostslink::before {
    line-height: 40px;
  }
}

/* ***  end pagination *** */

.ms-skin-default .ms-container .ms-nav-next, .ms-skin-default .ms-container .ms-nav-prev {
  z-index: 1;
}

.master-slider .ms-container {
  margin: 0 auto 30px;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  overflow: hidden;
}

.button-panel-content .blue-button {
  min-width: 100%;
}

@media (min-width: 540px) {
  .button-panel-content .blue-button {
    min-width: auto;
  }
}

.about-us .text-wrap span {
  color: #0F62FE;
  font-family: "Cheyenne Sans";
  font-size: 18px;
  font-weight: 400;
  border-bottom: 1px solid transparent;
  transition: border-bottom-color .3s, color .3s;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
}

.about-us .text-wrap span:hover {
  border-bottom: 1px solid #0F62FE;
  color: #0F62FE;
}

.search.search-results .search-wrap .icon-search:before,
.search.search-no-results .search-wrap .icon-search:before {
  color: #222;
}

.page-404 .header-search-form .search-wrap,
.search.search-results .header-search-form .search-wrap,
.search.search-no-results .header-search-form .search-wrap {
  background: #f5f5f5 !important;
  border: none;
}

.search.search-results .searchform .search-wrap,
.search.search-no-results .searchform .search-wrap {
  max-width: inherit;
}

.page-404 div.asl_w .probox .promagnifier .innericon svg,
.search div.asl_w .probox .promagnifier .innericon svg {
  fill: #222;
}

.page-404 .wpdreams_asl_container,
.search .wpdreams_asl_container {
  background: #f5f5f5 !important;
}

.page-404 h3 {
  text-align: center;
}

.page-404 #ajaxsearchlite1 .probox .proinput input,
.page-404 .search-wrap input {
  color: #222 !important;
}

.page-404 .search-wrap input[type='search']::-webkit-input-placeholder,
.navbar .searchform input[type='search']::-webkit-input-placeholder {
  color: #222 !important; }
.page-404 .search-wrap input[type='search']::-moz-placeholder,
.navbar .searchform input[type='search']::-moz-placeholder {
  color: #222 !important; }
.page-404 .search-wrap input[type='search']:-moz-placeholder,
.navbar .searchform input[type='search']:-moz-placeholder {
  color: #222 !important; }
.page-404 .search-wrap input[type='search']:-ms-input-placeholder,
.navbar .searchform input[type='search']:-ms-input-placeholder {
  color: #222 !important; }
.page-404 .search-wrap input[type='search'].placeholder,
.navbar .searchform input[type='search'].placeholder {
  color: #222 !important; }

.searchform {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
}

@media (min-width: 992px) {
  .searchform {
    margin: -15px 0;
  }
}

.searchform .results {
  opacity: 0;
  position: absolute;
  transition: opacity 0s;
}

.searchform .results.show {
  opacity: 1;
  width: 100%;
  height: calc(100vh - 160px);
  position: absolute;
  top: 60px;
  z-index: 5;
  transition-property: all;
  transition-duration: .5s;
  transition: opacity .3s;
}

@media (min-width: 992px) {
  .searchform .results.show {
    height: 50vh;
  }
}

@media (min-width: 992px) {
  .searchform .results.show:before {
    content: '';
    position: absolute;
    width: 120vw;
    height: 100vh;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
    z-index: 1;
    background: rgba(100, 100, 100, 0.5);
  }
}

.searchform .results.show #autocomplete {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translate(-50%, 0);
  overflow: auto;
  height: 100%;
  width: 100%;
  z-index: 2;
}

@media (min-width: 992px) {
  .searchform .results.show #autocomplete {
    max-width: 660px;
  }
}

.searchform .results.show .results-wrap {
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  margin: 0 auto;
  left: 0;
}

@media (min-width: 992px) {
  .searchform .results.show .results-wrap {
    max-width: 660px;
    left: 50%;
    transform: translate(-50%, 8px);
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
  }
}

#autocomplete::-webkit-scrollbar {
  width: 22px;
}

#autocomplete::-webkit-scrollbar-thumb {
  background-color: #7f7f7f;
  border: 8px solid #fff;
  border-bottom: 25px solid #fff;
}

.search-results .search-result .search-wrap {
    display: flex;
}
.no-results{
  display: none;
}
.no-results-found{
  font-weight: 600;
  margin-top: 20px;
  text-align: center;
}

/*login page*/
.page-template-page-login main {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f7;
}

.page-template-page-login .login-wrap {
  background: #fff;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 32px 54px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}

.page-template-page-login .logo,
.page-template-page-login .title {
  text-align: center;
}

.page-template-page-login .logo {
  margin: 0 auto 48px;
  max-width: 220px;
}

.page-template-page-login img {
  width: 220px;
}

.page-template-page-login .title {
  margin-bottom: 24px;
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.page-template-page-login p {
  margin-bottom: 24px;
}

.page-template-page-login label,
.page-template-page-login .message {
  font-size: 16px;
  color: #666;
  line-height: 1.375;
}

.page-template-page-login label {
  cursor: pointer;
}

.page-template-page-login input {
  background: #F5F5F7;
  border: none;
  border-radius: 8px;
  padding: 17px 10px;
  width: 100%;
}

.page-template-page-login input:focus {
  border: none;
  outline: none;
}

.page-template-page-login .login-remember label {
  color: #000;
}

.page-template-page-login .login-remember input {
  width: auto;
}

.page-template-page-login .forgot-wrap {
  text-align: center;
}

.page-template-page-login .forgot-wrap a {
  color: #0F62FE;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border .3s;
}

.page-template-page-login .forgot-wrap a:hover {
  border-bottom: 1px solid #0F62FE;
}

.page-template-page-login .forgot-wrap a:after {
  content: '\e902';
  font-family: 'icomoon';
  font-size: 14px;
  margin-left: 5px;
}

.page-template-page-login .login-msg {
  padding: 16px;
  background: #FAF2F4;
  border-radius: 8px;
  font-size: 16px;
  color: #CC2944;
  margin-bottom: 24px;
}

.page-template-page-login .login-msg p {
  margin-bottom: 0;
}

.login-remember label {
  display: flex;
  max-width: 150px;
  font-weight: 400;
}

.login-remember input {
  position: absolute;
  cursor: pointer;
  height: 20px;
  margin: 0;
  opacity: 0;
  width: 20px;
  z-index: 2;
}

.login-remember input:checked + .check:after {
  height: 20px;
  opacity: 1;
  width: 20px;
}

.check {
  position: relative;
  display: block;
  background: #F5F5F7;
  margin-right: 12px;
  border: 1px solid #d8d8d9;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  transition: background .5s;
  overflow: hidden;
}

.check:after,
.check:before {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: background .5s, border .5s, opacity .5s;
}

.check:before {
  content: '\e906';
  font-family: 'icomoon';
  font-size: 13px;
  color: #F5F5F7;
  z-index: 2;
 }

.check:after {
  content: '';
  background: #455666;
  border: 1px solid #3d4c5a;
  height: 3px;
  width: 3px;
  opacity: 0;
}

.lock-icon {
  display: inline-flex;
  background-image: url(img/lock.svg);
  background-size: cover;
  width: 28px;
  height: 28px;
  margin-right: 15px;
}

@media (min-width: 768px) {
  .lock-icon {
    width: 36px;
    height: 36px;
  }
}

@media (min-width: 960px) {
  .lock-icon {
    width: 44px;
    height: 44px;
    margin-right: 20px;
  }
}

.extended .intro p:last-child,
.extended .content-wrap p:last-child {
  margin-bottom: 0;
}

.extended .tech-stack .container {
  padding-bottom: 24px;
}

@media (min-width: 1500px) {
  .extended .tech-stack .container {
    padding-bottom: 40px;
  }
}

.tech-stack-item {
  position: relative;
}

.tech-stack-item:after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 30px);
  height: 1px;
  background: #e0e0e0;
}

@media (min-width: 769px) {
  .tech-stack-item:after {
    width: 100%;
  }

  .tech-stack-item:nth-child(odd):after {
    width: calc(100% - 15px);
    left: 15px;
    transform: translateX(0);
  }

  .search-results .projects-item a {
    color: #222;
    border-bottom: none;
  }

  .healthcare-projects-wrap {
    margin: 0 -28px;
  }

  .healthcare-projects-wrap .blog-item .title {
    font-weight: 600;
    font-size: 18px;
    color: #222;
    border-bottom: none;
  }

  .healthcare-projects-wrap .blog-item em {
    color: #747474;
  }

  .search-results .border-bottom-wrap {
    border-bottom: none;
    padding-bottom: 0;
  }

  .healthcare-projects .searchform {
    padding-bottom: 40px;
    border-bottom: 2px solid #f5f5f5;
  }

  .page-404 .header-search-form .search-wrap {
    max-width: 100%;
  }

  .tech-stack-item:nth-child(even):after {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
}

@media (min-width: 992px) {
  .page-404 .search-wrap .icon-search:before {
    color: #222;
  }
}

@media (min-width: 992px) {
  .tech-stack-item:nth-child(1):after,
  .tech-stack-item:nth-child(4):after,
  .tech-stack-item:nth-child(6):after,
  .tech-stack-item:nth-child(7):after {
    width: 100%;
    left: 15px;
    transform: translateX(0);
  }

  .tech-stack-item:nth-child(3):after,
  .tech-stack-item:nth-child(8):after {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }

  .tech-stack-item:nth-child(2):after,
  .tech-stack-item:nth-child(5):after {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.tech-stack dl {
  margin-bottom: 0;
}

.tech-stack-item dd {
  padding-bottom: 16px;
  margin-bottom: 16px;
}

@media (min-width: 1500px) {
  .tech-stack-item dd {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.tech-stack-item dt h5 {
  margin-bottom: 8px;
}

@media (min-width: 1500px) {
  .tech-stack-item dt h5 {
    margin-bottom: 10px;
  }
}

.extended .img-wrap .container {
  padding: 0 20px 40px;
}

@media (min-width: 768px) {
  .extended .img-wrap .container {
    padding: 0 40px 60px;
  }
}

.extended .img-wrap img {
  border-radius: 16px;
  width: 100%;
  height: 273px;
  object-fit: cover;
  object-position: center;
  transform: translateZ(1px);
}

@media (min-width: 992px) {
  .extended .img-wrap img {
    height: auto;
    object-fit: contain;
  }
  .extended .img-wrap .test img{
    transform: translateZ(1px);
  }
}

.extended .cards-section .container {
  padding-top: 0;
  padding-bottom: 0;
}

/*.extended .img-wrap.bg {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  overflow: hidden;*/
/*  height: 290px;*/
/*}*/

/*@media (min-width: 768px) {*/
/*  .extended .img-wrap.bg {*/
/*    height: auto;*/
/*  }*/
/*}*/

/*.extended .img-wrap.bg img {*/
/*  width: 100%;*/
/*  height: 290px;*/
/*  object-fit: cover;*/
/*  object-position: left;*/
/*  border-radius: 0;*/
/*}*/

/*@media (min-width: 768px) {*/
/*  .extended .img-wrap.bg img {*/
/*    height: auto;*/
/*  }*/
/*}*/

/*.extended .bg:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  background-image: url("./img/background2.png");*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  top: 0;*/
/*  left: 0;*/
/*  z-index: -1;*/
/*}*/

/*.extended .bg .container {*/
/*  padding-top: 0;*/
/*  padding-bottom: 0;*/
/*}*/

.extended .bg {
  position: relative;
  height: 290px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .extended .bg {
    position: relative;
    height: 26vw;
  }
}

.extended .bg.main-banner {
  height: 28vw;
}

.extended .bg img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateZ(1px);
}

.extended .container {
  padding: 40px;
}

.extended .bg-img {
  position: relative;
}

.extended .bg-img .container {
  padding-top: 0;
  padding-bottom: 0;
}

.extended .img-wrap.bg-img img {
  object-fit: cover;
  object-position: left;
  height: 290px;
}

@media (min-width: 768px) {
  .extended .img-wrap.bg-img img {
    height: auto;
  }
}

.extended .img-wrap.bg-img:after {
  content: '';
  position: absolute;
  background-image: url("./img/background2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.extended .bg .container {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .extended .container {
    padding: 40px;
  }
}

.extended .section-3 .container {
padding: 100px 40px 60px;
}

.extended p {
  margin-bottom: 20px;
}

@media (max-width: 1500px) {
  .extended p {
    margin-bottom: 40px;
  }
}

.extended p:last-child {
margin-bottom: 0;
}

.slider-section .container {
padding: 0 40px 40px;
}

.slider-section .extended-list {
margin: 0 -15px;
}

.slider-section .extended-list .slick-list {
overflow: visible;
}

.slider-section .slick-slide {
padding: 0 15px;
position: relative;
}

@media (min-width: 768px) {
  .slider-section .slick-slide {
    padding: 0 15px;
  }
}

.slider-section .extended-item {
border-radius: 20px;
position: relative;
overflow: hidden;
}

.slider-section img {
  height: 180px;
  width: auto;
}

@media (min-width: 768px) {
  .slider-section img {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  .slider-section img {
    height: 373px;
  }
}

@media (min-width: 1500px) {
  .slider-section img {
    height: 560px;
  }
}

.extended {
  overflow-x: hidden;
}

.extended.paralax-page {
  overflow-x: visible;
}

.count-section .container {
  padding: 0 20px 100px;
}

@media (min-width: 768px) {
  .count-section .container {
    padding: 0 40px 100px;
  }
}

.count-section .list {
  margin-left: -45px;
  margin-right: -45px;
}

.count-section .list li {
  padding-left: 45px;
  padding-right: 45px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .count-section .list li {
    margin-bottom: 0;
  }
}

.count-section .count-number {
  display: block;
  color: #29B1CC;
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.18;
}

@media (min-width: 768px) {
  .count-section .count-number {
    margin-bottom: 24px;
  }
}

.extended .delimiter {
  position: relative;
  padding: 40px 40px 80px;
}

.extended .delimiter:before {
  content: '';
  position: absolute;
  width: calc(100% - 80px);
  background: #e0e0e0;
  height: 1px;
  bottom: 20px;
}

.search-close {
  display: none;
}

.search-close:before {
  font-size: 14px;
}

.stopScroll .search-close {
  display: block;
  position: absolute;
  right: 0;
  cursor: pointer;
}

@media (min-width: 992px) {
  .stopScroll .search-close {
    display: none;
  }
}

.stopScroll .header-search-form .search-wrap {
  max-width: calc(100% - 44px);
}

@media (min-width: 992px) {
  .stopScroll .header-search-form .search-wrap {
    max-width: 660px;
  }
}

.video-wrap .container {
  padding: 0 40px 40px;
}

.video-container {
  position: relative;
  padding-top: 56.25%;
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.features-section .container {
  padding: 40px 40px 100px;
}

.features-section h4 {
  font-size: 28px;
  margin-bottom: 30px;
}

.features-section .text-wrap {
  max-width: 810px;
  margin-bottom: 40px;
}

.features-list li {
  margin-bottom: 40px;
}

.features-list h5 {
  font-size: 24px;
  margin-bottom: 30px;
}

/*template-page-4 start*/
.template-page-4 .width-50 {
  width: calc(50% - 20px);
}

.template-page-4 .group-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.template-page-4 .relative-holder {
  position: relative;
  overflow: hidden;
  max-height: 560px;
}

.template-page-4 .relative-holder:after {
  content: '';
  float: left;
}

.template-page-4 .w-100 {
  margin-bottom: 40px;
}

.template-page-4 .w-100:after {
  content: '';
  float: left;
  padding-top: 40%;
}

.template-page-4 .width-50:after {
  content: '';
  float: left;
  padding-top: calc(80%);
}

.template-page-4 .relative-holder img {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.template-page-4 .img-wrap.delimiter {
  padding: 0;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .template-page-4 .img-wrap.delimiter {
    padding: 0;
    margin-bottom: 100px;
  }
}

.template-page-4 .img-wrap.delimiter:before {
  content: '';
  position: absolute;
  width: 100%;
  background: #e0e0e0;
  height: 1px;
  bottom: -40px;
}
/*template-page-4 end*/

/*progressbar start*/
#progressbar {
  position: fixed;
  left: 0;
  top: 0;
  width: 0;
  height: 5px;
  background: #0F62FE;
  z-index: 9999;
}
/*progressbar end*/

.horizontal-pararalax .container-par {
  position: relative;
  width: 100%;
  min-height: 100vh;
}

.horizontal-pararalax .space-holder {
  position: relative;
  width: 100%;
}

.horizontal-pararalax .sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

.horizontal-pararalax .horizontal {
  position: absolute;
  height: 100%;
  will-change: transform;
}

.horizontal-pararalax .cards {
  position: relative;
  height: 100vh;
  padding: 0 0 0 40px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.horizontal-pararalax .sample-card {
  position: relative;
  height: 100%;
  margin-right: 40px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 20px;
}

.horizontal-pararalax .sample-card.horizont-card {
  width: 70vw;
}

.horizontal-pararalax .sample-card.vertical-card {
  width: 33.8vw;
}

.horizontal-pararalax .sample-card img {
  position: absolute;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/*video banner start*/
.video-section video {
  width: 100%;
  overflow: hidden;
}

/*video banner end*/

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
.chatAI:not(.open){
  display: block;
  animation: .5s hideChatAI;
  -webkit-animation: .5s hideChatAI;
  -moz-animation: .5s hideChatAI;
  -o-animation: .5s hideChatAI;
  -ms-animation: .5s hideChatAI;
  transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  opacity: 0;
}
.chatAI{
  position: fixed;
  right: 20px;
  bottom: 32px;
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.16), 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  width: 420px;
  height: 600px;
  overflow:hidden;
  z-index: 99999;
}
.chatAI.wide{
  animation: 1s wide_chat !important;
  -webkit-animation: 1s wide_chat !important;
  -moz-animation: 1s wide_chat !important;
  -o-animation: 1s wide_chat !important;
  -ms-animation: .1s wide_chat !important;
  max-width: 800px;
  width: calc(100% - 40px);
  max-height: 800px;
  height: 100%;
}
.chatAI iframe{
  width: 100%;
  height: calc(100% - 56px);
  position: absolute;
}
.chatAI.hide{
  display: none;
}
.chatAI.open{
  transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  display: block;
  animation: .5s showChatAI;
  -webkit-animation: .5s showChatAI;
  -moz-animation: .5s showChatAI;
  -o-animation: .5s showChatAI;
  -ms-animation: .5s showChatAI;
  transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1;
  animation-iteration-count: 1;
}
.chatAI.open.wide{
  animation: none showChatAI !important;
  -webkit-animation: none showChatAI !important;
  -moz-animation: none showChatAI !important;
  -o-animation: none showChatAI !important;
  -ms-animation: none showChatAI !important;
}
@keyframes hideChatAI {
  0% {
    transform: translate(0);
    opacity: 1
  }

  100% {
    transform: translate(0,50em);
    opacity: 0
  }
}

@keyframes showChatAI {
  0%,30% {
    transform: translate(0,30em);
    opacity: 0
  }

  100% {
    transform: translate(0);
    opacity: 1
  }
}
.chatAI-btn{
  cursor: pointer;
  right: 20px;
  bottom: 32px;
  width: 60px;
  height: 60px;
  z-index: 99999;
  position: fixed;
  border-radius: 50px;
  background: #0F62FE url("data:image/svg+xml,%0A%3Csvg width='24' height='28' viewBox='0 0 24 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3C0 1.34315 1.34315 0 3 0H21C22.6569 0 24 1.34315 24 3V24V26.5718C24 27.8369 22.4705 28.4705 21.5759 27.5759L18 24H3C1.34315 24 0 22.6569 0 21V3ZM20 6V7C19 7 18 8 18 9H17C17 8 16 7 15 6.99937V5.99937C16 6 17 5 17 4H18C18 5 19 6 20 6ZM4 14.0008V15.0017C5.32502 15.0017 6.2523 15.3301 6.91405 15.7712C7.58206 16.2166 8.03989 16.8175 8.35557 17.4489C8.67322 18.0842 8.83702 18.7316 8.91986 19.2286C8.96088 19.4747 8.981 19.6776 8.99082 19.8151C8.99572 19.8837 8.99802 19.9355 8.99909 19.9676C8.99963 19.9837 8.99985 19.9948 8.99995 20.0006L9 20.0026C9 20.0022 9 20.0017 10 20.0017C11 20.0017 11 20.0022 11 20.0026L11.0001 20.0006C11.0001 19.9974 11.0002 19.9925 11.0004 19.986C11.0005 19.9809 11.0007 19.9747 11.0009 19.9676C11.002 19.9355 11.0043 19.8837 11.0092 19.8151C11.019 19.6776 11.0391 19.4747 11.0801 19.2286C11.163 18.7316 11.3268 18.0842 11.6444 17.4489C11.9601 16.8175 12.4179 16.2166 13.0859 15.7712C13.7477 15.3301 14.675 15.0017 16 15.0017V14.0008V13.0017C14.675 13.0017 13.7477 12.6733 13.0859 12.2321C12.4179 11.7868 11.9601 11.1858 11.6444 10.5545C11.3268 9.91919 11.163 9.2718 11.0801 8.77479C11.0391 8.52865 11.019 8.32573 11.0092 8.18825C11.0043 8.11968 11.002 8.06791 11.0009 8.03576C11.0004 8.01969 11.0001 8.00858 11.0001 8.00277L11 8.00078C11 8.00122 11 8.00169 10 8.00169C9 8.00169 9 8.00122 9 8.00078L8.99995 8.00277C8.99985 8.00858 8.99963 8.01969 8.99909 8.03576C8.99802 8.06791 8.99572 8.11968 8.99082 8.18825C8.981 8.32573 8.96088 8.52865 8.91986 8.77479C8.83702 9.2718 8.67322 9.91919 8.35557 10.5545C8.03989 11.1858 7.58206 11.7868 6.91405 12.2321C6.2523 12.6733 5.32502 13.0017 4 13.0017V14.0008Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
  box-shadow: 0 4px 12px -2px rgba(15, 98, 254, 0.50);
}
.chatAI-btn.open{
  background: #0F62FE url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.05654 11.0565C7.57724 10.5358 8.42146 10.5358 8.94216 11.0565L15.9993 18.1137L23.0565 11.0565C23.5772 10.5358 24.4215 10.5358 24.9422 11.0565C25.4629 11.5772 25.4629 12.4215 24.9422 12.9422L16.9422 20.9422C16.4215 21.4629 15.5772 21.4629 15.0565 20.9422L7.05654 12.9422C6.53584 12.4215 6.53584 11.5772 7.05654 11.0565Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
  display: none;
}
.chatAI-avatar-bot{
  margin-top: auto;
  margin-right: 8px;
  width: 32px;
  height: 32px;
  flex:0 0 32px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='3 3 26.1 26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.3,3C4.5,3,3,4.5,3,6.3v19.5C3,27.5,4.5,29,6.3,29h19.5c1.8,0,3.3-1.5,3.3-3.3V6.3C29,4.5,27.5,3,25.8,3H6.3z' fill='%23EBECF0' %3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7,4C5.3,4,4,5.3,4,7v18c0,1.7,1.3,3,3,3h18c1.7,0,3-1.3,3-3V7c0-1.7-1.3-3-3-3H7z M24,10v1c-1,0-2,1-2,2h-1c0-1-1-2-2-2v-1c1,0,2-1,2-2h1C22,9,23,10,24,10z M8,18v1c1.3,0,2.3,0.3,2.9,0.8c0.7,0.4,1.1,1,1.4,1.7c0.3,0.6,0.5,1.3,0.6,1.8c0,0.2,0.1,0.4,0.1,0.6c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0l0,0c0,0,0,0,1,0s1,0,1,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0-0.1,0-0.2c0-0.1,0-0.3,0.1-0.6c0.1-0.5,0.2-1.1,0.6-1.8c0.3-0.6,0.8-1.2,1.4-1.7c0.7-0.4,1.6-0.8,2.9-0.8v-1v-1c-1.3,0-2.3-0.3-2.9-0.8c-0.7-0.4-1.1-1-1.4-1.7c-0.3-0.6-0.5-1.3-0.6-1.8c0-0.2-0.1-0.4-0.1-0.6c0-0.1,0-0.1,0-0.2c0,0,0,0,0,0l0,0c0,0,0,0-1,0s-1,0-1,0l0,0c0,0,0,0,0,0c0,0,0,0.1,0,0.2c0,0.1,0,0.3-0.1,0.6c-0.1,0.5-0.2,1.1-0.6,1.8c-0.3,0.6-0.8,1.2-1.4,1.7C10.3,16.7,9.3,17,8,17V18z' fill='%23252533'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
}
.chatAI-item{
  display: flex;
  padding-left: 48px;
  padding-bottom: 16px;
}
.chatAI-item:first-child{
  margin-top: auto;
}
.chatAI-item.bot{
  padding: 0 28px 16px 0;
}
.chatAI-message{
  padding: 10px 16px;
  font-size: 14px;
  border-radius: 9px 9px 9px 0;
  background: #EBECF0;
  color: #0E0E0F;
}
.chatAI-message-wrap{
  width: 100%;
}
.looking-message{
  padding: 5px 0 0;
  font-size: 14px;
  color:#414752;
}
.looking-message .dotted-loader::before{
  content: ".";
  animation: show_dotted 1.5s linear infinite;
}
.looking-message .dotted-loader::after{
  content: ".";
  animation: show_dotted 1.5s linear infinite;
  animation-delay: 1s;
}
.looking-message .dotted-loader i{
  margin: 0 -2px;
  animation: show_dotted 1.5s linear infinite;
  animation-delay: 0.5s;
}
/* chatAI */
.chatAI-wrapper{
  position: fixed;
  z-index: 100000;
}
.chatAI-message > *{
  margin-bottom: 16px;
}
.chatAI-message *:last-child{
  margin-bottom: 0;
}
.chatAI-hint{
  position: fixed;
  right: 20px;
  display: flex;
  opacity: 0;
  flex-direction: column;
  align-items: flex-end;
  bottom: 90px;
  animation: show_hint .36s ease-in both;
  animation-delay: 3s;
}
.chatAI-hint.hide{
  display: none;
}
.chatAI-hint .chatAI-item {
  padding-right: 0;
}
.chatAI-hint-close{
  margin-bottom: 12px;
  width: 40px;
  height: 40px;
  background:#EBECF0 url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z' fill='%23252533'/%3E%3C/svg%3E%0A") no-repeat center;
  border-radius: 50%;
  cursor: pointer;
}
.chatAI-header{
  background: #0F62FE;
  color: #fff;
  height: 56px;
  padding: 12px 16px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.chatAI-title{
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0C1.34315 0 0 1.34315 0 3V21C0 22.6569 1.34315 24 3 24H21C22.6569 24 24 22.6569 24 21V3C24 1.34315 22.6569 0 21 0H3ZM20 6V7C19 7 18 8 18 9H17C17 8 16 7 15 6.99937V5.99937C16 6 17 5 17 4H18C18 5 19 6 20 6ZM4 14.0008V15.0017C5.32502 15.0017 6.2523 15.3301 6.91405 15.7712C7.58206 16.2166 8.03989 16.8175 8.35557 17.4489C8.67322 18.0842 8.83702 18.7316 8.91986 19.2286C8.96088 19.4747 8.981 19.6776 8.99082 19.8151C8.99572 19.8837 8.99802 19.9355 8.99909 19.9676C8.99963 19.9837 8.99985 19.9948 8.99995 20.0006L9 20.0026C9 20.0022 9 20.0017 10 20.0017C11 20.0017 11 20.0022 11 20.0026L11.0001 20.0006C11.0001 19.9974 11.0002 19.9925 11.0004 19.986C11.0005 19.9809 11.0007 19.9747 11.0009 19.9676C11.002 19.9355 11.0043 19.8837 11.0092 19.8151C11.019 19.6776 11.0391 19.4747 11.0801 19.2286C11.163 18.7316 11.3268 18.0842 11.6444 17.4489C11.9601 16.8175 12.4179 16.2166 13.0859 15.7712C13.7477 15.3301 14.675 15.0017 16 15.0017V14.0008V13.0017C14.675 13.0017 13.7477 12.6733 13.0859 12.2321C12.4179 11.7868 11.9601 11.1858 11.6444 10.5545C11.3268 9.91919 11.163 9.2718 11.0801 8.77479C11.0391 8.52865 11.019 8.32573 11.0092 8.18825C11.0043 8.11968 11.002 8.06791 11.0009 8.03576C11.0004 8.01969 11.0001 8.00858 11.0001 8.00277L11 8.00078C11 8.00122 11 8.00169 10 8.00169C9 8.00169 9 8.00122 9 8.00078L8.99995 8.00277C8.99985 8.00858 8.99963 8.01969 8.99909 8.03576C8.99802 8.06791 8.99572 8.11968 8.99082 8.18825C8.981 8.32573 8.96088 8.52865 8.91986 8.77479C8.83702 9.2718 8.67322 9.91919 8.35557 10.5545C8.03989 11.1858 7.58206 11.7868 6.91405 12.2321C6.2523 12.6733 5.32502 13.0017 4 13.0017V14.0008Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat top 3px left 0;
  padding-left: 36px;
  font-family: 'Poppins';
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
}
.chatAI-wide{
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 3C13 2.44772 13.4477 2 14 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73479 22 3L22 10C22 10.5523 21.5523 11 21 11C20.4477 11 20 10.5523 20 10L20 5.41422L14.7071 10.7071C14.3166 11.0976 13.6834 11.0976 13.2929 10.7071C12.9024 10.3166 12.9024 9.68342 13.2929 9.29289L18.5858 4H14C13.4477 4 13 3.55228 13 3ZM11 21C11 21.5523 10.5523 22 10 22H3C2.73478 22 2.48043 21.8946 2.29289 21.7071C2.10536 21.5196 2 21.2652 2 21L2.00002 14C2.00002 13.4477 2.44773 13 3.00002 13C3.5523 13 4.00002 13.4477 4.00002 14L4.00001 18.5858L9.29289 13.2929C9.68342 12.9024 10.3166 12.9024 10.7071 13.2929C11.0976 13.6834 11.0976 14.3166 10.7071 14.7071L5.41421 20H10C10.5523 20 11 20.4477 11 21Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: auto;
}
.chatAI-wide.wide-status{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4142 9.00002H21C21.5523 9.00002 22 9.44773 22 10C22 10.5523 21.5523 11 21 11H14C13.7348 11 13.4804 10.8947 13.2929 10.7071C13.1054 10.5196 13 10.2652 13 10L13 3C13 2.44771 13.4477 2 14 2C14.5523 2 15 2.44772 15 3L15 7.5858L20.2929 2.29291C20.6834 1.90238 21.3166 1.90238 21.7071 2.29291C22.0976 2.68343 22.0976 3.3166 21.7071 3.70712L16.4142 9.00002ZM2 14C2 13.4477 2.44772 13 3 13H10C10.2652 13 10.5196 13.1054 10.7071 13.2929C10.8946 13.4805 11 13.7348 11 14L11 21C11 21.5523 10.5523 22 9.99998 22C9.4477 22 8.99998 21.5523 8.99998 21L8.99999 16.4142L3.70711 21.7071C3.31658 22.0977 2.68342 22.0977 2.29289 21.7071C1.90237 21.3166 1.90237 20.6834 2.29289 20.2929L7.58579 15H3C2.44772 15 2 14.5523 2 14Z' fill='white'/%3E%3C/svg%3E%0A");
}
.chatAI-close{
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 8px;
}
@keyframes show_hint{
  0%{
    opacity: 0;
    transform: translateY(50%);
  }
  100%{
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes show_dotted{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}
@keyframes wide_chat_close {
  0%{
    height: 800px;
    width: 800px;
  }
  100%{
    height: 600px;
    width: 420px;
  }
}
@media screen and (max-height: 860px) and (min-width: 860px) {
  .chatAI.wide{
    height: 600px;
  }
}
@media screen and (max-width: 860px){
  .chatAI-wide{
    display: none;
  }
  .chatAI-close{
    margin-left: auto;
  }
}
@media screen and (max-width: 640px){
  .chatAI{
    height: calc(100% - 26px);
    width: calc(100% - 30px);
    right: 15px;
    bottom: 13px;
  }
  .chatAI-btn{
    bottom: 13px;
    right: 15px;
  }
}
@media screen and (max-height: 600px) and (max-width: 1400px){
  .chatAI{
    height: calc(100% - 26px);
    width: 420px;
    right: 15px;
    bottom: 13px;
  }
  .chatAI-btn{
    bottom: 13px;
    right: 15px;
  }
}
@media screen and (max-height: 600px) and (min-width: 300px) and (max-width: 860px){
  .chatAI{
    height: calc(100% - 26px);
    width: calc(100% - 30px);
    right: 15px;
    bottom: 13px;
  }
  .chatAI-btn{
    bottom: 13px;
    right: 15px;
  }
}
@media only screen
and (max-width: 429px)
and (max-height: 927px){
  .chatAI{
    height: calc(100% - 26px);
    width: calc(100% - 30px);
    right: 15px;
    bottom: 13px;
  }
  .chatAI-btn{
    bottom: 13px;
    right: 15px;
  }
}
/* chatAI */
.grecaptcha-badge{
  opacity: 0;
  overflow: hidden;
}

.tech-stack-tags-wrapper {
  margin: 0 -4px;
}

.tech-stack-tag {
  margin: 0 4px;
  padding: 4px 8px;
  border-radius: 20px;
  background-color: #F2F2F2;
  white-space: nowrap;
  transition: background-color 0.2s;
}

.tag-page-section .container {
  padding-bottom: 10px;
  text-align: left;
}

.tag-page-section .container h1 {
  text-transform: none;
}

.tech-stack-tag-link {
  text-decoration: none;
}

.tech-stack-tag-link:hover {
  color: black;
}

.tech-stack-tag-link:hover .tech-stack-tag {
  background: #e0e0e0;
}

.tag-page-home {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}

.tag-page-home-button{
  text-decoration: none;
}

.tag-page-home-button:hover {
  color: black;
}

.tag-page-home-button span {
  padding: 10px 30px;
  border-radius: 35px;
  background-color: #F2F2F2;
  font-size: 30px;
  transition: all 0.3s;
}

.tag-page-home-button:hover span {
  background-color: #e0e0e0;
}