@charset "UTF-8";
/*
Theme Name: Engitech
Theme URI: http://templates.thememodern.com/engitech/index.html
Author: ThemeModern
Author URI: http://thememodern.com
Description: Engitech is a WordPress theme for IT Solution and Services Company. Engitech is easy to use, it provides everything you need to create great looking website. With Engitech you can impress your customer by it’s professional design and the interactivity. Engitech built with latest website technology to ensure your website is looks nice on desktop and mobile. Get Engitech now!
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: engitech
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
  ## Links
  ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Posts and pages
  ## Comments
# Infinite scroll
# Media
  ## Captions
  ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Nunito Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

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

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

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

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

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

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #6d6d6d;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 400;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #1b1d21;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
  font-weight: bold;
}

h5 {
  font-size: 20px;
  font-weight: bold;
}

h6 {
  font-size: 18px;
  font-weight: bold;
}

p {
  margin: 0 0 20px;
}

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

blockquote {
  font-size: 22px;
  line-height: 36px;
  margin: 30px 0 25px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 0 30px 0 50px;
  position: relative;
  color: #1b1d21;
}
blockquote:before {
  content: "";
  font-family: "Flaticon";
  font-size: 30px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #7141b1;
}
blockquote cite {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  margin-top: 10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
}

address {
  margin: 0 0 1.5em;
}

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

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

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

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

big {
  font-size: 125%;
}

.bg-alt {
  background: #f8f8f8;
}

.bg-primary {
  background: #43baff;
}

.bg-second {
  background: #7141b1;
}

.text-primary {
  color: #43baff;
}

.text-second {
  color: #7141b1;
}

.text-dark {
  color: #1b1d21;
}

.section-padd {
  padding: 110px 0;
}

.section-padd-bot {
  padding-bottom: 110px;
}

.section-padd-top {
  padding-top: 110px;
}

.section-padd-top70 {
  padding-top: 70px;
}

.lead {
  font-size: 18px;
}

.clear-both {
  clear: both;
}

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

.font-main {
  font-family: "Nunito Sans", sans-serif;
}

.font-second {
  font-family: "Montserrat", sans-serif;
}

.font14 {
  font-size: 14px;
}

.text-light {
  color: #fff;
}
.text-light * {
  color: #fff;
}

.bolder {
  font-weight: 900;
}

.bold {
  font-weight: 700;
}

.medium {
  font-weight: 500;
}

.normal {
  font-weight: 400;
}

.lighter {
  font-weight: 300;
}

.underline {
  text-decoration: underline;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.dtable {
  display: table;
}

.dcell {
  display: table-cell;
  vertical-align: middle;
}

.flex-middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.b-shadow {
  box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
}

.overflow {
  overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}

.gaps {
  clear: both;
  height: 20px;
  display: block;
}
.gaps.size-2x {
  height: 40px;
}

.slick-arrow {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: -57px;
  margin-top: -17px;
  background: none;
  color: #1b1d21;
  border: none;
  outline: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.slick-arrow:not(.slick-disabled):hover {
  color: #43baff;
}
.slick-arrow.next-nav {
  left: auto;
  right: -57px;
}
.slick-arrow i:before {
  font-size: 18px;
}

.slick-dots li button {
  width: 12px;
  height: 12px;
}
.slick-dots li button:before {
  font-size: 32px;
  line-height: 10px;
  width: auto;
  height: auto;
  color: #d0d0d0;
}

.slick-dots li.slick-active button:before {
  color: #7141b1;
  font-size: 45px;
  left: -2px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  overflow-x: hidden;
}

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

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

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

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

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
}

caption,
td,
th {
  padding: 0;
  font-weight: normal;
  text-align: left;
}

table,
th,
td {
  border: 1px solid #eee;
}

th {
  font-weight: 700;
}

th,
td {
  padding: 0.4375em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* #button Group
================================================== */
.octf-btn {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  padding: 14px 30px 14px 30px;
  line-height: 1.42857143;
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  background: #43baff;
  cursor: pointer;
  border: 1px solid transparent;
  color: #fff;
  outline: none;
}
.octf-btn:visited {
  color: #fff;
}
.octf-btn:hover, .octf-btn:focus {
  background: #7141b1;
  color: #fff;
}

.octf-btn.octf-btn-second {
  background: #7141b1;
  color: #fff;
}
.octf-btn.octf-btn-second:visited {
  background: #7141b1;
  color: #fff;
}
.octf-btn.octf-btn-second:hover, .octf-btn.octf-btn-second:focus {
  background: #43baff;
}

.octf-btn.octf-btn-light {
  background: #fff;
  color: #1b1d21;
}
.octf-btn.octf-btn-light:visited {
  background: #fff;
  color: #1b1d21;
}
.octf-btn.octf-btn-light:hover, .octf-btn.octf-btn-light:focus {
  color: #fff;
  background: #1b1d21;
}

.octf-btn-dark {
  color: #fff;
  background: #1b1d21;
}
.octf-btn-dark:visited {
  color: #fff;
  background: #1b1d21;
}
.octf-btn-dark:hover, .octf-btn-dark:focus {
  background: #fff;
  color: #1b1d21;
}

.btn-details {
  font-size: 14px;
  font-weight: bold;
  color: #43baff;
}
.btn-details i {
  margin-right: 8px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.btn-details i:before {
  font-size: 15px;
}
.btn-details:hover i {
  margin-right: 3px;
}
.btn-details:visited {
  color: #43baff;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #fff;
  border: none;
  background: #f6f6f6;
  padding: 10px 20px;
  box-sizing: border-box;
  outline: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #6d6d6d;
}

select {
  border: none;
  background: #f6f6f6;
  outline: none;
}

textarea {
  width: 100%;
  height: 150px;
  vertical-align: top;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6d6d6d;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #6d6d6d;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #6d6d6d;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #6d6d6d;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  color: #7141b1;
  text-decoration: none;
}
a:visited {
  color: #7141b1;
}
a:hover, a:focus, a:active {
  color: #43baff;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
.header-topbar {
  padding: 7px 0px;
  border-bottom: 1px solid transparent;
  background: #3d2b96;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.header-topbar a {
  color: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.header-topbar a:hover {
  color: #43baff;
}

.social-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-left: 25px;
}
.social-list li {
  display: inline-block;
  margin: 0px 8px;
}
.social-list li:last-child {
  margin-right: 0px;
}
.social-list li a {
  display: inline-block;
  padding: 0px 3px;
}
.social-list li a i {
  font-size: 12px;
  font-weight: 400;
}

.topbar-info {
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: left;
}
.topbar-info li {
  padding: 0px 20px;
  float: left;
}
.topbar-info li:first-child {
  padding-left: 0px;
}
.topbar-info li i {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #fff;
  margin-right: 7px;
  line-height: 1;
}

.topbar_languages {
  float: right;
  border-left: 1px solid #e5e5e5;
  margin-left: 30px;
  padding-left: 20px;
}
.topbar_languages select {
  background: transparent;
  border: 0px solid #F0F3FB;
  border-radius: 0px;
  padding: 0px 20px 0px 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #a5b7d2;
  /* Here's the code we need */
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.topbar_languages select:focus {
  outline: none;
}
.topbar_languages select::-ms-expand {
  display: none;
}
.topbar_languages select option {
  color: #a2b7d2;
}
.topbar_languages > div {
  position: relative;
}
.topbar_languages > div:after {
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -6px;
  font-family: "Flaticon";
  content: "";
  font-size: 11px;
  line-height: 1;
  color: #a5b7d2;
  font-weight: 500;
  pointer-events: none;
}

.extra-text a {
  color: #05ef1b;
}
.extra-text a:hover {
  color: #fff;
}

/* style 2 */
.style-2 {
  padding: 0;
  line-height: 40px;
}
.style-2 .social-list {
  float: left;
  margin-left: 0;
}
.style-2 .social-list li {
  margin: 0;
}
.style-2 .social-list li a {
  display: block;
  padding: 0 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.style-2 .social-list li:last-child a {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.style-2 .topbar-info {
  float: right;
  margin-left: 20px;
}
.style-2 .topbar-info li {
  padding: 0 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.style-2 .topbar-info li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* style 3 */
.header-style-3 .header-topbar {
  background: #fff;
  color: #666;
}
.header-style-3 .header-topbar a {
  color: #666;
}
.header-style-3 .header-topbar a:hover {
  color: #43baff;
}
.header-style-3 .header-topbar .topbar-info li i {
  color: #1b1d21;
}
.header-style-3 .header-topbar .extra-text a:hover {
  color: #1b1d21;
}

@media only screen and (max-width: 1199px) {
  .extra-text {
    display: none;
  }

  .social-list {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .mobile-topbar {
    line-height: 1.875;
    padding: 7px 0;
  }
  .mobile-topbar.header-topbar {
    display: block;
  }
  .mobile-topbar .social-list {
    float: none;
    clear: both;
    padding-top: 2px;
  }
  .mobile-topbar .social-list li a {
    border: none !important;
    padding: 0;
  }
  .mobile-topbar .social-list li:first-child {
    margin-left: 0;
  }
  .mobile-topbar .topbar-info {
    margin-left: 0;
    float: none;
  }
  .mobile-topbar .topbar-info li {
    border: none !important;
    padding-left: 0;
  }

  .style-2 .social-list li {
    margin: 0 8px;
  }
  .style-2 .social-list li:first-child a {
    margin-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .topbar-info li {
    float: none;
    padding-left: 0;
  }
}
/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/
#site-logo {
  min-width: 145px;
  /* padding: 30px 0; */
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
#site-logo img {
  width: 200px;
}
#site-logo img.logo-static {
  display: block;
}
#site-logo img.logo-scroll {
  display: none;
}

.is-stuck #site-logo img.logo-static {
  display: none;
}
.is-stuck #site-logo img.logo-scroll {
  display: block;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul {
  list-style: none;
  padding-left: 0;
}

.site-header {
  background: #fff;
  border-bottom: 1px solid rgba(20, 29, 56, 0.15);
  position: relative;
  z-index: 10;
}

.octf-mainbar-container {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.octf-mainbar {
  display: flex;
  flex-flow: column wrap;
  flex: 1 auto;
}

.octf-main-header .octf-mainbar-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  flex: 1 auto;
}

.octf-mainbar-row > [class^=octf-col] {
  display: flex;
  align-items: stretch;
  position: static;
}

.octf-mainbar-row .octf-col {
  flex-basis: 0;
  flex-grow: 0.65;
  max-width: 100%;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.octf-mainbar-row > [class^=octf-col] {
  flex-flow: row nowrap;
}
.octf-mainbar-row > [class^=octf-col].text-left {
  justify-content: flex-start;
}
.octf-mainbar-row > [class^=octf-col].text-center {
  justify-content: center;
}
.octf-mainbar-row > [class^=octf-col].text-right {
  justify-content: flex-end;
}

.octf-main-header .octf-row > div:empty {
  display: none;
}

.octf-row {
  margin-right: -15px;
  margin-left: -15px;
}

.octf-col:before {
  display: inline-flex;
}

.octf-main-header .octf-row .octf-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.octf-header-module {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* Main Menu */
.main-navigation {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: auto;
}

.main-navigation > ul {
  position: relative;
  display: flex;
  width: 100%;
  vertical-align: middle;
  height: 100%;
}

.main-navigation ul {
  font-weight: bold;
  list-style: none;
  margin: 0px 0px;
  padding: 0px 0px;
}

.main-navigation > ul > li {
  margin: 0px 20px;
  padding: 0px 0px;
  float: left;
  position: relative;
  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;
  height: 100%;
}

.main-navigation > ul > li:before {
  position: absolute;
  height: 3px;
  width: 0;
  bottom: -1px;
  right: 0;
  background: #43baff;
  content: "";
  display: block;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}

.main-navigation > ul > li:hover:before,
.main-navigation > ul > li.current-menu-item:before,
.main-navigation > ul > li.current-menu-ancestor:before {
  left: 0;
  right: auto;
  width: 100%;
}

.main-navigation ul ul {
  float: none;
  margin: 0px 0px;
  padding: 0px 0px;
  background-color: #fff;
  box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
}

.main-navigation ul > li > a {
  display: inline-block;
  padding: 32px 0px;
  line-height: 35px;
  text-decoration: none;
  text-align: center;
  outline: none;
  color: #1a1b1e;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.main-navigation ul > li > a:hover {
  color: #43baff;
}

.main-navigation ul > li.menu-item-has-children > a {
  padding-right: 17px;
}

.main-navigation > ul > li.menu-item-has-children:last-child > a:after {
  right: 0px;
}

.main-navigation ul li li {
  display: block;
  position: relative;
  padding: 0px 40px;
}

.main-navigation ul li li a {
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #1a1b1e;
  text-align: left;
  display: block;
  padding: 5px 0px 5px 0px;
  position: relative;
  text-decoration: none;
  outline: none;
  text-transform: uppercase;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}

.main-navigation ul li li a:before {
  position: absolute;
  content: "//";
  top: 50%;
  left: 0;
  color: #43baff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}

.main-navigation ul li li a:hover:before,
.main-navigation ul ul li.current-menu-item > a:before,
.main-navigation ul ul li.current-menu-ancestor > a:before {
  left: 0px;
  visibility: visible;
  opacity: 1;
}

.main-navigation ul li li a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
  color: #43baff;
  padding-left: 12px;
}

.main-navigation ul > li.menu-item-has-children > a:after {
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -4px;
  font-family: "Flaticon";
  content: "";
  font-size: 7px;
  line-height: 1;
  color: #c3c7c9;
  font-weight: 500;
  transform: rotate(90deg);
}

.main-navigation ul > li.menu-item-has-children > a:hover:after {
  color: #43baff;
}

.main-navigation ul > li li.menu-item-has-children > a:after {
  position: absolute;
  content: "";
  font-family: Flaticon;
  top: 50%;
  right: 0;
  margin-top: -5px;
  font-size: 9px;
  color: #c3c7c9;
  transform: rotate(0deg);
}

.main-navigation ul li ul {
  width: 280px;
  white-space: nowrap;
  padding: 25px 0px;
  position: absolute;
  top: calc(100% + 1px);
  left: -40px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}

.main-navigation ul li ul ul {
  left: 100%;
  top: -25px;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
}

.main-navigation ul li:hover > ul {
  visibility: visible;
  opacity: 1;
}

.main-navigation ul > li:hover > ul {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/* Header Call To Action */
.octf-btn-cta {
  display: inline-flex;
  vertical-align: middle;
  position: relative;
}
.octf-btn-cta .toggle_search {
  cursor: pointer;
  margin-left: 30px;
}
.octf-btn-cta .h-search-form-field {
  position: absolute;
  z-index: 99;
  top: -webkit-calc(100% + 1px);
  top: expression(100% + 1px);
  top: -moz-calc(100% + 1px);
  top: -o-calc(100% + 1px);
  top: calc(100% + 1px);
  right: -30px;
  width: 330px;
}
.octf-btn-cta .h-search-form-field .h-search-form-inner {
  padding: 30px;
  background-color: #fff;
  box-shadow: 15px 15px 34px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 34px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 34px 0px rgba(0, 0, 0, 0.1);
}
.octf-btn-cta .h-search-form-field.show {
  -webkit-animation: stickySlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: stickySlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.h-search-form-inner label {
  margin-bottom: 0;
}
.octf-btn-cta .octf-cta-icons i {
  color: #1b1d21;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  min-width: 22px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.octf-btn-cta .octf-cta-icons i:before, .octf-btn-cta .octf-cta-icons i:after {
  font-size: 22px;
}
.octf-btn-cta .octf-cta-icons i.flaticon-close:before {
  font-size: 18px;
}
.octf-btn-cta .octf-cta-icons i.flaticon-shopper:before {
  font-size: 24px;
}
.octf-btn-cta .btn-cta-group {
  margin-left: 40px;
}
.octf-btn-cta .contact-header {
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1;
  border-left: 1px solid #dcdde1;
  padding: 5px 0 5px 40px;
}
.octf-btn-cta .contact-header i {
  font-size: 22px;
  color: #43baff;
  margin-right: 12px;
}
.octf-btn-cta .contact-header span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #6d6d6d;
}
.octf-btn-cta .contact-header span.main-text, .octf-btn-cta .contact-header span a {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #1b1d21;
  margin-top: 7px;
}

/*Header Shop Cart */
.h-cart-btn {
  position: relative;
}

.site-header-cart {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  top: -webkit-calc(100% + 1px);
  top: expression(100% + 1px);
  top: -moz-calc(100% + 1px);
  top: -o-calc(100% + 1px);
  top: calc(100% + 1px);
  right: -30px;
  background: #fff;
  width: 330px;
  padding: 30px;
  box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  -webkit-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  -moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.site-header-cart .woocommerce-mini-cart__buttons {
  margin-bottom: -15px;
}
.site-header-cart .widget_shopping_cart_content {
  text-align: left;
}
.woocommerce-mini-cart__empty-message {
    margin-bottom: 0;
}

.cart-btn-hover:hover .site-header-cart {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.cart-btn-hover:hover .site-header-cart:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 100%;
  top: -10px;
  left: 0px;
}

.cart-icon {
  position: relative;
  display: inline-block;
}
.cart-icon .count {
  position: absolute;
  bottom: 0;
  left: -7px;
  width: 20px;
  height: 20px;
  line-height: 21px;
  background: #43baff;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
}

.header-style-3 {
  border: none;
}
.header-style-3 .octf-main-header {
  background: #0381cd;
}
.header-style-3 .main-navigation ul.menu > li > a,
.header-style-3 .octf-btn-cta .octf-cta-icons i {
  color: #fff;
}
.header-style-3 .main-navigation ul.menu > li > a:hover,
.header-style-3 .octf-btn-cta .octf-cta-icons i:hover {
  color: #43baff;
}

@-webkit-keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.is-stuck {
  -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  -moz-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.is-stuck {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}

.admin-bar .is-stuck,
.admin-bar .header-overlay {
  top: 32px;
}

@media screen and (min-width: 1024px) {
  .header-static .is-stuck{
    background-color: #fff;
  }
  .is-stuck {
    background-color: #0E0A31;
    -webkit-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
  }
  .is-stuck .main-navigation ul.menu > li > a {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
.is-stuck #site-logo {
  padding: 15px 0px 15px 0px;
}

/* Responsive */
@media (max-width: 1199px) {
  .main-navigation > ul > li {
    margin: 0 14px;
  }
}
@media (max-width: 1440px) {
  .octf-btn-cta .btn-cta-header {
    display: none;
  }
}
@media (max-width: 1265px) {
  .octf-btn-cta .contact-header {
    display: none;
  }
}
/*--------------------------------------------------------------
## Header Mobile
--------------------------------------------------------------*/
.header_mobile {
  display: none;
}

@media only screen and (max-width: 824px) {
  .octf-main-header {
    display: none;
  }

  .header-topbar {
    display: none;
  }

  .site-header {
    background: #fff;
    -webkit-box-shadow: 2px 2px 15px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 2px 2px 15px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 2px 2px 15px 0px rgba(42, 67, 113, 0.15);
  }

  .header_mobile {
    display: block;
    width: 100%;
    background: #fff;
  }
  .header_mobile.is-stuck {
    box-shadow: 2px 2px 15px 0px rgba(42, 67, 113, 0.15);
  }

  .header_mobile .mlogo_wrapper {
    position: relative;
    padding: 0px 0px;
  }
  .header_mobile .mlogo_wrapper img {
    height: 100px;
  }

  .header_mobile .mlogo_wrapper .mobile_logo {
    float: left;
  }

  #mmenu_toggle {
    position: absolute;
    cursor: pointer;
    width: 26px;
    height: 20px;
    right: 0px;
    margin-top: -10px;
    top: 50%;
  }

  #mmenu_toggle button {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -2px 0 0;
    background: #1b1d21;
    height: 4px;
    padding: 0;
    border: none;
    width: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    outline: none;
    border-radius: 2px;
  }

  #mmenu_toggle button:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    width: 26px;
    height: 4px;
    background: #1b1d21;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    border-radius: 2px;
  }

  #mmenu_toggle button:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 26px;
    height: 4px;
    background: #1b1d21;
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    border-radius: 2px;
  }

  #mmenu_toggle.active button {
    background: none;
  }

  #mmenu_toggle.active button:before {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }

  #mmenu_toggle.active button:after {
    bottom: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }

  .header_mobile .mobile_nav {
    display: none;
    background: #fff;
  }

  .header_mobile .mobile_nav .mobile_mainmenu {
    margin: 0;
    padding: 0;
  }

  .header_mobile .mobile_nav .mobile_mainmenu ul {
    position: relative;
    margin: 0;
    padding: 0;
    margin-left: 15px;
  }

  .header_mobile .mobile_nav.collapse .mobile_mainmenu ul {
    display: none;
  }

  .header_mobile .mobile_nav .mobile_mainmenu li {
    position: relative;
    list-style: none;
  }

  .header_mobile .mobile_nav .mobile_mainmenu li a {
    padding: 9px 0;
    display: block;
    color: #1b1d21;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
  }

  .header_mobile .mobile_nav .mobile_mainmenu > li:last-child > a {
    border: none;
  }

  .header_mobile .mobile_nav .mobile_mainmenu li li a {
    font-size: 15px;
  }

  .header_mobile .mobile_nav .mobile_mainmenu li li a:hover,
.header_mobile .mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a, .header_mobile .mobile_nav ul li.current-menu-item > a  {
    color: #43baff;
  }

  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow {
    color: #fff;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: auto;
    padding: 9px 12px 9px 0;
    line-height: inherit;
    text-align: right;
    box-sizing: border-box;
  }

  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {
    color: #9397a7;
    display: inline-block;
    line-height: 1;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
  }
  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i:before {
    font-size: 8px;
  }

  .header_mobile .mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .header_mobile .mobile_nav .mobile_mainmenu > li > a:hover, .header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-item > a,
.header_mobile .mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a {
    color: #43baff;
  }
}
@media only screen and (max-width: 767px) {
  .header_mobile .mlogo_wrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  .mobile_logo img {
    max-width: 230px;
    max-height: 47px;
  }
}
/*--------------------------------------------------------------
## Page Header
--------------------------------------------------------------*/
.page-header {
  width: 100%;
  min-height: 350px;
  color: #43baff;
  font-weight: 500;
  background: #262051 center center no-repeat;
  background-size: cover;
}
.page-header .page-title {
  color: #fff;
  margin-bottom: 0;
  flex: 1;
  padding: 10px 20px 10px 0;
}
.page-header .breadcrumbs {
  margin-bottom: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
}
.page-header .breadcrumbs li {
  display: inline-block;
  color: #fff;
}
.page-header .breadcrumbs li:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 7px;
  color: #43baff;
  margin: -3px 8px 0;
  display: inline-block;
  vertical-align: middle;
}
.page-header .breadcrumbs li:first-child:before {
  display: none;
}
.page-header .breadcrumbs li a {
  color: #aeaacb;
}
.page-header .breadcrumbs li a:hover {
  color: #fff;
}

@media (max-width: 992px) {
  .page-header .inner {
    display: block;
  }
}
@media (max-width: 767px) {
  .page-header .container {
    width: 100%;
  }
  .page-header .page-title {
    font-size: 36px;
  }
  .page-header .breadcrumbs {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .page-header {
    min-height: 200px;
    padding: 40px 0;
  }
  .page-header .page-title {
    font-size: 30px;
  }
}
.header-fullwidth .container-fluid .cta-col {
  flex: 2;
}

@media (max-width: 1024px) {
  .header-fullwidth .octf-area-wrap {
    width: 100%;
    padding: 0 !important;
  }

  .header-fullwidth .header-topbar .container-fluid {
    width: 970px;
    margin: 0 auto;
    padding: 0 15px;
  }
}
@media (max-width: 991px) {
  .header-fullwidth .header-topbar .container-fluid {
    width: 750px;
  }
}
@media (max-width: 767px) {
  .header-fullwidth .header-topbar .container-fluid {
    width: 100%;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  float: left;
  margin-right: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
}

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

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

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.entry-content {
  padding: 90px 0 110px;
}

.post-box {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.post-box .post-inner {
  background: #fff;
  margin-bottom: 60px;
}
.post-box p {
  margin-bottom: 0;
}
.post-box .entry-media {
  position: relative;
}
.post-box .entry-media .post-cat {
  position: absolute;
  z-index: 2;
  bottom: -16px;
  left: 40px;
}
.post-box .inner-post {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  padding: 40px 40px 36px;
  border: 1px solid #e7e7e7;
}
.post-box .post-cat a {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  display: inline-block;
  color: #fff;
  background: #43baff;
  padding: 10px;
  margin-right: 6px;
}
.post-box .post-cat a:hover {
  background: #7141b1;
}
.post-box .entry-meta {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #7141b1;
  margin-bottom: 13px;
}
.post-box .entry-meta > span {
  margin-right: 5px;
  display: inline-block;
}
.post-box .entry-meta a {
  color: #7141b1;
}
.post-box .entry-meta a:hover {
  color: #43baff;
}
.post-box .entry-title {
  margin-bottom: 15px;
  line-height: 36px;
}
.post-box .entry-title a {
  color: #1b1d21;
  display: inline-block;
}
.post-box .entry-title a:hover {
  text-decoration: underline;
}
.post-box .padding-box {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  padding: 40px 40px 0 40px;
  border: 1px solid #e7e7e7;
  border-bottom: none;
}
.post-box .padding-box + .inner-post {
  border-top: none;
  padding-top: 20px;
}
.post-box .img-slider .slick-arrow {
  height: 65px;
  width: 50px;
  background: #262051;
  color: #fff;
  left: 0;
}
.post-box .img-slider .slick-arrow:hover {
  background: #fff;
  color: #262051;
}
.post-box .img-slider .next-nav {
  left: auto;
  right: 0;
}
.post-box .audio-box iframe {
  width: 100%;
}
.post-box .link-box a {
  font-size: 22px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: #1b1d21;
}
.post-box .link-box a:hover {
  color: #43baff;
}
.post-box .link-box i {
  color: #7141b1;
  margin-right: 15px;
}
.post-box .link-box i:before {
  font-size: 32px;
  line-height: 1;
}
.post-box .quote-box {
  overflow: hidden;
}
.post-box .quote-box i {
  float: left;
  color: #7141b1;
}
.post-box .quote-box i:before {
  font-size: 32px;
  line-height: 1;
}
.post-box .quote-box .quote-text {
  padding-left: 52px;
  font-size: 22px;
  font-weight: 600;
  line-height: 36px;
  font-family: "Montserrat", sans-serif;
  color: #1b1d21;
}
.post-box .quote-box .quote-text span {
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
}
.post-box .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -30px;
  margin-left: -30px;
}
.post-box .btn-play i {
  position: relative;
  z-index: 1;
  display: block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  background: #fff;
  color: #43baff;
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.post-box .btn-play i:before {
  margin-left: 6px;
  font-size: 21px;
}
.post-box .btn-play:before, .post-box .btn-play:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 1024;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  animation: circle-fade-before 2s infinite ease-in-out;
  -webkit-animation: circle-fade-before 2s infinite ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.post-box .btn-play:after {
  animation: circle-fade-after 2s infinite ease-in-out;
  -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.post-box .btn-play:hover i {
  background: #43baff;
  color: #fff;
}
.post-box .btn-play:hover:before, .post-box .btn-play:hover:after {
  border-color: #43baff;
}
.post-box .btn-readmore {
  margin-top: 22px;
  line-height: 1;
  overflow: hidden;
}
.post-box .btn-readmore > a {
  font-size: 14px;
  font-weight: bold;
  color: #43baff;
}
.post-box .btn-readmore > a i {
  margin-right: 8px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.post-box .btn-readmore > a i:before {
  font-size: 15px;
}
.post-box .btn-readmore > a:hover i {
  margin-right: 3px;
}
.post-box:hover {
  box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
}
.post-box:hover > .post-inner > .inner-post,
.post-box:hover > .post-inner > .padding-box {
  border-color: transparent;
}

.page-pagination {
  margin-top: 60px;
  margin-bottom: 0;
}
.page-pagination li {
  display: inline-block;
}
.page-pagination li a, .page-pagination li span {
  font-size: 18px;
  color: #1b1d21;
  background: #fff;
  font-weight: 700;
  height: 40px;
  width: 40px;
  display: block;
  text-align: center;
  line-height: 40px;
  margin-right: 5px;
  border: 1px solid #e7e7e7;
}
.page-pagination li a i:before, .page-pagination li span i:before {
  font-size: 16px;
}
.page-pagination li span, .page-pagination li a:hover {
  background: #43baff;
  color: #fff;
  border-color: #43baff;
}

/* blog post */
.blog-post {
  box-shadow: none;
  overflow: inherit;
  margin-bottom: 0;
}
.blog-post > .inner-post {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.blog-post > .inner-post p:not(:last-child) {
  margin-bottom: 20px;
}
.blog-post > .inner-post .entry-summary {
  padding-bottom: 50px;
}
.blog-post.format-audio .post-cat, .blog-post.format-quote .post-cat, .blog-post.format-link .post-cat, .blog-post.format-standard:not(.has-post-thumbnail) .post-cat {
  left: 0;
}
.blog-post .padding-box {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.blog-post .tagcloud {
  margin: 2px -3px 0;
  float: left;
}
.blog-post .tagcloud a {
  color: #1b1d21;
  background: #f6f6f6;
  font-size: 14px !important;
  font-weight: 600;
  padding: 10px 12px;
  margin: 0 3px;
  margin-bottom: 10px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 0;
}
.blog-post .tagcloud a:hover {
  background: #7141b1;
  color: #fff;
}
.blog-post .entry-footer {
  margin-bottom: 30px;
  padding: 18px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.blog-post .share-post {
  margin-bottom: 30px;
  text-align: center;
}
.blog-post .share-post a {
  display: inline-block;
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  background: #43baff;
  color: #fff;
  margin: 0 8px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
}
.blog-post .share-post a:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.blog-post .share-post a.face {
  background: #4661c5;
}
.blog-post .share-post a.twit {
  background: #44b1e4;
}
.blog-post .share-post a.pint {
  background: #ff2e2e;
}
.blog-post .share-post a.linked {
  background: #0073B0;
}
.blog-post .share-post a.google {
  background: #DC4A38;
}
.blog-post .share-post a.tumblr {
  background: #3C586D;
}
.blog-post .share-post a.reddit {
  background: #FD4507;
}
.blog-post .share-post a.vk {
  background: #5082B9;
}
.blog-post .author-bio {
  overflow: hidden;
  margin-bottom: 40px;
}
.blog-post .author-bio .author-image {
  float: left;
  margin-right: 50px;
}
.blog-post .author-bio .author-info {
  padding: 40px 50px 33px 0;
  border: 1px solid #e7e7e7;
  border-left: 0;
}
.blog-post .author-bio .author-info .title {
  font-weight: 600;
  margin-bottom: 7px;
}
.blog-post .author-bio .author-info h6 {
  margin-bottom: 12px;
  font-weight: 700;
}
.blog-post .author-bio .author-info .des {
  margin-bottom: 15px;
}
.blog-post .author-bio .author-info .author-socials a {
  font-size: 14px;
  margin-right: 15px;
  color: #fff;
}
.blog-post .author-bio .author-info .author-socials a:hover {
  color: #43baff;
}
.blog-post:hover {
  box-shadow: none;
}

.drop-cap {
  font-family: "Montserrat", sans-serif;
  float: left;
  text-align: center;
  background: #fff;
  width: 40px;
  height: 40px;
  line-height: 1;
  margin: 8px 18px 0 0 !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.drop-cap span {
  font-size: 24px;
  line-height: 38px;
  border: 1px solid #e7e7e7;
  display: block;
  font-weight: 800;
  color: #43baff;
}

.post-nav {
  margin-bottom: 30px;
  overflow: hidden;
}
.post-nav a {
  position: relative;
  display: block;
  line-height: 1;
  min-height: 70px;
}
.post-nav a:before {
  position: absolute;
  top: 0;
  color: #fff;
  background: #43baff;
  height: 70px;
  line-height: 70px;
  padding: 0 7px;
}
.post-nav h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}
.post-nav span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #bdbdbd;
}
.post-nav .post-prev {
  float: left;
  max-width: 350px;
  margin-left: -45px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.post-nav .post-prev a {
  padding-left: 45px;
}
.post-nav .post-prev a:before {
  content: "";
  font-family: "Flaticon";
  left: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.post-nav .post-prev:hover {
  margin-left: 0;
}
.post-nav .post-next {
  float: right;
  text-align: right;
  max-width: 350px;
  margin-right: -45px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.post-nav .post-next a {
  padding-right: 45px;
}
.post-nav .post-next a:before {
  content: "";
  font-family: "Flaticon";
  right: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.post-nav .post-next:hover {
  margin-right: 0;
}

.related-posts {
  margin-top: 90px;
  margin-bottom: 20px;
}
.related-posts h2 {
  margin-bottom: 30px;
}
.related-posts .post-box .post-inner {
  margin-bottom: 0;
}

@keyframes circle-fade-before {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes circle-fade-after {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
@media (max-width: 991px) {
  .content-area.col-md-9 {
    margin-bottom: 60px;
  }

  .post-box.post-item {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .blog-post .author-bio .author-image {
    display: none;
  }
  .blog-post .author-bio .author-info {
    padding: 20px 25px;
    border-left: 1px solid #e7e7e7;
  }

  .post-nav {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  blockquote {
    font-size: 20px;
  }

  .single-post .entry-content {
    padding: 50px 0 70px;
  }

  .blog-list .post-box .inner-post {
    padding: 30px;
  }

  .post-box .entry-title {
    font-size: 22px;
    line-height: 30px;
  }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area ol, .comments-area ul {
  list-style: none;
  padding-left: 0;
}
.comments-area ol .comment-respond, .comments-area ul .comment-respond {
  margin-top: -30px;
  margin-bottom: 40px;
}
.comments-area .comments-title {
  margin-bottom: 50px;
  font-size: 36px;
}
.comments-area .comment-item {
  margin-bottom: 50px;
  overflow: hidden;
}
.comments-area .comment-item .gravatar {
  float: left;
}
.comments-area .comment-item .comment-content:not(.pingback) {
  padding-left: 110px;
}
.comments-area .comment-item .comment-meta {
  position: relative;
}
.comments-area .comment-item .comment-meta .comment-author {
  text-transform: capitalize;
  margin-bottom: 7px;
  font-weight: 700;
}
.comments-area .comment-item .comment-meta .comment-time {
  display: block;
  color: #bdbdbd;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 7px;
}
.comments-area .comment-item .comment-meta .comment-reply-link {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #43baff;
}
.comments-area .comment-item .comment-meta .comment-reply-link:before {
  content: "";
  font-family: "Flaticon";
  margin-right: 10px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.comments-area .comment-item .comment-meta .comment-reply-link:hover:before {
  margin-right: 3px;
}
.comments-area .comment-item .comment-text p {
  margin-bottom: 15px;
}
.comments-area ul.children {
  padding-left: 110px;
}

.comment-respond {
  padding: 50px;
  border: 1px solid #e7e7e7;
}
.comment-respond .comment-reply-title {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 10px;
  margin-top: -5px;
}
.comment-respond .comment-reply-title small {
  font-size: 16px;
  font-weight: 400;
  text-transform: lowercase;
  margin-left: 5px;
}
.comment-respond .comment-reply-title small a {
  color: #ad1010;
}
.comment-respond .comment-reply-title small a:hover {
  color: #43baff;
}

.comment-form p {
  margin-bottom: 20px;
  line-height: 1;
}
.comment-form p label {
  margin-left: 8px;
}
.comment-form p.form-submit {
  margin-bottom: 0;
}
.comment-form .comment-notes {
  margin-bottom: 36px;
}
.comment-form .logged-in-as {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  margin-bottom: 35px;
}
.comment-form .logged-in-as a {
  color: #6d6d6d;
}
.comment-form .logged-in-as a:hover {
  color: #7141b1;
}
.comment-form input[type=text],
.comment-form input[type=email] {
  width: 100%;
}
.comment-form .octf-btn {
  text-transform: uppercase;
}
.comment-form .octf-btn:hover {
  background: #1b1d21;
}

@media only screen and (max-width: 768px) {
  .comment-respond {
    padding: 30px;
  }
  .comment-respond .comment-reply-title {
    font-size: 30px;
  }

  .comments-area ul.children {
    padding-left: 30px;
  }

  .comment-form .octf-btn {
    font-size: 12px;
    padding: 10px 23px;
  }
}
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.widget ul li {
  position: relative;
}
.widget .tagcloud {
  margin: 0 -3px -10px;
}
.widget .tagcloud a {
  color: #1b1d21;
  background: #f6f6f6;
  font-size: 14px !important;
  font-weight: 600;
  padding: 10px 12px;
  margin: 0 3px;
  margin-bottom: 10px;
  line-height: 1;
  display: inline-block;
}
.widget .tagcloud a:hover {
  background: #7141b1;
  color: #fff;
}

.widget-area .widget {
  margin-bottom: 45px;
}
.widget-area .widget:last-child {
  margin-bottom: 0;
}
.widget-area .widget .widget-title {
  padding-bottom: 18px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.widget-area .widget .widget-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 25px;
  height: 3px;
  background: #43baff;
}
.widget-area .widget ul:not(.recent-news) > li {
  font-weight: 800;
  font-size: 14px;
  position: relative;
  margin-bottom: 11px;
  line-height: 24px;
}
.widget-area .widget ul:not(.recent-news) > li:last-child {
  margin-bottom: 0;
}
.widget-area .widget ul:not(.recent-news) > li a {
  color: #1b1d21;
  display: inline-block;
  position: relative;
  transition: all 0.35s linear;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  -ms-transition: all 0.35s linear;
}
.widget-area .widget ul:not(.recent-news) > li a:hover {
  color: #7141b1;
}
.widget-area .widget ul:not(.recent-news) > li .posts-count {
  color: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.widget-area .widget ul:not(.recent-news) > li.recentcomments a:before {
  display: none;
}
.widget-area .widget select {
  width: 100%;
  padding: 8px;
  outline: none;
}
.widget-area .widget table caption {
  margin-bottom: 10px;
}
.widget-area .widget table td, .widget-area .widget table th {
  border-color: #aaa;
  text-align: center;
}
.widget-area .widget_categories ul li a,
.widget-area .widget_product_categories ul li a,
.widget-area .widget_archive ul li a {
  text-transform: uppercase;
  color: #1b1d21;
  display: inline-block;
  position: relative;
  transition: all 0.35s linear;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  -ms-transition: all 0.35s linear;
}
.widget-area .widget_categories ul li a:before,
.widget-area .widget_product_categories ul li a:before,
.widget-area .widget_archive ul li a:before {
  content: "//";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  color: #7141b1;
  transition: all 0.35s linear;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  -ms-transition: all 0.35s linear;
}
.widget-area .widget_categories ul li a + span,
.widget-area .widget_product_categories ul li a + span,
.widget-area .widget_archive ul li a + span {
  transition: all 0.35s linear;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  -ms-transition: all 0.35s linear;
  color: #b7b6b6;
}
.widget-area .widget_categories ul li a:hover,
.widget-area .widget_product_categories ul li a:hover,
.widget-area .widget_archive ul li a:hover {
  color: #7141b1;
  padding-left: 15px;
}
.widget-area .widget_categories ul li a:hover:before,
.widget-area .widget_product_categories ul li a:hover:before,
.widget-area .widget_archive ul li a:hover:before {
  opacity: 1;
  visibility: visible;
}
.widget-area .widget_categories ul li a:hover + span,
.widget-area .widget_product_categories ul li a:hover + span,
.widget-area .widget_archive ul li a:hover + span {
  color: #7141b1;
}

.widget .recent-news {
  padding-top: 5px;
}
.widget .recent-news li:not(:last-child) {
  margin-bottom: 25px;
}
.widget .recent-news .thumb {
  float: left;
  margin-right: 20px;
}
.widget .recent-news h6 {
  margin: -3px 0 3px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
.widget .recent-news h6 a {
  color: #1b1d21;
  display: block;
}
.widget .recent-news h6 a:before {
  display: none;
}
.widget .recent-news h6 a:hover {
  color: #7141b1;
}
.widget .recent-news .entry-date {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}

.search-form {
  position: relative;
}
.search-form .search-field {
  width: 100%;
  padding: 0 66px 0 20px;
  height: 46px;
  line-height: 1;
  border-color: #e6e6e6;
}
.search-form .search-submit {
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 46px;
  outline: none;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: #43baff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.search-form .search-submit i {
  color: #fff;
}
.search-form .search-submit i:before, .search-form .search-submit i:after {
  font-size: 16px;
}
.search-form .search-submit:hover {
  background: #7141b1;
}
.instagram_widget .widget-insta-feeds {
    display: table;
}
.instafeed-gallery .instafeed-item {
  display: inline-block;
  width: 33.33333333%;
}
.instafeed-gallery .instafeed-item a {
  display: inline-block;
  margin: 5px;
  background: #f1f1f1;
}
.instafeed-gallery .instafeed-item a img {
  max-width: 100%;
  height: auto;
}

.author-widget_wrapper {
  position: relative;
  max-width: 270px;
}
.author-widget_wrapper .author-widget_info {
  padding: 0 30px;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
.author-widget_wrapper .author-widget_title {
  margin-bottom: 10px;
  color: #fff;
}
.author-widget_wrapper .author-widget_text {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}

.author-widget_social a {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  height: 26px;
  width: 26px;
  line-height: 26px;
  cursor: pointer;
  margin-right: 5px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.author-widget_social a.social-facebook {
  color: #2255ee;
}
.author-widget_social a.social-twitter {
  color: #4ccef9;
}
.author-widget_social a.social-google {
  color: #dd4b39;
}
.author-widget_social a.social-pinterest {
  color: #ff2e2e;
}
.author-widget_social a.social-linkedin {
  color: #3292ff;
}
.author-widget_social a.social-buffer {
  color: #000000;
}
.author-widget_social a.social-digg {
  color: #005be2;
}
.author-widget_social a.social-reddit {
  color: #ff4500;
}
.author-widget_social a.social-tumbleupon {
  color: #eb4924;
}
.author-widget_social a.social-tumblr {
  color: #35465c;
}
.author-widget_social a.social-vk {
  color: #45668e;
}
.author-widget_social a.social-yummly {
  color: #E16120;
}
.author-widget_social a.social-email {
  color: #E84231;
}
.author-widget_social a.social-dribbble {
  color: #ea4c89;
}
.author-widget_social a.social-instagram {
  color: #ff9000;
}
.author-widget_social a.social-youtube {
  color: #FF0000;
}
.author-widget_social a.social-pinterest {
  color: #E60023;
}
.author-widget_social a:last-child {
  margin-right: 0px;
}
.author-widget_social a:hover {
  transform: translateY(-3px);
}

/*--------------------------------------------------------------
## Responsive Blog
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

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

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

.bypostauthor {
  color: inherit;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery-caption {
  display: block;
}

.gallery {
  margin-bottom: 1.5em;
  margin-left: -7px;
  margin-right: -7px;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0;
  padding: 7px;
}

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

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

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

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

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

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

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

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

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/*--------------------------------------------------------------
# Elementor Widgets
--------------------------------------------------------------*/
.ot-heading {
  margin-bottom: 15px;
}
.ot-heading > span {
  font-size: 14px;
  font-weight: 800;
  color: #7141b1;
  position: relative;
  display: inline-block;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.ot-heading h2 {
  margin-bottom: 0;
  line-height: 48px;
}

@media (max-width: 767px) {
  .ot-heading > span {
    font-size: 12px;
  }

  .ot-heading h2 {
    font-size: 27px;
    line-height: 38px;
  }
}
@media (max-width: 600px) {
  .ot-heading h2 br {
    display: none;
  }
}
/** Style 1 **/
.icon-box-s1 .icon-main {
  color: #7141b1;
}
.icon-box-s1 .icon-main i, .icon-box-s1 .icon-main span:before {
  font-size: 40px;
}
.icon-box-s1 .icon-main img {
  width: 40px;
}
.icon-box-s1 h5 {
  font-size: 18px;
  font-weight: 600;
}
.icon-box-s1 h5 a {
  color: #1b1d21;
}
.icon-box-s1 .line-box {
  height: 3px;
  width: 100%;
  background: #efefef;
  margin-bottom: 15px;
  position: relative;
}
.icon-box-s1 .line-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  background: #7141b1;
  height: 100%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.icon-box-s1:hover .line-box:after {
  left: 0;
  right: auto;
  width: 100%;
}

/** Style 2 **/
.icon-box-s2 {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.icon-box-s2.s1 .icon-main, .icon-box-s2.s3 .icon-main {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  float: left;
  text-align: center;
  line-height: 1;
  color: #7141b1;
}
.icon-box-s2.s1 .icon-main i, .icon-box-s2.s1 .icon-main span:before, .icon-box-s2.s3 .icon-main i, .icon-box-s2.s3 .icon-main span:before {
  font-size: 45px;
}
.icon-box-s2.s1 .icon-main span, .icon-box-s2.s3 .icon-main span {
  display: block;
}
.icon-box-s2.s1 .icon-main img, .icon-box-s2.s3 .icon-main img {
  width: 45px;
}
.icon-box-s2.s1 .content-box, .icon-box-s2.s3 .content-box {
  padding-left: 75px;
}
.icon-box-s2 .content-box h5 {
  margin-bottom: 17px;
  font-weight: bold;
}
.icon-box-s2 .content-box h5 a {
  color: #1b1d21;
}
.icon-box-s2 .content-box h5 a:hover {
  color: #43baff;
}
.icon-box-s2 .content-box p:last-child {
  margin-bottom: 0;
}
.icon-box-s2.s2 {
  padding: 40px 45px;
  position: relative;
  overflow: hidden;
}
.icon-box-s2.s2 * {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.icon-box-s2.s2 .icon-main {
  color: #7141b1;
  margin-bottom: 30px;
  line-height: 1;
}
.icon-box-s2.s2 .icon-main i, .icon-box-s2.s2 .icon-main span:before {
  font-size: 40px;
  line-height: 1;
}
.icon-box-s2.s2 .icon-main img {
  max-width: 40px;
  margin-top: -5px;
}
.icon-box-s2.s2:before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.icon-box-s2.s2:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: -15px;
  right: -15px;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #43baff;
}
.icon-box-s2.s2:hover {
  background: #42424294 !important;
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.icon-box-s2.s2:hover:before {
  width: 100%;
  opacity: 1;
}
.icon-box-s2.s2:hover:after {
  opacity: 1;
  width: 30px;
  height: 30px;
}
.icon-box-s2.s2 .content-box h5 {
  margin-bottom: 14px;
}
.icon-box-s2.s3 .icon-main {
  float: right;
}
.icon-box-s2.s3 .content-box {
  text-align: right;
  padding-left: 0;
  padding-right: 75px;
}

.tech-box {
  display: block;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 40px 15px 30px;
}
.tech-box .icon-main {
  line-height: 1;
  margin-bottom: 18px;
}
.tech-box i, .tech-box span:before {
  font-size: 55px;
  line-height: inherit;
}
.tech-box h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #fff;
}
.tech-box:hover {
  background: #43baff;
  border-color: #43baff;
  color: #fff;
}
.tech-box:visited {
  color: #fff;
}

.ot-image-box {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.ot-image-box .overlay {
  z-index: 1;
  opacity: 1;
  background: rgba(16, 120, 165, 0.2);
}
.ot-image-box h4 {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 26px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ot-image-box img {
  filter: grayscale(90%);
}
.ot-image-box:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  z-index: 1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #43baff;
}
.ot-image-box:hover img {
  filter: none;
}
.ot-image-box:hover .overlay {
  background: transparent;
}

@media (min-width: 768px) and (max-width: 991px) {
  .icon-box-s2.s2 {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (max-width: 1024px) {
  .icon-box-s2.s2:before {
    width: 100%;
  }
}
.service-box {
  overflow: hidden;
  position: relative;
  padding: 33px 35px 28px;
  background: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  border: 1px solid #e7e7e7;
}
.service-box * {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.service-box .icon-main {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-top: 5px;
  text-align: center;
  color: #fff;
  background: #43baff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.service-box .icon-main i, .service-box .icon-main span:before {
  font-size: 17px;
}
.service-box .icon-main img {
  width: 17px;
}
.service-box .content-box {
  padding-left: 73px;
  position: relative;
}
.service-box .content-box h5 {
  font-size: 18px;
  margin-bottom: 5px;
}
.service-box .content-box p:last-child {
  margin-bottom: 0;
}
.service-box .big-number {
  position: absolute;
  right: -7px;
  bottom: 0;
  font-size: 72px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  line-height: 52px;
  color: #f2f2f2;
}
.service-box:hover {
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

@media (max-width: 600px) {
  .service-box .number-box {
    float: none;
    margin-bottom: 30px;
  }
}
.serv-box {
  overflow: hidden;
  position: relative;
  padding: 40px 40px 35px;
  background: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  border: 1px solid #e7e7e7;
}
.serv-box * {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box .icon-main {
  position: absolute;
  top: -88px;
  right: -88px;
  width: 188px;
  height: 188px;
  color: #fff;
  background-color: #00deff;
  background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
  background-image: -webkit-linear-gradient(125deg, #00deff, #502a71);
  background-image: linear-gradient(125deg, #00deff, #502a71);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.serv-box .icon-main i, .serv-box .icon-main span, .serv-box .icon-main img {
  position: absolute;
  bottom: 42px;
  left: 40px;
  font-size: 35px;
  line-height: 1;
}
.serv-box .icon-main i:before, .serv-box .icon-main span:before, .serv-box .icon-main img:before {
  font-size: 35px;
}
.serv-box .icon-main img {
  width: 35px;
}
.serv-box .content-box h5 {
  font-size: 22px;
  line-height: 36px;
  font-weight: bold;
  padding-right: 60px;
  margin-bottom: 10px;
}
.serv-box .content-box ul {
  margin-top: 10px;
  padding-left: 0;
  list-style: none;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}
.serv-box .content-box ul li {
  padding: 0 20px;
}
.serv-box .content-box ul li a {
  color: #1b1d21;
  display: inline-block;
  line-height: 40px;
  position: relative;
}
.serv-box .content-box ul li a:before {
  content: "//";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  color: #7141b1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box .content-box ul li:hover, .serv-box .content-box ul li.active {
  background: #f8f8f8;
}
.serv-box .content-box ul li:hover a, .serv-box .content-box ul li.active a {
  color: #7141b1;
  padding-left: 15px;
}
.serv-box .content-box ul li:hover a:before, .serv-box .content-box ul li.active a:before {
  opacity: 1;
  visibility: visible;
}
.serv-box .content-box ul:last-child {
  margin-bottom: 0;
}
.serv-box:hover {
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  border-color: transparent;
}
.serv-box .overlay {
  z-index: 2;
  background: transparent;
}

.serv-box-2 {
  overflow: hidden;
  position: relative;
  padding: 43px 30px 65px;
  background: #262051;
  color: #aeaacb;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2 .big-number {
  position: absolute;
  left: -10px;
  top: 0;
  font-size: 100px;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  line-height: 72px;
  color: #332d5f;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2 .icon-main {
  position: absolute;
  bottom: -88px;
  right: -88px;
  width: 188px;
  height: 188px;
  color: #fff;
  background: #332d5f;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2 .icon-main i, .serv-box-2 .icon-main span, .serv-box-2 .icon-main img {
  position: absolute;
  top: 42px;
  left: 40px;
  font-size: 35px;
  line-height: 1;
}
.serv-box-2 .icon-main i:before, .serv-box-2 .icon-main span:before, .serv-box-2 .icon-main img:before {
  font-size: 35px;
}
.serv-box-2 .icon-main img {
  width: 35px;
}
.serv-box-2 .content-box {
  position: relative;
  z-index: 1;
}
.serv-box-2 .content-box h5 {
  line-height: 30px;
  color: #fff;
  margin-bottom: 10px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.serv-box-2 .content-box .btn-details {
  display: inline-block;
  margin-top: 30px;
}
.serv-box-2:hover {
  background: #fff;
  color: #6d6d6d;
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.serv-box-2:hover .big-number {
  color: #f4f6f6;
}
.serv-box-2:hover .icon-main {
  background: #43baff;
}
.serv-box-2:hover .content-box h5 {
  color: #1b1d21;
}

/* .projects-grid
================================================== */
.projects-grid, .project-slider {
  position: relative;
  margin: -15px;
}

.projects-grid:after {
  content: "";
  display: block;
  clear: both;
}

.project-item {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.projects-grid.pf_5_cols .project-item {
  width: 20%;
}

.projects-grid.pf_4_cols .project-item {
  width: 25%;
}

.projects-grid.pf_2_cols .project-item {
  width: 50%;
}

.projects-style-1 .projects-box {
  position: relative;
  overflow: hidden;
}
.projects-style-1 .projects-box .portfolio-info {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(12, 41, 53, 0.5);
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.projects-style-1 .projects-box .portfolio-info .overlay {
  opacity: 1;
  background: transparent;
  z-index: 0;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  padding: 30px 40px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.projects-style-1 .projects-box .portfolio-info h5 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 7px;
}
.projects-style-1 .projects-box .portfolio-info h5 a {
  color: #fff;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates a {
  color: #fff;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates span:last-child {
  display: none;
}
.projects-style-1 .projects-box:hover .portfolio-info {
  opacity: 1;
}
.projects-style-1 .projects-box .projects-thumbnail {
  overflow: hidden;
}
.projects-style-1 .projects-box img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.projects-style-1 .projects-box:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  filter: grayscale(90%);
}

.projects-style-2 .projects-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.projects-style-2 .projects-box .portfolio-info {
  min-width: 310px;
  width: calc(100% - 60px);
  margin: auto;
  position: absolute;
  bottom: -50px;
  left: 50%;
  text-align: center;
  background: #262051;
  padding: 26px 30px 18px;
  opacity: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.projects-style-2 .projects-box .portfolio-info h5 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7px;
}
.projects-style-2 .projects-box .portfolio-info h5 a {
  color: #fff;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates {
  color: #aeaacb;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates a {
  color: #aeaacb;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates span {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates span:last-child {
  display: none;
}
.projects-style-2 .projects-box .portfolio-info.full-width {
  width: 100%;
  transform: none;
  left: 0;
}
.projects-style-2 .projects-box:hover .portfolio-info {
  bottom: 0;
  opacity: 1;
}
.projects-style-2 .projects-box .projects-thumbnail {
  overflow: hidden;
}
.projects-style-2 .projects-box .projects-thumbnail .overlay {
  background: rgba(12, 41, 53, 0.5);
  opacity: 0;
  z-index: 0;
}
.projects-style-2 .projects-box img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.projects-style-2 .projects-box:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

/**** Project Carousel ****/
.project-slider .projects-box {
  overflow: visible;
  margin-bottom: 50px;
}
.project-slider .projects-box .portfolio-info {
  opacity: 1;
  z-index: 1;
  text-align: left;
  width: calc(100% - 70px);
  padding-top: 28px;
  padding-bottom: 20px;
  overflow: hidden;
}
.project-slider .projects-box .portfolio-info h5 {
  font-size: 22px;
}
.project-slider .projects-box .portfolio-info.full-width {
  width: 100%;
  transform: none;
  left: 0;
}
.project-slider .projects-box .portfolio-info .btn-link {
  position: absolute;
  right: -94px;
  top: -100px;
  width: 188px;
  height: 188px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.project-slider .projects-box .portfolio-info .btn-link i {
  position: absolute;
  bottom: 45px;
  left: 50px;
  line-height: 1;
  color: #43baff;
}
.project-slider .projects-box .portfolio-info .btn-link i:before {
  font-size: 18px;
}
.project-slider .projects-box .projects-thumbnail {
  overflow: hidden;
}
.project-slider .projects-box .projects-thumbnail .overlay {
  background: rgba(12, 41, 53, 0.5);
  opacity: 0;
  z-index: 0;
}
.project-slider .projects-box:hover .portfolio-info {
  bottom: -50px;
}
.project-slider .projects-box:hover .portfolio-info .btn-link {
  background: #43baff;
}
.project-slider .projects-box:hover .portfolio-info .btn-link i {
  color: #fff;
}
.project-slider .projects-box:hover .projects-thumbnail img {
  filter: grayscale(90%);
}
.project-slider .projects-box:hover .projects-thumbnail .overlay {
  opacity: 1;
}
.project-slider .slick-arrow {
  left: 15px;
  height: 65px;
  width: 50px;
  background: #fff;
}
.project-slider .slick-arrow.next-nav {
  left: auto;
  right: 15px;
}
.project-slider .slick-arrow:hover {
  background: #43baff;
  color: #fff;
}

/**** Isotope Filtering ****/
.project_filters {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  padding-left: 0;
}
.project_filters:after {
  content: "";
  display: block;
  clear: both;
}

.project_filters li {
  display: inline-block;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.project_filters li:last-child {
  margin-right: 0;
}
.project_filters li:first-child {
  margin-left: 0;
}

.project_filters li a {
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  outline: none;
  color: #1b1d21;
  padding-bottom: 10px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.project_filters li a:hover, .project_filters li a.selected {
  color: #7141b1;
}
.project_filters li a:after {
  position: absolute;
  height: 3px;
  width: 0%;
  right: 0px;
  bottom: 0px;
  background-color: #7141b1;
  content: "";
  display: block;
  border-radius: 1.5px;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.project_filters li a:hover:after, .project_filters li a.selected:after {
  opacity: 1;
  left: 0;
  right: auto;
  width: 100%;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
.project-bottom {
  padding-top: 42px;
}

.single-portfolio-navigation {
  padding-top: 50px;
  border-top: 1px solid #e5e5e5;
}
.single-portfolio-navigation .post-nav .post-prev {
  margin: 0;
}
.single-portfolio-navigation .post-nav .post-prev:hover a {
  padding-left: 50px;
}
.single-portfolio-navigation .post-nav .post-next {
  margin: 0;
}
.single-portfolio-navigation .post-nav .post-next:hover a {
  padding-right: 50px;
}
.single-portfolio-navigation .post-nav a {
  min-height: 48px;
}
.single-portfolio-navigation .post-nav a:before {
  line-height: 48px;
  height: 48px;
}

.portfolio-related-posts-wrap {
  padding-top: 70px;
}

.portfolio-related-title-wrap h2 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 993px) {
 .projects-col3 .project-item,
.projects-grid.pf_4_cols .project-item,
.projects-grid.pf_5_cols .project-item {
    width: 50%;
  }
  .project-slider .project-item {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .projects-box .portfolio-info {
    right: 0;
    opacity: 1;
  }

  .projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
    padding: 30px;
  }

  .projects-style-1 .projects-box .portfolio-info h5 {
    font-size: 20px;
  }

  .projects-style-1 .projects-box .portfolio-info .portfolio-cates {
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .portfolio-related-title-wrap h2 {
    font-size: 30px;
  }
}
.post-carousel {
  margin: 0 -15px;
}
.post-carousel .post-box:hover {
  box-shadow: none;
}
.post-carousel .post-box:hover .inner-post {
  border-color: #e7e7e7;
}
.post-carousel .post-inner {
  margin: 0 15px;
}

.pgrid .post-inner {
  margin-bottom: 0;
}
.pgrid .inner-post {
  padding: 35px;
}
.pgrid .inner-post .entry-meta {
  margin-bottom: 10px;
}
.pgrid .inner-post .comment-num {
  display: none;
}
.pgrid .inner-post h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}
.pgrid .inner-post .btn-readmore {
  margin-top: 0;
}

@media only screen and (max-width: 991px) {
  .pgrid .post-box {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .pgrid .entry-media img {
    width: 100%;
  }
}
.contact-info {
  font-size: 16px;
  overflow: hidden;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.contact-info h6 {
  font-size: 16px;
  margin-bottom: 5px;
}
.contact-info i {
  font-size: 30px;
  margin-top: 2px;
  line-height: 1;
  float: left;
  color: #43baff;
}
.contact-info i:before {
  font-size: 30px;
}
.contact-info img {
  width: 30px;
  margin-top: 3px;
  float: left;
}
.contact-info p {
  margin-bottom: 0;
}
.contact-info .info-text {
  padding-left: 50px;
  font-weight: 500;
}
.contact-info.box-style1 {
  padding: 30px 30px 25px;
}
.contact-info.box-style1:hover {
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.contact-info.box-style2 {
  text-align: center;
  font-size: 18px;
}
.contact-info.box-style2 h6 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  text-transform: none;
}
.contact-info.box-style2 i {
  float: none;
  margin-top: 0px;
  vertical-align: bottom;
}
.contact-info.box-style2 .box-icon {
  margin-bottom: 25px;
}
.contact-info.box-style2 p {
  margin-bottom: 15px;
}

.border-left .box-style2, .border-right .box-style2 {
  position: relative;
}

.border-left .box-style2:before {
  position: absolute;
  height: 70%;
  width: 1px;
  left: 0;
  bottom: 12%;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  display: block;
}

.border-right .box-style2:after {
  position: absolute;
  height: 70%;
  width: 1px;
  right: 0;
  bottom: 12%;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  display: block;
}

@media only screen and (max-width: 1024px) {
  .contact-info.box-style1:hover {
    box-shadow: none;
  }
}
@media only screen and (max-width: 992px) {
  .border-right .box-style2:after,
.border-right .box-style2:before {
    display: none;
  }
}
.ot-accordions .acc-item {
  margin-bottom: 20px;
  background: #fff;
}
.ot-accordions .acc-item .acc-toggle {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #1b1d21;
  background: #f6f6f6;
  padding: 12px 20px 12px 20px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.ot-accordions .acc-item .acc-toggle i {
  float: right;
  text-align: center;
  line-height: 30px;
  font-size: 10px;
  color: #b6b6b6;
}
.ot-accordions .acc-item .acc-toggle i.up {
  display: none;
}
.ot-accordions .acc-item .acc-toggle i:before {
  font-size: 14px;
}
.ot-accordions .acc-item .acc-toggle:hover {
  color: #43baff;
}
.ot-accordions .acc-item .acc-content {
  display: none;
  padding: 20px 20px 0;
}
.ot-accordions .acc-item .acc-content p:last-child, .ot-accordions .acc-item .acc-content ul:last-child {
  margin-bottom: 0;
}
.ot-accordions .acc-item.current {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}
.ot-accordions .acc-item.current .acc-toggle {
  color: #43baff;
}
.ot-accordions .acc-item.current .acc-toggle i {
  color: #43baff;
}
.ot-accordions .acc-item.current .acc-toggle i.down {
  display: none;
}
.ot-accordions .acc-item.current .acc-toggle i.up {
  display: inherit;
}
.ot-accordions .acc-item:last-child {
  margin-bottom: 0;
}

.support-box {
  position: relative;
}
.support-box .inner-box {
  position: relative;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transform-style: preserve-3d;
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.2);
}
.support-box .inner-box > div {
  backface-visibility: hidden;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
}
.support-box h3 {
  font-weight: bold;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 45px;
  margin-bottom: 0;
  color: #fff;
}
.support-box .number-box {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 100px;
  line-height: 1;
  position: absolute;
  bottom: 28px;
  right: 15px;
  color: rgba(255, 255, 255, 0.2);
}
.support-box .overlay {
  z-index: 1;
  opacity: 1;
  text-align: center;
  padding: 20px 30px;
  background: #262051;
  color: #aeaacb;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.support-box .overlay span {
  z-index: -1;
}
.support-box:hover .inner-box {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.support-box:hover .inner-box .content-box {
  opacity: 0;
}

.ot-counter {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #1b1d21;
  display: inline-block;
  text-align: left;
}
.ot-counter span {
  font-size: 48px;
  line-height: 1;
}
.ot-counter span.num {
  padding-left: 20px;
}
.ot-counter h6 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #43baff;
  margin-top: 13px;
  margin-bottom: 0;
  padding-left: 20px;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
}
.ot-counter h6:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background: #43baff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.ot-counter.s2 h6 {
  margin-bottom: 13px;
  margin-top: 0;
}

.ot-counter2 {
  padding: 110px 60px 120px;
  position: relative;
  background: #f8f8f8;
}
.ot-counter2 .s-num {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 1;
  color: #43baff;
  margin-bottom: 18px;
}
.ot-counter2 h6 {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 10px;
}
.ot-counter2 p {
  font-size: 18px;
}
.ot-counter2 .b-num {
  font-size: 150px;
  line-height: 106px;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
}

.team-wrap {
  text-align: center;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  background: #f8f8f8;
}
.team-wrap .team-info {
  padding: 25px 10px;
}
.team-wrap h4 {
  font-size: 22px;
  margin-bottom: 0;
}
.team-wrap h4 a {
  color: #1b1d21;
}
.team-wrap span {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #797979;
}
.team-wrap .team-thumb {
  position: relative;
}
.team-wrap .team-social {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  overflow: hidden;
}
.team-wrap .team-social > div {
  padding: 3px 17px;
  background: #262051;
  transform: translateX(100%);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.team-wrap .team-social a {
  display: block;
  color: #9390a8;
  font-size: 14px;
  line-height: 1;
  margin: 20px 0;
}
.team-wrap .team-social a:hover {
  color: #43baff;
}
.team-wrap:hover {
  background: #fff;
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.team-wrap:hover .team-social > div {
  transform: translateX(0);
}

.member-info {
  list-style: none;
  font-size: 18px;
  padding-left: 0;
}
.member-info li {
  padding-bottom: 10px;
}

.member-form {
  padding: 40px 50px;
}
.member-form h2 {
  margin-bottom: 5px;
}
.member-form input[type=text],
.member-form input[type=email] {
  width: 100%;
}

.ot-pricing-table {
  position: relative;
  overflow: hidden;
  padding: 45px 48px 48px;
  border: 1px solid #e7e7e7;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.ot-pricing-table * {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.ot-pricing-table .icon-main {
  position: absolute;
  top: -80px;
  right: -88px;
  width: 188px;
  height: 188px;
  color: #fff;
  background-color: #00deff;
  background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
  background-image: -webkit-linear-gradient(125deg, #00deff, #502a71);
  background-image: linear-gradient(125deg, #00deff, #502a71);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.ot-pricing-table .icon-main i, .ot-pricing-table .icon-main span, .ot-pricing-table .icon-main img {
  position: absolute;
  bottom: 45px;
  left: 40px;
  font-size: 35px;
  line-height: 1;
}
.ot-pricing-table .icon-main i:before, .ot-pricing-table .icon-main span:before, .ot-pricing-table .icon-main img:before {
  font-size: 35px;
}
.ot-pricing-table .icon-main img {
  width: 35px;
}
.ot-pricing-table .inner-table .title-table {
  font-size: 24px;
  font-weight: 800;
}
.ot-pricing-table .inner-table h2 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  color: #43baff;
  margin-bottom: 5px;
  position: relative;
  display: inline-block;
  padding-left: 27px;
}
.ot-pricing-table .inner-table h2 sup {
  position: absolute;
  top: 15px;
  left: 5px;
  font-size: 50%;
  font-weight: 600;
}
.ot-pricing-table .inner-table > span {
  color: #ababab;
  font-weight: 600;
  margin-bottom: 30px;
  display: block;
}
.ot-pricing-table .inner-table .details {
  padding-top: 25px;
  padding-bottom: 30px;
  border-top: 1px solid #e5e5e5;
  font-weight: 600;
  color: #ababab;
}
.ot-pricing-table .inner-table .details ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  line-height: 42px;
}
.ot-pricing-table .inner-table .details ul li:before {
  content: "";
  font-family: "Flaticon";
  font-size: 15px;
  font-weight: 400;
  margin-right: 20px;
}
.ot-pricing-table .inner-table .details ul li.active {
  color: #1b1d21;
}
.ot-pricing-table .inner-table .details ul li.active:before {
  color: #43baff;
}
.ot-pricing-table .inner-table .details.no-icon ul li:before {
  display: none;
}
.ot-pricing-table .octf-btn:hover {
  background: #fff;
  color: #7141b1;
}
.ot-pricing-table:hover {
  background: #262051;
  color: #fff;
}
.ot-pricing-table:hover .details {
  border-color: rgba(255, 255, 255, 0.15);
  color: #8e88b8;
}
.ot-pricing-table:hover h4,
.ot-pricing-table:hover .details ul li.active {
  color: #fff;
}
.ot-pricing-table:hover .inner-table > span {
  color: #8e88b8;
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .ot-pricing-table {
    padding: 35px 20px;
  }
  .ot-pricing-table .inner-table .title-table {
    font-size: 20px;
  }
  .ot-pricing-table .inner-table h2 {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  .ot-pricing-table {
    padding: 45px;
    max-width: 330px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .ot-pricing-table {
    max-width: 470px;
  }
}
@media (max-width: 479px) {
  .ot-pricing-table {
    padding: 33px;
  }

  .ot-pricing-table .inner-table .details {
    font-size: 14px;
  }
}
.ot-testimonials {
  margin: 0 -15px;
}
.ot-testimonials .testi-item {
  padding: 0 15px;
  position: relative;
}
.ot-testimonials .layer1 {
  background: #f8f8f8;
  position: absolute;
  left: 30px;
  bottom: -20px;
  width: calc(100% - 55px);
  height: 100%;
  z-index: -1;
  box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
}
.ot-testimonials .layer2 {
  background: #fff;
  padding: 40px;
  margin-bottom: 40px;
  box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
}
.ot-testimonials .t-head {
  overflow: hidden;
  justify-content: normal;
}
.ot-testimonials .t-head img {
  margin-right: 30px;
}
.ot-testimonials .t-head h6 {
  font-size: 20px;
  margin-bottom: 2px;
}
.ot-testimonials .t-head span {
  color: #9f9f9f;
}
.ot-testimonials .ttext {
  margin-top: 23px;
}

@media (max-width: 480px) {
  .ot-testimonials .layer2 {
    padding: 25px;
  }

  .ot-testimonials .t-head img {
    margin-right: 20px;
    width: 80px;
  }
}
.ot-progress {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #1b1d21;
}
.ot-progress .pname {
  margin-bottom: 10px;
}
.ot-progress .iprogress {
  height: 8px;
  margin-bottom: 6px;
  position: relative;
}
.ot-progress .iprogress:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dadada;
}
.ot-progress .progress-bar {
  height: 100%;
  width: 0;
  background: #43baff;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
}

.circle-progress {
  justify-content: left;
}
.circle-progress .inner-bar {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.circle-progress .inner-bar > span {
  position: absolute;
  width: 100%;
  line-height: 1;
  top: 50%;
  left: 0;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 30px;
  margin-top: -15px;
  color: #1b1d21;
}
.circle-progress .inner-bar canvas {
  display: block;
}
.circle-progress .inner-bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  border: 1px solid #dadada;
}
.circle-progress h4 {
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-left: 20px;
  margin-bottom: 0;
}
.circle-progress.tbottom h4 {
  margin: 10px 0 0;
}

.easyPieChart {
  position: relative;
  text-align: center;
}

.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.message-box {
  padding: 10px;
  overflow: hidden;
  position: relative;
}
.message-box .icon-main {
  float: left;
  font-size: 20px;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  background: #0160e7;
}
.message-box .icon-main span:before {
  font-size: 20px;
}
.message-box .content-box {
  padding-left: 66px;
}
.message-box .content-box h6 {
  margin-bottom: 8px;
}
.message-box .content-box p {
  margin-bottom: 0;
  line-height: 1;
}
.message-box > i {
  position: absolute;
  top: 50%;
  right: 20px;
  line-height: 1;
  margin-top: -7px;
  color: #a5b7d2;
  cursor: pointer;
}
.message-box > i:before {
  font-size: 13px;
}

@media (max-width: 600px) {
  .message-box > i {
    top: 15px;
    right: 10px;
  }

  .message-box .content-box p {
    line-height: 1.4;
  }
}
.ot-countdown {
  text-align: center;
  font-size: 24px;
  display: flex;
  margin-bottom: 0;
  color: #fff;
}
.ot-countdown li {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  flex-grow: 1;
  flex-basis: 0;
}
.ot-countdown li span {
  font-size: 100px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  display: block;
  margin-bottom: 23px;
}
.ot-countdown li p {
  margin-bottom: 0;
}
.ot-countdown li.seperator {
  font-size: 100px;
  font-weight: 500;
  margin-top: -8px;
  color: #43baff;
}

.cs-form {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  max-width: 515px;
}
.cs-form > span.wpcf7-form-control-wrap {
  float: left;
}
.cs-form > span.wpcf7-form-control-wrap .wpcf7-text {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.cs-form > span.wpcf7-form-control-wrap .wpcf7-text::placeholder {
  color: #fff;
}
.cs-form .octf-btn {
  float: right;
}
.cs-form + div {
  max-width: 515px;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767px) {
  .ot-countdown {
    font-size: 16px;
  }

  .ot-countdown li span,
.ot-countdown li.seperator {
    font-size: 42px;
  }

  .ot-countdown li span {
    margin-bottom: 15px;
  }

  .ot-countdown li.seperator {
    line-height: 55px;
  }
}
@media (max-width: 600px) {
  .cs-form > span.wpcf7-form-control-wrap {
    float: none;
    display: block;
  }

  .cs-form .octf-btn {
    float: none;
    margin-top: 15px;
  }
}
.video-popup a {
  position: relative;
  width: 65px;
  height: 65px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  line-height: 65px;
  color: #43baff;
}
.video-popup a i {
  margin-left: 8%;
}
.video-popup a i:before {
  font-size: 21px;
}
.video-popup a:hover {
  background: #43baff;
  color: #fff;
}
.video-popup a:hover span {
  border-color: #43baff;
}
.video-popup a span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  animation: circle-fade-before 2s infinite ease-in-out;
  -webkit-animation: circle-fade-before 2s infinite ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.video-popup a .circle-2 {
  animation: circle-fade-after 2s infinite ease-in-out;
  -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.video-popup > span {
  margin-left: 15px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
  color: #1b1d21;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.5px;
}
.video-popup .btn-inner {
  display: inline-block;
  border-radius: 50%;
}

@keyframes circle-fade-before {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes circle-fade-after {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.ot-tabs .tabs-heading {
  margin: 0 -5px;
  overflow: hidden;
}
.ot-tabs .tab-link {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  font-size: 14px;
  padding: 14px 30px 14px 30px;
  line-height: 1.42857143;
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  background: #43baff;
  cursor: pointer;
  border: 1px solid transparent;
  color: #fff;
  outline: none;
  min-width: 130px;
  background: #f6f6f6;
  color: #1b1d21;
  margin: 0 5px;
  float: left;
  font-weight: 800;
  cursor: pointer;
}
.ot-tabs .tab-link:visited {
  color: #fff;
}
.ot-tabs .tab-link:hover, .ot-tabs .tab-link:focus {
  background: #7141b1;
  color: #fff;
}
.ot-tabs .tab-link.current, .ot-tabs .tab-link:hover {
  background: #43baff;
  color: #fff;
}
.ot-tabs .tab-link.current span, .ot-tabs .tab-link:hover span {
  color: #fff;
}
.ot-tabs .tab-content {
  display: none;
  padding: 25px 0;
}
.ot-tabs .tab-content.current {
  display: inherit;
}
.ot-tabs p:last-child {
  margin-bottom: 0;
}

.otf-social-share a {
  display: inline-block;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer;
  line-height: 1;
  margin-right: 5px;
  background-color: #222;
  color: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.otf-social-share a i {
  width: 1em;
  height: 1em;
  position: relative;
  display: block;
}
.otf-social-share a:hover {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.otf-social-share a:last-child {
  margin-right: 0px;
}
.otf-social-share a.share-facebook {
  background-color: #4661c5;
}
.otf-social-share a.share-twitter {
  background-color: #44b1e4;
}
.otf-social-share a.share-google {
  background-color: #dd4b39;
}
.otf-social-share a.share-pinterest {
  background-color: #ff2e2e;
}
.otf-social-share a.share-linkedin {
  background-color: #0073B0;
}
.otf-social-share a.share-buffer {
  background-color: #000000;
}
.otf-social-share a.share-digg {
  background-color: #005be2;
}
.otf-social-share a.share-reddit {
  background-color: #ff4500;
}
.otf-social-share a.share-tumbleupon {
  background-color: #eb4924;
}
.otf-social-share a.share-tumblr {
  background-color: #35465c;
}
.otf-social-share a.share-vk {
  background-color: #45668e;
}
.otf-social-share a.share-yummly {
  background-color: #E16120;
}
.otf-social-share a.share-email {
  background-color: #E84231;
}
.otf-social-share a.share-print {
  background-color: #4982C3;
}
.otf-social-share.shape-rounded a {
  border-radius: 10%;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
}
.otf-social-share.shape-circle a {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.ot-industries .indus-item {
  padding: 15px 50px 50px;
}
.ot-industries .indus-item .item-inner {
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  padding: 45px 70px 45px 110px;
  position: relative;
}
.ot-industries .indus-item .item-inner .i-image {
  position: absolute;
  left: -70px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ot-industries .indus-item .item-inner h6 {
  font-weight: 800;
  margin-bottom: 15px;
}
.ot-industries .indus-item .item-inner .overlay {
  opacity: 1;
  overflow: hidden;
  background: transparent;
}
.ot-industries .indus-item .item-inner .overlay:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -15px;
  z-index: 1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #43baff;
}

@media only screen and (max-width: 1400px) {
  .ot-industries .indus-item .item-inner .i-image {
    left: -50px;
  }
}
@media only screen and (max-width: 479px) {
  .ot-industries .indus-item {
    padding: 15px 30px 50px;
  }
  .ot-industries .indus-item .item-inner {
    padding: 30px;
  }
  .ot-industries .indus-item .item-inner .i-image {
    display: none;
  }
}

.wpcf7 .main-form {
  padding: 60px 48px;
  background-image: linear-gradient(90deg, #f08134 0%, #7c4bee 100%);
  color: #fff;
}
.wpcf7 .main-form h2 {
  color: #fff;
  margin-bottom: 10px;
}
.wpcf7 .main-form p {
  color: #fff;
}
.wpcf7 .main-form .font14 {
  margin-bottom: 30px;
}
.wpcf7 .main-form input,
.wpcf7 .main-form textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.wpcf7 .main-form input::placeholder,
.wpcf7 .main-form textarea::placeholder {
  color: #fff;
}
.wpcf7 .main-form button {
  font-weight: 800;
}
.wpcf7 .main-form button:hover {
  background: #7141b1;
}
.wpcf7 .main-form p:last-child {
  margin-bottom: 0;
}
.wpcf7 div.wpcf7-response-output {
  margin: 20px 0 0;
}
.wpcf7 span.wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 .wpcf7-not-valid {
  border: 1px solid #f00;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing {
  background: #f7e700;
  color: #000;
}
.wpcf7 div.wpcf7-mail-sent-ok {
  background: #398f14;
  color: #fff;
}

.partners .swiper-slide-image {
  -webkit-filter: contrast(0%);
  filter: contrast(0%);
  opacity: 0.7;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.partners .swiper-slide-image:hover {
  -webkit-filter: none;
  /* Safari 6.0 - 9.0 */
  filter: none;
  opacity: 1;
}

div.swiper-container-horizontal > .swiper-pagination-bullets,
div.swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 30px;
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .ot-tabs .tab-link {
    min-width: 116px;
    padding: 14px 25px;
  }
}
@media only screen and (max-width: 480px) {
  .wpcf7 .main-form {
    padding: 30px;
  }

  .ot-tabs .tab-link {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
}

/* HTML padding */
.owl-theme .owl-dots .owl-dot {
    background: none;
    border: none;
    padding: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #7141b1;
}
.owl-theme .owl-dots .owl-dot:focus {
    outline: none;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 40px;
}
.text-white span, .text-white h2 {
    color: #fff;
}
/* Background */
.bg-light-1 {
    background-color: #F8F8F8;
}
.bg-light-2 {
    background-color: #F2F2F2;
}
.bg-dark-primary {
    background-color: #221F3C;
}
.text-primary-light {
    color: #8E88B8!important;
}
.page-header {
    background-image: url(images/service_img.jpg);
}
/* Header */
.header-fullwidth .octf-area-wrap {
    padding-left: 50px;
    padding-right: 50px;
}
.topbar-right ul{
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin: 0;
    margin-left: 21px;
}
.topbar-right .extra-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
/* Home 1 */
.btn-slider {
    line-height: 18px;
    border: none;
}
.bullet-home-1 {
    width: 1200px!important;
}
.tp-bullets.bullet-home-1 {
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.bullet-home-1:after{
    content: "/0"counter(item);
    position: absolute;
    left: 23px;
    top: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
.bullet-home-1 .tp-bullet{
    counter-increment: item;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background: transparent;
    visibility: hidden;
    width: auto;
    height: auto;
    left: 0!important;
}
.bullet-home-1 .tp-bullet.selected{
    visibility: visible;
}
.bullet-home-1 .tp-bullet:before{
    content: "0"counter(item);
}
div.tp-bullet.selected, div.tp-bullet:hover {
    background: transparent;
}
@media (max-width: 1200px) {
  .tparrows.nav-home-1 {
    transform: none !important;
    top: auto!important;
    bottom: 46px!important;
  }
  .tp-leftarrow.nav-home-1 {
    left: 15px!important;
  }
  .tp-rightarrow.nav-home-1 {
    left: 115px!important;
  }
}
@media (max-width: 1200px) {
  .tparrows.nav-home-1 {
    bottom: 48px!important;
  }
}
@media (max-width: 767px) {
  .bullet-home-1 .tp-bullet,
  .bullet-home-1:after{
    font-size: 14px;
  }
  .tp-leftarrow.nav-home-1 {
    left: 15px!important;
  }
  .tp-rightarrow.nav-home-1 {
    left: 60px!important;
  }
}
.nav-home-1.tparrows {
  cursor:pointer;
  background: transparent;
  position:absolute;
  display:block;
  z-index:1000;
  transition: 0.3s;
}
.nav-home-1.tparrows:hover:before {
    color: #43baff
}
.nav-home-1.tparrows:before {
  font-family: Flaticon;
  font-size:18px;
  color:#fff;
  display:block;
  text-align: center;
}
.nav-home-1.tparrows.tp-leftarrow:before {
  content: "\f107";
}
.nav-home-1.tparrows.tp-rightarrow:before {
  content: "\f10a";
}
.tparrows.nav-home-1 {
  width: auto;
  z-index: 1111;
}
.tparrows.nav-home-1:hover {
  background-color: transparent;
}
.partners-slide figure {
    margin: 0;
}
.partners-slide img {
    -webkit-filter: contrast(0%);
    filter: contrast(0%);
    opacity: .7;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.partners-slide img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.owl-carousel .owl-item img {
    width: auto;
}
.home-about-btn {
    margin-left: 100px;
}
.home-about-video {
    background-image: url(images/aco_pic6.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 400px;
    margin-bottom: 45px;
    box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.3);
}
.btn-play {
    position: relative;
    width: 65px;
    height: 65px;
    display: inline-block;
    background: #43baff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    line-height: 68px;
    font-size: 19px;
    color: #fff;
}
.btn-play i {
    margin-left: 7%;
}
.btn-play:hover {
    background: #fff;
    color: #43baff;
}
.video-btn a span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.8);
    animation: circle-fade-before 2s infinite ease-in-out;
    -webkit-animation: circle-fade-before 2s infinite ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-color: #43baff;
}
.video-btn a .circle-2 {
    animation: circle-fade-after 2s infinite ease-in-out;
    -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.video-btn a:hover span {
    border-color: #fff;
}
.img-small {
    position: absolute;
    right: -15%;
    bottom: 0;
    z-index: -1;
}
.img-small .img-small-1 {
    position: absolute;
    top: -180px;
    left: 50%;
}
.serv-box-2 {
    margin-bottom: 30px;
    border: 1px solid #46416B;
}
.misc-box {
    padding-left: 50px;
    padding-right: 50px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}
.misc-box-bg1 {
    background-image: url(images/bg-counter-1.jpg);
}
.misc-box-bg2 {
    background-image: url(images/bg-counter-2.jpg);
}
.misc-box h5 {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 5px;
}
.misc-box .ot-counter {
    margin: 0 0 0 -20px;
    padding: 45px 0 14px 0;
    color: #fff;
}
.misc-box p {
    margin-bottom: 0;
    padding-bottom: 45px;
}
.cta {
    padding: 55px 65px 200px 65px;
    background-image: url(https://via.placeholder.com/1170x350.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.cta .ot-heading {
    margin-bottom: 0;
}
.cta .ot-heading span {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #fff;
}
.cta h2 {
    color: #FFF;
    font-size: 48px;
    line-height: 60px;
}
.cta .btn-border {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 21px 35px 21px 35px;
    line-height: 1;
    margin-bottom: 8px;
}
.technology-v1 {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image:url('images/bg-tech5.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.owl-theme .owl-nav [class*='owl-'] {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: -57px;
    margin-top: -17px;
    background: none;
    color: #1b1d21;
    border: none;
    outline: none;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: none;
    color: #43baff;
    text-decoration: none;
}
.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -57px;
}
.btn-large {
    padding: 20px 35px;
}
.icon-box-s2:hover .icon-main {
    color: #43BAFF;
}
/* Home 2 */
.home2-top {
    background-image: url(https://via.placeholder.com/1920x567.png);
    background-position: 0px 60px;
    background-repeat: no-repeat;
    padding: 85px 0px 88px 0px;
}
.home2-top-right {
    margin-left: 60px;
}
.home2-top-right .small-text{
    font-family: "Nunito Sans", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 13px;
    color: #1b1d21;
}
.home2-top-right h2{
    font-size: 72px;
    font-weight: 900;
    line-height: 80px;
    margin-bottom: 18px;
    color: #1b1d21;
    font-family: "Montserrat", sans-serif;
    overflow-wrap: normal;
}
.home2-top-right .sub-text {
    margin-bottom: 24px;
    line-height: 1.86;
}
.video-popup.style-2 a {
    background-color: #7141B1;
    color: #fff;
}
.video-popup.style-2 a:hover {
    background-color: #43baff;
}
.style-2 .circle-1, .style-2 .circle-2 {
    border-color: #7141B1;
}
.section-business {
    padding-top: 90px;
    background-color: #F2F2F2;
}
.section-clent-h2 {
    padding: 200px 0px 110px 0px;
}
.section-inner-about {
    padding-top: 100px;
}
.section-inner-about .right-content {
    margin-left: 60px;
}
.section-inner-about .left-img {
    margin: 0px -30px 0px -350px;
}
.section-technology {
    background-color: #211E3B;
    background-image: url(https://via.placeholder.com/1920x506.png);
    background-position: 0px 70px;
    background-repeat: no-repeat;
    padding: 120px 0px 200px 0px;
}
.technology-left .ot-heading {
    margin-bottom: 18px;
}
.technology-left p {
    color: #AEAACB;
    margin-bottom: 15px;
}
.technology-left ul{
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.technology-left ul li {
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 300;
    font-family: "Nunito Sans", Sans-serif;
}
.technology-left ul li:last-child {
    padding-bottom: 0;
}
.technology-left ul i {
    color: #43BAFF;
    font-size: 17px;
    padding-right: 10px;
}
.tech-box {
    margin-bottom: 30px;
}
.tech-box i, .tech-box span {
    color: #43BAFF;
}
.tech-box:hover {
    background: #43baff;
    border-color: #43baff;
    color: #fff;
}
.tech-box:hover span {
    color: #fff;
}
.section-case-study {
    padding: 0px 0px 110px 0px;
}
.cta-h2 {
    background-image: url(https://via.placeholder.com/1170x250.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -120px;
    position: relative;
    padding: 70px 70px 70px 70px;
    margin-bottom: 120px;
}
.cta-h2 .ot-heading {
    margin-bottom: 0;
}
.cta-h2 .ot-heading span {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.cta-h2 h2{
    color: #FFFFFF;
    font-size: 48px;
}
.cta-h2 .octf-btn {
    font-family: "Nunito Sans", Sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    background-color: #43BAFF;
    border-radius: 0px 0px 0px 0px;
    padding: 20px 35px 20px 35px;
    line-height: 1;
}
.cta-h2 .octf-btn:hover {
    color: #43BAFF;
    background-color: #FFFFFF;
}
.pt-50 {
    padding-top: 50px;
}
.pt-110 {
    padding-top: 110px;
}
.projects-grid.projects-no-gaps {
    margin: 0;
}
.projects-col3 .project-item {
    float: left;
    width: 33.3333333333%;
}
.projects-no-gaps .project-item{
    padding: 0;
}
.projects-no-gaps [class*='col-'] {
    padding: 0;
}
.project-slider .project-item {
    padding: 15px;
}
.section-industris {
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #f8f8f8;
}
.section-industris .ot-heading {
    padding-bottom: 25px;
}
.section-consultation {
    background-image: url(https://via.placeholder.com/1920x480.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-consultation p {
    color: #FFF;
    font-family: "Nunito Sans",Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 15px;
}
.section-consultation h2 {
    color: #FFF;
    font-size: 72px;
    font-weight: 900;
    line-height: 80px;
    margin-bottom: 38px;
}
/* Home 3 */
.top-v3 {
    background-image: url(https://via.placeholder.com/1920x850.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 220px 0 205px 0;
}
.top-heading {
    text-align: center;
}
.top-heading .ot-heading {
    margin-bottom: 30px;
}
.top-heading .ot-heading span {
    color: #FFF;
    font-family: "Nunito Sans",Sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 1px;
}
.top-heading .ot-heading h2 {
    color: #FFF;
    font-size: 72px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 80px;
    margin-bottom: 0;
}
.tech-box.v3 {
    padding: 23px 30px 23px 30px;
    margin-bottom: 0;
}
.tech-box.v3:hover {
    background-color: #0381cd;
}
.tech-box.sides-small {
    padding-left: 10px;
    padding-right: 10px;
}
.about-v3 {
    background-image: url(https://via.placeholder.com/1349x740.png);
    background-position: 50% 165px;
    background-repeat: no-repeat;
    padding: 140px 0 125px 0;
}
.icon-main.color-s1 {
    background: #7141B1;
}
.icon-main.color-s3 {
    background: #221D48;
}
.technology-v3 {
    background-color: #201C3D;
    background-image: url(https://via.placeholder.com/1920x860.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ot-counter.v3 span {
    color: #43BAFF;
    font-size: 36px;;
    padding-left: 0;
}
.ot-counter.v3 h6 {
    margin-top: 10px;
    color: #FFF;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1em;
    padding-left: 0;
}
.ot-counter.v3 h6:before {
    display: none;
}
.ot-image-box.v3 {
    margin-bottom: 30px;
}
.ot-image-box.st1, .ot-image-box.st3 {
    margin-top: -30px;
}
.services-v3 {
    padding: 120px 0 290px 0;
    background-color: #F8F8F8;
}
.team-v3 {
    padding-top: 0;
    padding-bottom: 125px;
}
.team-wrap.v3 {
    background-color: #fff;
}
.technology-v3-left {
    margin-right: 60px;
}
.ot-heading.v3 {
    line-height: 1.86;
}
/* Home 4 */
.industris-v4 {
    padding: 55px 0 0 0;
}
.about-v4 {
    background-image: url(https://via.placeholder.com/469x479.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 60px 0 90px 0;
}
.overlay-image {
    background-image: url(https://via.placeholder.com/360x502.png);
    background-position: center right;
    background-repeat: no-repeat;
}
.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.left-about-v4 {
    margin: 0 -95px 0 0;
}
.right-about-v4 {
    margin-left: 70px;
}
.service-v4 {
    padding-top: 120px;
    background-color: #262051
}
.overlay-bg {
    background-color: transparent;
    background-image: linear-gradient(90deg,rgba(34,35,40,.63) 0%,rgba(34,35,40,0) 100%);
    z-index: 0;
}
.serv-box.v4 {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #46416B;
    background-color: #262051;
}
.serv-box.v4:active, .serv-box.v4:focus, .serv-box.v4:hover {
    transform: translateY(-8px);
}
.serv-box.v4 {
    color: #AEAACB;
}
.serv-box.v4 h5 {
    color: #FFF;
    font-weight: 800;
}
.serv-box.v4 .content-box li:hover, .serv-box.v4 .content-box li.active {
    background: #201B3E;
}
.serv-box.v4 .content-box li a {
    color: #FFF;
}
.serv-box.v4 .content-box li:hover a, .serv-box.v4 .content-box li.active a {
    color: #43BAFF;
}
.serv-box.v4 .content-box ul li a:before {
    color: #43BAFF;
}
.service2-v4 {
    background-image: url(https://via.placeholder.com/332x403.png);
    background-repeat: no-repeat;
    padding: 110px 0 205px 0;
}
.overlay-image-2 {
    background-image: url(https://via.placeholder.com/349x354.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.project-v4 {
    padding: 0 0 115px 0;
    background-color: #f8f8f8;
}
.s-counter4 {
    background-image: linear-gradient(90deg,#00DEFF 0%,#7141B1 100%);
    padding: 82px 60px 82px 60px;
}
.ot-counter .text-white:before {
    background-color: #fff;
}
.s-counter4 {
    margin-top: -125px;
}
.technology-v4 {
    background-image: url(https://via.placeholder.com/1920x630.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 123px 0 123px 0;
}
.technology-left {
    margin-right: 70px;
}
.news-v4 {
    padding-top: 110px;
    padding-bottom: 110px;
}
.nav-home-4.tparrows {
  cursor:pointer;
  background: transparent;
  position:absolute;
  display:block;
    width: 60px;
    height: 100px;
    border: 1px solid rgba(255,255,255,0.3);
  z-index:1000;
    transition: 0.3s;
}
.nav-home-4.tparrows:hover {
    background: #43baff;
    border-color: #43baff;
}
.nav-home-4.tparrows:before {
  font-family: Flaticon;
  font-size:23px;
    line-height: 100px;
  color:#fff;
  display:block;
  text-align: center;
}
.nav-home-4.tparrows.tp-leftarrow:before {
  content: "\f107";
}
.nav-home-4.tparrows.tp-rightarrow:before {
  content: "\f10a";
}
@media (min-width: 768px) {
  .hesperiden.tp-bullets {
    display: none;
  }
}
@media (max-width: 767px) {
  .nav-home-4.tparrows {
    display: none;
  }
  .btn-slider {
    padding: 11px 19px;
    font-size: 11px;
  }
  .tp-bullets.bullet-home-1 {
    display: none;
  }
}
/* Index 5 */
.site-header.header-overlay {
    background: transparent;
    border-color: rgba(255,255,255,.1);
    -webkit-box-shadow: 0 0 0 0 rgba(42,67,113,.15);
    -moz-box-shadow: 0 0 0 0 rgba(42,67,113,.15);
    box-shadow: 0 0 0 0 rgba(42,67,113,.15);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.site-header.header-overlay .header-topbar {
    background: rgba(255,255,255,.1);
}
.main-navigation .nav-style-2>li>a {
    color: #fff;
}
.main-navigation>.nav-style-2>li.menu-item-has-children>a:after {
    color: rgba(255,255,255,.5);
}
.octf-btn-cta.hstyle-2 .octf-cta-icons i {
    color: #fff;
}
.octf-btn-cta.hstyle-2 .contact-header span.main-text, .octf-btn-cta.hstyle-2 .contact-header span a {
    color: #fff;
}
.octf-btn-cta.hstyle-2 .contact-header span {
    color: #ccc;
}
.is-stuck #site-logo {
    padding: 23px 0 23px 0;
}
.top-v5 {
    background-color: #0E0A31;
    background-image: url(https://via.placeholder.com/1920x719.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 265px 0 170px 0;
}
.top-left-v5 .ot-heading{
    margin: 0 -60px 0 0;
    padding: 0 0 20px 0;
}
.top-left-v5 .ot-heading > span{
    color: #fff;
    font-family: "Nunito Sans",Sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 1px;
}
.top-left-v5 .ot-heading h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 900;
    line-height: 80px;
    overflow-wrap: normal;
}
.top-left-v5 p {
    color: #fff;
    font-size: 18px;
    margin: 0 70px 0 0;
    padding: 0 0 25px 0;
}
.top-left-v5 .video-popup > span {
    color: #fff;
}
.top-right-v5 {
    margin-right: -308px;
    text-align: center;
}
.service-v5 {
    padding-top: 0;
    padding-bottom: 110px;
}
.serv-box.v5 {
    padding: 30px 40px 30px 40px;
    border-style: solid;
    border-width: 0 0 0 0;
    background-color: transparent;
    background-image: linear-gradient(110deg,#2B236E 0%,#7141B1 100%);
    box-shadow: 15px 15px 38px 0 rgba(0,0,0,.2);
}
.serv-box.v5 h5 {
    color: #fff;
    margin-bottom: 0;
}
.serv-box.v5:active, .serv-box.v5:focus, .serv-box.v5:hover {
    transform: translateY(-8px);
}
.serv-box.bg-s1 {
    background-image: linear-gradient(110deg,#2B236E 0%,#7141B1 100%);
}
.serv-box.v5 .icon-main {
    background: rgba(255,255,255,.2);
}
.serv-box.bg-s2 {
    background-image: linear-gradient(110deg,#5F3A8F 0%,#00DEFF 100%);
}
.serv-box.bg-s3 {
    background-image: linear-gradient(110deg,#00DEFF 0%,#43BAFF 100%);
}
.mt--70 {
    margin-top: -70px;
}
.icon-box-s2.bg:hover {
    color: #fff;
}
.icon-box-s2.bg:hover .content-box h5 a {
    color: #fff;
}
.icon-box-s2.s2.bg * {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}
.icon-box-s2.s2.bg a {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}
.icon-box-s2.bg1:before {
    background-image: url(images/sys-int.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-box-s2.bg2:before {
    background-image: url(images/support1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-box-s2.bg3:before {
    background-image: url(images/training_intern.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-box-s2.bg4:before {
    background-image: url(images/software.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-box-s2.bg5:before {
    background-image: url(images/gis.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-box-s2.bg6:before {
    background-image: url(images/reputation.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-box-s2.bg7:before {
  background-image: url(images/cloud.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg8:before {
  background-image: url(images/customer-desk.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.about-v5 {
    background-color: #211F3B;
    background-image: url(images/bg-art-6.png);
    background-repeat: no-repeat;
    padding: 70px 0 50px 0;
}
.overlay-image-about5 {
    background-image: url(images/bg-art-6.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 0;
}
.left-v5 {
    margin-right: 70px;
}
.left-v5 .ot-heading {
    margin-top: 20px;
    margin-bottom: 30px;
}
.left-v5 .ot-heading span {
    color: #8E88B8;
}
.left-v5 h2 {
    color: #fff;
}
.left-v5 h5 {
    color: #FFF;
    font-weight: 600;
    line-height: 1;
    font-family: "Montserrat",sans-serif;
    margin-bottom: 15px;
}
.left-v5 p {
    color: #fff;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.86;
}
.right-v5 {
    margin: 0 -50px 0 -23px;
}
.tech-wrap {
    display: flex;
}
.tech-wrap .tech-box {
    padding: 17px 17px 17px 17px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(255,255,255,.3);
    margin-right: 20px;
}
.tech-wrap .tech-box:last-child {
    margin-right: 0;
}
.tech-wrap .tech-box .icon-main {
    margin-bottom: 0;
}
.tech-wrap .tech-box span:before {
    font-size: 35px;
}
.team-v5 {
    padding: 120px 0 120px 0;
}
.news-v5 {
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #F8F8F8;
}
.counter-v5 {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f8f8f8;
}
.clients-v5 {
    background-color: #211F3B;
    background-image: url(https://via.placeholder.com/1920x755.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 110px;
}
.testimonials-style-2 .layer1 {
    box-shadow: 3px 3px 13px 0 rgba(0,0,0,.1);
    background: #262051;
}
.testimonials-style-2 .layer2 {
    background: #322B5D;
    box-shadow: 3px 3px 13px 0 rgba(0,0,0,.1);
}
.testimonials-style-2 h6 {
    color: #FFF;
}
.testimonials-style-2 .t-head span {
    color: #fff;
}
.testimonials-style-2 .ttext {
    color: #fff;
}
.testimonials-style-2 .owl-theme .owl-nav [class*='owl-'] {
    color: #43BAFF;
}
.testimonials-style-2 .owl-theme .owl-nav [class*='owl-']:hover {
    color: #fff;
}
.technology-v5 {
    padding: 120px 0 115px 0;
}
.img-full {
    width: 100%;
    height: 100%;
}
.et-progress .ot-progress {
    margin-bottom: 30px;
}
.et-progress .ot-progress:last=child {
    margin-bottom: 0;
}
.mt-35 {
    margin-top: 35px;
}
/* Blog */
.post-box .btn-play i {
    margin-left: 0;
}
.post-box .owl-theme .owl-nav [class*='owl-'] {
    height: 65px;
    width: 50px;
    background: #262051;
    color: #fff;
    margin: 0;
    left: 0;
}
.post-box .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: #fff;
    color: #262051;
}
.post-box .owl-theme .owl-nav .owl-next {
    left: auto;
    right: 0;
}
.blog-post>.inner-post {
    padding-left: 0;
    padding-right: 0;
    border: none;
}
.audio-box iframe {
    border: none;
}
.sl-wrapper {
    float: right;
}
.sl-wrapper a {
    border-bottom: 0!important;
    text-decoration: none!important;
    color: #d5d5d5;
}
.sl-wrapper a:hover {
    color: #ff2f2f;
}
.sl-icon {
    font-family: 'Arial Unicode MS',Arial,sans-serif;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
.sl-icon svg {
    fill: currentColor;
    width: 14px;
    height: 14px;
}
.sl-icon svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.sl-wrapper a .sl-count {
    font-size: 14px;
    font-family: "Nunito Sans",sans-serif;
    font-weight: 800;
    margin-left: 7px;
    color: #929292;
}
.post-relate h2 {
    margin-bottom: 40px;
}
.relate-box .inner-post {
    padding-left: 30px;
    padding-right: 30px;
}
.comments-title span {
    color: #d5d5d5;
}
.post-prev .thumb {
    float: left;
    margin-right: 20px;
}
.post-next .thumb {
    float: right;
    margin-left: 20px;
}
.blog-grid {
    margin-bottom: 30px;
}
.blog-grid .post-box {
    margin-bottom: 30px;
}
.blog-grid .inner-post {
    padding: 30px;
}
.blog-grid .post-box .owl-theme .owl-nav [class*='owl-'] {
    top: calc(50% - 30px);
}
/* Contact */
.contact-left {
    margin-right: 95px;
}
.map {
    height: 500px;
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0) hue-rotate(0deg);
}
.map iframe {
    width: 100%;
    border: none;
}
/* About */
.about-offer {
    padding-top: 80px;
    padding-bottom: 10px;
}
.pabout-left {
    margin: 0 -50px 0 -55px;
}
.pabout-right {
    margin-left: 70px;
}
.pabout-right .ot-heading {
    margin-top: 20px;
    margin-bottom: 30px;
}
.pabout-right .ot-heading span {
    color: #8E88B8;
}
.pabout-right h2 {
    color: #fff;
}
.pabout-right h5 {
    color: #FFF;
    font-weight: 600;
    line-height: 1;
    font-family: "Montserrat",sans-serif;
    margin-bottom: 15px;
}
.pabout-right p {
    color: #fff;
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.86;
}
.about-team {
    padding-top: 100px;
    padding-bottom: 215px;
}
.about-counter {
    z-index: 0;
    padding-top: 0;
    padding-bottom: 110px;
    background-color: #F8F8F8;
}
.app-projects {
    padding: 110px 0 250px 0;
    background-color: #F8F8F8;
}
.app-industris {
    padding-top: 0;
    padding-bottom: 80px;
}
/* Why choose us */
.why-choose-us {
    padding-bottom: 0;
    padding-top: 85px;
}
.why-right {
    margin-left: 70px;
}
.why-right .ot-heading {
    margin-top: 30px;
    margin-bottom: 20px;
}
.border-s1 {
    border: 1px solid #E7E7E7;
}
.why-project {
    background-color: #211E3B;
    background-position: 0 65px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0 150px 0;
}
.news-why {
    padding-top: 110px;
    padding-bottom: 110px;
}
.team-top {
    padding-top: 110px;
    padding-bottom: 0;
}
.team-top-title {
    font-size: 48px;
    color: #1b1d21;
    font-family: "Montserrat",sans-serif;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
}
.img-Engitech {
    position: absolute;
    top: -190px;
    width: 100%;
    text-align: center;
}
.team-our {
    padding-top: 0;
    padding-bottom: 215px;
    background-color: #F8F8F8;
}
.team-testi {
    padding-top: 0;
    padding-bottom: 110px;
    background-image: url(https://via.placeholder.com/1920x761.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.steam-info {
    border: 1px solid #E7E7E7;
    background-image: url(https://via.placeholder.com/195x206.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.team-about {
    padding-top: 100px;
    padding-bottom: 125px;
}
.team-info-left .team-img {
    margin: 70px 0 -70px 100px;
}
.team-detail {
    background-image: url(https://via.placeholder.com/280x389.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-left: 50px;
}
.team-detail h2 {
    margin: 70px 0 10px 0;
    font-size: 38px;
    color: #1b1d21;
    font-family: "Montserrat",sans-serif;
    font-weight: 800;
    line-height: 1;
}
.team-detail .location {
    color: #43BAFF;
    font-family: "Nunito Sans",Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.team-slills {
    padding: 0;
}
.team-profile {
    margin-bottom: 25px;
}
.team-profile h6 {
    color: #1b1d21;
    font-family: "Montserrat",sans-serif;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px;
}
.team-profile p {
    margin-bottom: 0;
}
.team-contact {
    padding-top: 45px;
    padding-bottom: 110px;
}
.typography {
    padding-top: 100px;
    padding-bottom: 80px;
}
.color-s2 .icon-main i, .color-s2 .icon-main span {
    color: #43BAFF;
}
.icon-box-s1.color-s2 .line-box:after {
    background: #43BAFF;
}
.elements-progress, .elements-pricing, .elements-service, .elements-clients, .elements-accordion-tabs, .elements-testimonial, .elemnts-flip-boxed, .elements-counter {
    padding-top: 0;
    padding-bottom: 80px;
}
.elements-message {
    padding-top: 0;
    padding-bottom: 110px;
}
.icon-main.info {
    background: #43BAFF;
}
.icon-main.success {
    background: #4BD48B;
}
.icon-main.warning {
    background: #F9AF3B;
}
.icon-main.danger {
    background: #F5592F;
}
/* Faq */
.faq {
    padding-top: 100px;
    padding-bottom: 245px;
}
.cta-faq {
    background-image: linear-gradient(80deg,#00DEFF 0%,#7141B1 100%);
    margin-top: -120px;
    padding: 70px 70px 70px 70px;
}
.cta-faq .ot-heading {
    margin-bottom: 0;
}
.cta-faq h2 {
    color: #fff;
}
.cta-faq .ot-heading>span {
    color: #fff;
}
.faq-support {
    background-color: #F8F8F8;
    background-image: url(https://via.placeholder.com/1920x965.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 110px 0;
}
/* Coming Soon */
.coming-soon {
    background-image: url(https://via.placeholder.com/1920x1080.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
}
.cs-content img {
    padding-top: 60px;
    padding-bottom: 100px;
}
.cs-content h2 {
    color: #fff;
    font-size: 60px;
    font-family: "Montserrat",sans-serif;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 110px;
}
.ot-countdown {
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 90px;
}
.cs-content > p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    font-family: "Montserrat",sans-serif;
}
.cs-content form {
    padding-top: 40px;
}
.cs-content .ft-list-icon {
    padding-top: 120px;
}
/* service page */
.service-page {
    padding-top: 110px;
    padding-bottom: 110px;
}
.service-pricing {
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #F8F8F8;
}
.service-web-clients {
    background-color: #F8F8F8;
    background-image:url(https://via.placeholder.com/1920x755.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-top: 110px;
    padding-bottom: 110px;
}
.service-process {
    margin-left: 40px;
    margin-right: 55px;
}
.service-process .ot-heading {
    margin-bottom: 20px;
}
.process-box .step {
    color: #7141B1;
    font-family: "Nunito Sans", Sans-serif;
    font-weight: 800;
    padding-bottom: 10px;
}
.process-box h6 {
    font-size: 18px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    line-height: 1;
    padding-bottom: 15px;
}
.service-web {
    padding-top: 120px;
    padding-bottom: 120px;
}
.service {
    padding-top: 0;
    padding-bottom: 120px;
}
.service-web-pricing {
    padding-top: 120px;
    padding-bottom: 100px;
}
.service-partner {
    padding-top: 0;
    padding-bottom: 120px;
}
.tab-video {
    padding: 120px 0 120px 150px;
}
.tab-content p {
    line-height: 1.86;
}
.service-web-video {
    padding: 0;
    background-color: #211E3B;
}
.tab-video .ot-heading > span {
    color: #8E88B8;
}
.tab-video .ot-heading h2 {
    color: #fff;
}
.tab-video p {
    color: #fff;
}
.split-right-img {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('https://via.placeholder.com/960x650.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.mobile-app {
    background-image: url(https://via.placeholder.com/411x416.png);
    background-position: center left;
    background-repeat: no-repeat;
    padding-top: 110px;
    padding-bottom: 80px;
}
.app-benefits-left {
    margin: 0 -30px 0 30px;
    padding-bottom: 55px;
}
.app-benefits-left:last-child, .app-benefits-right:last-child {
    padding-bottom: 0;
}
.app-benefits-right {
    margin: 0 30px 0 -30px;
    padding-bottom: 55px;
}
.app-benefits-img {
    margin: 0 -15px 0 0;
}
.app-offer {
    background-image: url(https://via.placeholder.com/360x502.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}
/* Project custom */
.projects-masonry {
    padding-top: 80px;
    padding-bottom: 110px;
}
.projects-slider {
    padding: 110px 0;
}
.portfolio-grid {
    padding-top: 65px;
    padding-bottom:110px;
}
.projects-col4 .project-item {
    width: 25%;
}
@media only screen and (max-width: 993px){
.projects-col4 .project-item {
    width: 50%;
}
}
.portfolio-single {
    padding-top: 90px;
    padding-bottom: 110px;
}
.project-detail span {
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1px;
    display: block;
}
.project-detail strong {
    font-weight: 700;
    line-height: 30px;
    color: #1b1d21;
}
.single-project-img {
    margin-bottom: 50px;
}
.text-decoration-line {
    text-decoration-line: underline; 
}
.simple-slider {
    margin-bottom: 40px;
}
.projects-meta {
    margin-bottom: 90px;
}
.project-comtmnents {
    margin-bottom: 80px;
}
.project-ralate {
    margin-top: 70px;
}
.single-portfolio-navigation .post-prev, .single-portfolio-navigation .post-next {
    min-width: 300px;
}
/* Footer */
.footer-v21 {
    background-color: #211E3B;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0 100px 0;
}
.widget-footer {
    margin-bottom: 30px;
}
.widget-footer h5 {
    margin-bottom: 30px;
}
.list-items {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.list-items li {
    padding-bottom: 8px;
    font-family: "Nunito Sans",Sans-serif;
    font-weight: 400;
    line-height: 1.86;
}
.list-items li:last-child {
    padding-bottom: 0;
}
.list-items a {
    color: #fafafb;
}
.list-items a:hover {
    color: #fff;
}
.copyright-text {
    margin-bottom: 0;
    font-size: 15px;
}

.footer-v2 {
    background-color: #002e5b;
    padding: 50px 0 20px 0;
    color: #fafafa;
}

.footer_bottom-v223 {
    background-color: #000000;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0 40px 0;
    text-align: center;
    color: white;
}

.ft-contact-info {
    padding-bottom: 20px;
}
.ft-contact-info p{
    color: #fff;
}
.ft-contact-info h6{
    color: #AEAACB;
}
.footer-menu ul {
    list-style: none;
}
.copyright-text.v2 {
    color: #AEAACB;
    font-size: 16px;
}
.ft-list-icon {
    line-height: 1;
}
.ft-list-icon a {
    display: inline-block;
    font-size: 12px;
    color: #4CCEF9;
    line-height: 1;
    text-align: center;
    background-color: #FFF;
    margin-right: 5px;
    padding: .5em;
    border-radius: 50% 50% 50% 50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.ft-list-icon a:last-child {
    margin-right: 0;
}
.ft-list-icon a:hover {
    transform: translateY(-8px);
    opacity: 0.9;
}
.ft-list-icon a i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}
.ft-list-icon .twitter {
    color: #4CCEF9;
}
.ft-list-icon .facebook {
    color: #25E;
}
.ft-list-icon .linkedin {
    color: #3292FF;
}
.ft-list-icon .instagram {
    color: #FF9000;
}
.bg-map-dots {
    background-image:url(https://via.placeholder.com/1920x761.png);
}

/* HTML */
@media (min-width: 1200px) {
  .container {
      max-width: 1200px;
  }
}
section {
    padding-top: 20px;
    padding-bottom: 0px;
    position: relative;
}
.pbt-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.no-padding-top {
    padding-top: 0;
}
.no-padding-bottom {
    padding-bottom: 0;
}
.pt-0 {
    padding-top: 0;
}
.mb-30 {
    margin-bottom: 30px;
}
.mt--130 { 
    margin-top: -130px;
}
.mt--290 { 
    margin-top: -290px;
}
.mb--200 {
    margin-bottom: -200px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-290 {
    padding-bottom: 290px;
}
.mt--170 {
    margin-top: -170px;
}
.btn-border {
    background-color: transparent;
    border: 1px solid #fff;
}
.btn-border:hover {
    background-color: #43BAFF;
    border-color: #43BAFF;
}
.mt-65 {
    margin-top: 65px;
}
.padding-half {
    padding-top: 20px;
    padding-bottom: 45px;
}
.mb-15 {
    margin-bottom: 15px;
}
.space-5 {
    height: 5px;
    width: 100%;
}
.space-10 {
    height: 10px;
    width: 100%;
}
.space-15 {
    height: 15px;
    width: 100%;
}
.space-20 {
    height: 20px;
    width: 100%;
}
.space-25 {
    height: 25px;
    width: 100%;
}
.space-30 {
    height: 30px;
    width: 100%;
}
.space-35 {
    height: 35px;
    width: 100%;
}
.space-40 {
    height: 40px;
    width: 100%;
}
.space-45 {
    height: 45px;
    width: 100%;
}
.space-50 {
    height: 50px;
    width: 100%;
}
.space-55 {
    height: 55px;
    width: 100%;
}
.space-60 {
    height: 60px;
    width: 100%;
}
.space-65 {
    height: 65px;
    width: 100%;
}
.space-70 {
    height: 70px;
    width: 100%;
}
.space-75 {
    height: 75px;
    width: 100%;
}
.space-80 {
    height: 80px;
    width: 100%;
}
.space-85 {
    height: 85px;
    width: 100%;
}
.space-90 {
    height: 90px;
    width: 100%;
}
.space-95 {
    height: 95px;
    width: 100%;
}
.space-100 {
    height: 100px;
    width: 100%;
}
.space-105 {
    height: 105px;
    width: 100%;
}
.space-110 {
    height: 110px;
    width: 100%;
}
.space-115 {
    height: 115px;
    width: 100%;
}
.space-120 {
    height: 120px;
    width: 100%;
}
.space-150 {
    height: 150px;
    width: 100%;
}
.space-26 {
    height: 26px;
    width: 100%;
}
.space-1 {
    height: 1px;
    width: 100%;
}
.over-hidden {
    overflow: hidden;
}
@media (max-width: 992px) {
  .sm-pb-60 {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .xs-pb-60 {
    padding-bottom: 60px;
  }
}
@media (max-width: 1600px){
  .tab-video {
    padding-left: 0;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1400px){
  .project-slider {
    margin: 0;
  }
}
@media (max-width: 1200px) {
  .img-small {
    display: none;
  }
  .top-left-v5 {
    text-align: center;
  }
  .top-left-v5 .ot-heading {
    margin-right: 0;
  }
  .top-left-v5 .ot-heading>span {
    font-size: 14px;
  }
  .top-left-v5 .ot-heading h2 {
    font-size: 28px;
    line-height: 40px;
  }
  .top-left-v5 p {
    margin-right: 0;
  }
  .top-right-v5 {
    margin-right: 0;
    margin-top: 60px;
  }
  .section-inner-about .left-img {
    margin: 0;
  }
  .section-inner-about .right-content {
    margin-left: 0;
  }
  .technology-v3-left {
    margin-right: 0;
  }
  .left-about-v4 {
    margin: 0;
  }
  .right-about-v4 {
    margin-left: 0;
  }
  .img-Engitech {
    display: none;
  }
  .tab-video {
    padding-left: 0;
  }
  .wc-forward {
    display: block;
  }
  .wc-forward.checkout {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .about-v5, .overlay-image-about5, .team-info {
    background-size: 0 auto;
  }
}
@media (max-width: 992px){
  .ot-image-box.st1, .ot-image-box.st3 {
    margin-top: 0;
  }
  .md-mt-30 {
    margin-top: 30px;
  }
  .md-text-left {
    text-align: left !important;
  }
  .md-mb-30 {
    margin-bottom: 30px;
  }
  .right-v5 {
    margin-right: 0;
    margin-left: 0;
    margin-top: 50px;
    text-align: center;
  }
  .home2-top-right {
    text-align: center;
  }
  .home2-top-right {
    margin-left: 0;
  }
  .left-about-v4 {
    text-align: center;
  }
  .projects-col3 .project-item {
    width: 50%;
  }
  .pabout-right {
    margin-left: 0;
  }
  .pabout-left {
    margin: 0;
    text-align: center;
  }
  .why-right {
    margin-left: 0;
  }
  .s-counter4.why {
    margin-top: 0;
  }
  .team-info-left .team-img {
    margin: 0;
    text-align: center;
  }
  .team-detail {
    text-align: center;
    margin-bottom: 40px;
    margin-left: 0;
  }
  .split-right-img {
    min-height: 500px;
  }
  .wc-forward {
    display: inline-block;
  }
  .checkout.wc-forward {
    margin-top: 0;
  }
  .app-benefits-left, .app-benefits-right {
    margin: 0;
  }
}
@media (max-width: 767px) {
  section {
      padding-top: 60px;
      padding-bottom: 60px;
  }
  .space-sm-top {
      padding-top: 60px;
  }
  .space-sm-bottom {
      padding-bottom: 60px;
  }
  .space-sm {
      padding-top: 60px;
      padding-bottom: 60px;
  }
  .sm-mb-30 {
    margin-bottom: 30px;
  }
  .about-v5 {
    padding: 90px 0;
  }
  .technology-v5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .ot-image-box.st1, .ot-image-box.st3 {
    margin-top: 30px;
  }
  .team-v5 {
    padding: 80px 0;
  }
  .sm-text-left {
    text-align: left !important;
  }
  .sm-mt-30 {
    margin-top: 30px;
  }
  .home2-top-right h2, .top-heading .ot-heading h2 {
    font-size: 48px;
    line-height: 60px;
  }
  .cta {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
  }
  .cta h2 {
    font-size: 32px;
    line-height: 48px;
  }
  .cta-h2 {
    margin-bottom: 80px;
    padding: 30px;
  }
  .cta-h2 h2 {
    line-height: 1;
    font-size: 30px;
  }
  .cta-h2 .ot-heading {
    text-align: center;
  }
  .ot-counter.v3 {
    text-align: center;
  }
  .section-consultation h2 {
    font-size: 32px;
    line-height: 42px;
  }
  .circle-progress {
    justify-content: center;
  }
  .member-form {
    padding: 0;
    border: none;
  }
  .projects-col3 .project-item,
  .projects-grid.pf_5_cols .project-item,
  .projects-grid.pf_4_cols .project-item,
  .projects-grid.pf_2_cols .project-item,
  .projects-col4 .project-item {
    width: 100%;
  }

  .project_filters li {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (max-width: 600px) {
  .projects-col3 .project-item {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .projects-col3 .project-item {
    width: 100%;
  }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-menu ul {
  list-style: none;
  text-align: center;
  margin-bottom: 0;
  padding-left: 0;
}
.footer-menu ul li {
  display: inline-block;
  margin: 0px 29px;
}
.footer-menu ul li a {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.footer-menu ul li a:visited {
  color: #fff;
}
.footer-menu ul li a:hover {
  color: #43baff;
}

/* Subscribe Email */
.mc4wp-form-fields .subscribe-inner-form {
  position: relative;
}
.mc4wp-form-fields .subscribe-inner-form input[type=email] {
  height: 46px;
  width: 100%;
  background: #37325a;
  color: #fff;
  padding-right: 66px;
}
.mc4wp-form-fields .subscribe-inner-form input[type=email]::placeholder {
  color: #fff;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon {
  background: transparent;
  border: none;
  outline: none;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 100%;
  line-height: 44px;
  text-align: center;
  background: #43baff;
  color: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i:before {
  font-size: 16px;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover {
  background: #fff;
  color: #43baff;
}

/* Back To Top*/
#back-to-top {
  background: #fff;
  color: #43baff;
  border: 0 none;
  border-radius: 2px;
  cursor: pointer;
  width: 42px;
  height: 45px;
  line-height: 45px;
  opacity: 0;
  outline: medium none;
  position: fixed;
  right: 40px;
  bottom: -20px;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s ease-out 0s;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  box-shadow: 6px 6px 13px 0px rgba(42, 67, 113, 0.2);
  -webkit-box-shadow: 6px 6px 13px 0px rgba(42, 67, 113, 0.2);
  -moz-box-shadow: 6px 6px 13px 0px rgba(42, 67, 113, 0.2);
}
#back-to-top.show {
  opacity: 1;
  bottom: 40px;
}
#back-to-top i:after, #back-to-top i:before {
  font-size: 17px;
}
#back-to-top:hover {
  bottom: 45px;
}

/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
.error-404 {
  padding: 180px 0;
}
.error-404 h2 {
  font-size: 250px;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
}
.error-404 .content-404 {
  max-width: 480px;
  margin: auto;
}
.error-404 .content-404 p {
  font-size: 18px;
  margin-bottom: 40px;
}
.error-404 .content-404 form {
  margin: 0 30px 20px;
}

@media (max-width: 767px) {
  .error-404 h1 {
    font-size: 36px;
    display: block;
  }
}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (min-width: 992px) {
  .lg-hidden {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .md-hidden {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .sm-hidden {
    display: none;
  }
}

/**Revolution Slider**/
.tp-big-text{
  text-transform: uppercase; 
  font-weight: 900; 
  font-family: Montserrat;
}
.tp-bannertimer{
  height: 10px; background: rgba(0, 0, 0, 0);
}


/* news style added */

#news-slider{
    margin-top: 80px;
}
.post-slide{
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,1.1);
}
.post-slide .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
    background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}
.post-slide .post-title a{
    font-size:15px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#3498db;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:25px;
}
.post-slide .post-date{
    color:#a9a9a9;
    font-size: 14px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
    background: #fff;
    position: absolute;
    top:-13%;
    left:15px;
    padding: 0 18px 0 15px;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
    background: #fff;
    position: absolute;
    top:-13%;
    right: 15px;
    padding: 0 15px 0 18px;
    border-radius: 50px;
    box-shadow: -3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
    }
}


/* star animation */

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 191px 738px #FFF , 400px 717px #FFF , 1664px 700px #FFF , 1515px 186px #FFF , 566px 1832px #FFF , 858px 1844px #FFF , 882px 234px #FFF , 1777px 824px #FFF , 21px 1089px #FFF , 613px 1763px #FFF , 1255px 1437px #FFF , 632px 544px #FFF , 1103px 901px #FFF , 995px 310px #FFF , 615px 1322px #FFF , 783px 839px #FFF , 1700px 289px #FFF , 95px 57px #FFF , 1705px 89px #FFF , 1244px 295px #FFF , 295px 725px #FFF , 1235px 1877px #FFF , 546px 662px #FFF , 1920px 1978px #FFF , 491px 817px #FFF , 135px 98px #FFF , 1069px 1570px #FFF , 1348px 1252px #FFF , 266px 519px #FFF , 1969px 1652px #FFF , 782px 759px #FFF , 1092px 730px #FFF , 1546px 790px #FFF , 626px 940px #FFF , 1563px 1103px #FFF , 864px 1618px #FFF , 224px 1717px #FFF , 1634px 787px #FFF , 1697px 353px #FFF , 124px 354px #FFF , 374px 1264px #FFF , 548px 24px #FFF , 1653px 4px #FFF , 686px 572px #FFF , 1628px 555px #FFF , 843px 949px #FFF , 1891px 76px #FFF , 981px 1566px #FFF , 1045px 1185px #FFF , 1806px 1902px #FFF , 315px 712px #FFF , 38px 1073px #FFF , 28px 1254px #FFF , 856px 333px #FFF , 655px 717px #FFF , 1803px 1180px #FFF , 1107px 1164px #FFF , 1818px 796px #FFF , 606px 803px #FFF , 213px 163px #FFF , 434px 1800px #FFF , 305px 1719px #FFF , 1426px 25px #FFF , 554px 119px #FFF , 1117px 731px #FFF , 1790px 845px #FFF , 712px 1490px #FFF , 1619px 60px #FFF , 1172px 1369px #FFF , 735px 1552px #FFF , 1420px 1396px #FFF , 1037px 490px #FFF , 848px 1675px #FFF , 338px 875px #FFF , 342px 1848px #FFF , 215px 1050px #FFF , 279px 1748px #FFF , 1353px 518px #FFF , 852px 620px #FFF , 515px 1002px #FFF , 1783px 218px #FFF , 1777px 763px #FFF , 1717px 861px #FFF , 1109px 733px #FFF , 1442px 567px #FFF , 1338px 762px #FFF , 949px 1994px #FFF , 604px 1368px #FFF , 987px 1913px #FFF , 1724px 1348px #FFF , 440px 385px #FFF , 1369px 428px #FFF , 1634px 682px #FFF , 1576px 1635px #FFF , 1460px 1045px #FFF , 943px 1371px #FFF , 1439px 504px #FFF , 276px 1566px #FFF , 21px 616px #FFF , 1337px 1408px #FFF , 1292px 1103px #FFF , 1734px 237px #FFF , 1967px 884px #FFF , 527px 1310px #FFF , 1994px 1521px #FFF , 565px 696px #FFF , 155px 1609px #FFF , 549px 487px #FFF , 615px 1714px #FFF , 778px 1741px #FFF , 504px 1765px #FFF , 1032px 87px #FFF , 34px 1417px #FFF , 834px 1732px #FFF , 1415px 249px #FFF , 157px 98px #FFF , 1277px 1779px #FFF , 47px 1881px #FFF , 419px 309px #FFF , 579px 862px #FFF , 2000px 1457px #FFF , 1091px 1847px #FFF , 1677px 1523px #FFF , 1914px 1564px #FFF , 136px 95px #FFF , 1285px 1020px #FFF , 151px 482px #FFF , 1447px 795px #FFF , 252px 236px #FFF , 1404px 184px #FFF , 1600px 51px #FFF , 1466px 656px #FFF , 937px 292px #FFF , 445px 1137px #FFF , 665px 1508px #FFF , 71px 785px #FFF , 1677px 1748px #FFF , 398px 1470px #FFF , 898px 1487px #FFF , 1805px 1031px #FFF , 1094px 616px #FFF , 1128px 1568px #FFF , 721px 1100px #FFF , 1103px 647px #FFF , 109px 730px #FFF , 1488px 1914px #FFF , 584px 717px #FFF , 1259px 1669px #FFF , 634px 17px #FFF , 1247px 681px #FFF , 199px 831px #FFF , 949px 1979px #FFF , 19px 918px #FFF , 1864px 579px #FFF , 1308px 1379px #FFF , 1223px 1599px #FFF , 1519px 740px #FFF , 1286px 273px #FFF , 1873px 408px #FFF , 1354px 1446px #FFF , 640px 591px #FFF , 1988px 659px #FFF , 1648px 1710px #FFF , 153px 1483px #FFF , 90px 58px #FFF , 1039px 745px #FFF , 1078px 1777px #FFF , 994px 37px #FFF , 73px 1194px #FFF , 1278px 561px #FFF , 623px 90px #FFF , 190px 441px #FFF , 1041px 844px #FFF , 566px 546px #FFF , 1809px 1313px #FFF , 1089px 1970px #FFF , 807px 494px #FFF , 11px 1003px #FFF , 1500px 1544px #FFF , 353px 919px #FFF , 811px 298px #FFF , 1503px 819px #FFF , 698px 1277px #FFF , 956px 284px #FFF , 1151px 1357px #FFF , 1361px 1092px #FFF , 966px 67px #FFF , 140px 1151px #FFF , 50px 1516px #FFF , 841px 466px #FFF , 1409px 447px #FFF , 793px 1582px #FFF , 1390px 1349px #FFF , 290px 1083px #FFF , 1986px 1605px #FFF , 1897px 529px #FFF , 236px 1980px #FFF , 897px 257px #FFF , 275px 624px #FFF , 1775px 1282px #FFF , 1369px 1706px #FFF , 1527px 477px #FFF , 1793px 901px #FFF , 1975px 958px #FFF , 625px 1444px #FFF , 563px 793px #FFF , 1573px 176px #FFF , 1334px 1754px #FFF , 798px 1804px #FFF , 1667px 1579px #FFF , 1214px 223px #FFF , 1510px 1411px #FFF , 1670px 125px #FFF , 1178px 990px #FFF , 1626px 249px #FFF , 965px 1654px #FFF , 337px 789px #FFF , 1617px 1583px #FFF , 1148px 1231px #FFF , 228px 1664px #FFF , 426px 194px #FFF , 1366px 968px #FFF , 1081px 522px #FFF , 109px 1230px #FFF , 952px 1917px #FFF , 36px 994px #FFF , 1498px 238px #FFF , 529px 596px #FFF , 1459px 615px #FFF , 672px 672px #FFF , 1327px 77px #FFF , 854px 781px #FFF , 912px 1158px #FFF , 1199px 1282px #FFF , 1422px 1264px #FFF , 1683px 1940px #FFF , 1413px 1868px #FFF , 1115px 438px #FFF , 1560px 968px #FFF , 32px 1781px #FFF , 1469px 1759px #FFF , 1014px 1159px #FFF , 1181px 837px #FFF , 1737px 433px #FFF , 517px 454px #FFF , 1156px 1417px #FFF , 1346px 479px #FFF , 1964px 1994px #FFF , 436px 1249px #FFF , 990px 1841px #FFF , 420px 1226px #FFF , 58px 1820px #FFF , 43px 1855px #FFF , 1087px 867px #FFF , 984px 1686px #FFF , 1349px 514px #FFF , 297px 448px #FFF , 959px 336px #FFF , 1796px 459px #FFF , 201px 1537px #FFF , 1504px 357px #FFF , 1278px 1865px #FFF , 1378px 1502px #FFF , 456px 510px #FFF , 1465px 1231px #FFF , 1062px 1158px #FFF , 18px 1103px #FFF , 1443px 1745px #FFF , 1766px 216px #FFF , 1943px 1881px #FFF , 1689px 1531px #FFF , 1876px 418px #FFF , 120px 1763px #FFF , 118px 148px #FFF , 329px 1110px #FFF , 820px 600px #FFF , 645px 436px #FFF , 1195px 1376px #FFF , 276px 56px #FFF , 666px 783px #FFF , 1350px 838px #FFF , 1699px 710px #FFF , 1622px 585px #FFF , 1063px 1801px #FFF , 1201px 81px #FFF , 995px 1443px #FFF , 1118px 1748px #FFF , 438px 1656px #FFF , 1801px 834px #FFF , 1637px 448px #FFF , 740px 652px #FFF , 1820px 557px #FFF , 1199px 1950px #FFF , 1175px 1997px #FFF , 1297px 1394px #FFF , 1155px 38px #FFF , 1289px 689px #FFF , 1876px 1096px #FFF , 1303px 1757px #FFF , 203px 1820px #FFF , 102px 854px #FFF , 49px 259px #FFF , 183px 1662px #FFF , 1740px 1898px #FFF , 990px 1815px #FFF , 1356px 1551px #FFF , 84px 1978px #FFF , 729px 1392px #FFF , 1455px 1878px #FFF , 1772px 1877px #FFF , 327px 21px #FFF , 1263px 238px #FFF , 959px 660px #FFF , 6px 1744px #FFF , 1268px 331px #FFF , 1965px 909px #FFF , 1096px 1036px #FFF , 194px 475px #FFF , 1561px 441px #FFF , 1749px 1293px #FFF , 414px 1206px #FFF , 972px 80px #FFF , 1884px 1037px #FFF , 1633px 976px #FFF , 943px 48px #FFF , 382px 1762px #FFF , 551px 983px #FFF , 1135px 989px #FFF , 315px 1845px #FFF , 246px 422px #FFF , 1723px 31px #FFF , 1024px 1627px #FFF , 882px 1278px #FFF , 889px 134px #FFF , 35px 1386px #FFF , 1266px 303px #FFF , 173px 1990px #FFF , 72px 394px #FFF , 1032px 1448px #FFF , 315px 1544px #FFF , 594px 895px #FFF , 1762px 1075px #FFF , 756px 1063px #FFF , 1530px 152px #FFF , 1589px 826px #FFF , 371px 1609px #FFF , 1139px 1057px #FFF , 1120px 1826px #FFF , 1852px 427px #FFF , 464px 767px #FFF , 617px 200px #FFF , 1565px 890px #FFF , 693px 94px #FFF , 1980px 1904px #FFF , 1058px 268px #FFF , 1414px 985px #FFF , 1725px 704px #FFF , 11px 566px #FFF , 401px 1156px #FFF , 590px 772px #FFF , 325px 520px #FFF , 395px 401px #FFF , 657px 534px #FFF , 1541px 1489px #FFF , 655px 601px #FFF , 1821px 276px #FFF , 694px 986px #FFF , 129px 1310px #FFF , 505px 895px #FFF , 406px 1259px #FFF , 1300px 1751px #FFF , 678px 881px #FFF , 976px 1961px #FFF , 127px 1854px #FFF , 1352px 1091px #FFF , 1250px 1466px #FFF , 1330px 1473px #FFF , 912px 1307px #FFF , 594px 161px #FFF , 233px 829px #FFF , 813px 604px #FFF , 1466px 263px #FFF , 826px 1377px #FFF , 1288px 513px #FFF , 971px 1732px #FFF , 1902px 1166px #FFF , 915px 1992px #FFF , 311px 809px #FFF , 1864px 1855px #FFF , 868px 1011px #FFF , 929px 1935px #FFF , 1794px 1159px #FFF , 515px 1306px #FFF , 1843px 606px #FFF , 1658px 1848px #FFF , 39px 553px #FFF , 1242px 253px #FFF , 1072px 1065px #FFF , 1821px 534px #FFF , 1211px 1262px #FFF , 1399px 545px #FFF , 28px 1568px #FFF , 1512px 948px #FFF , 205px 234px #FFF , 17px 786px #FFF , 305px 104px #FFF , 1271px 118px #FFF , 1999px 1467px #FFF , 232px 1945px #FFF , 1382px 1392px #FFF , 134px 1528px #FFF , 155px 880px #FFF , 1473px 748px #FFF , 1017px 110px #FFF , 1813px 338px #FFF , 316px 1194px #FFF , 1787px 438px #FFF , 448px 1402px #FFF , 470px 225px #FFF , 1439px 1989px #FFF , 1496px 1841px #FFF , 506px 952px #FFF , 1802px 909px #FFF , 782px 1010px #FFF , 182px 1777px #FFF , 1386px 1270px #FFF , 1719px 1517px #FFF , 430px 1292px #FFF , 1864px 833px #FFF , 1362px 902px #FFF , 1423px 1217px #FFF , 1681px 17px #FFF , 1278px 273px #FFF , 88px 1813px #FFF , 344px 1083px #FFF , 901px 17px #FFF , 888px 21px #FFF , 406px 1816px #FFF , 1624px 1101px #FFF , 958px 76px #FFF , 1016px 1501px #FFF , 962px 245px #FFF , 511px 551px #FFF , 1583px 653px #FFF , 1143px 842px #FFF , 603px 1291px #FFF , 1595px 260px #FFF , 811px 1677px #FFF , 445px 1824px #FFF , 1955px 887px #FFF , 1596px 1326px #FFF , 1490px 1311px #FFF , 1690px 1817px #FFF , 1987px 220px #FFF , 1879px 974px #FFF , 1344px 1823px #FFF , 241px 728px #FFF , 1422px 1397px #FFF , 333px 53px #FFF , 1760px 954px #FFF , 98px 686px #FFF , 1027px 1589px #FFF , 700px 1030px #FFF , 1192px 144px #FFF , 40px 1887px #FFF , 1853px 159px #FFF , 442px 1932px #FFF , 1883px 695px #FFF , 1299px 1393px #FFF , 102px 1408px #FFF , 1938px 381px #FFF , 684px 545px #FFF , 1863px 159px #FFF , 1156px 1403px #FFF , 660px 7px #FFF , 1173px 1314px #FFF , 327px 706px #FFF , 1120px 1023px #FFF , 1649px 752px #FFF , 985px 1478px #FFF , 817px 226px #FFF , 171px 179px #FFF , 692px 1061px #FFF , 101px 686px #FFF , 595px 11px #FFF , 469px 91px #FFF , 832px 491px #FFF , 1252px 729px #FFF , 1494px 984px #FFF , 961px 1558px #FFF , 1405px 1378px #FFF , 643px 1631px #FFF , 488px 1855px #FFF , 435px 765px #FFF , 214px 1252px #FFF , 1067px 458px #FFF , 1717px 463px #FFF , 101px 726px #FFF , 1570px 1037px #FFF , 1285px 1664px #FFF , 1948px 1897px #FFF , 1535px 1361px #FFF , 1772px 1953px #FFF , 1713px 27px #FFF , 1609px 916px #FFF , 1633px 914px #FFF , 904px 342px #FFF , 1145px 1756px #FFF , 651px 1347px #FFF , 1927px 1951px #FFF , 1313px 342px #FFF , 1862px 907px #FFF , 1999px 2px #FFF , 415px 1530px #FFF , 1939px 895px #FFF , 256px 37px #FFF , 1148px 1731px #FFF , 592px 971px #FFF , 1371px 640px #FFF , 1850px 566px #FFF , 481px 692px #FFF , 1484px 566px #FFF , 427px 1185px #FFF , 315px 1281px #FFF , 201px 1706px #FFF , 929px 917px #FFF , 188px 1593px #FFF , 226px 1454px #FFF , 109px 270px #FFF , 866px 1897px #FFF , 1054px 115px #FFF , 1388px 1459px #FFF , 994px 1761px #FFF , 1105px 1257px #FFF , 646px 1935px #FFF , 1452px 1840px #FFF , 1133px 1413px #FFF , 746px 145px #FFF , 740px 892px #FFF , 559px 814px #FFF , 1704px 1121px #FFF , 1813px 106px #FFF , 1576px 1995px #FFF , 1166px 279px #FFF , 364px 241px #FFF , 1981px 497px #FFF , 97px 835px #FFF , 933px 46px #FFF , 1010px 1341px #FFF , 339px 1625px #FFF , 1568px 1214px #FFF , 1542px 672px #FFF , 1270px 1441px #FFF , 266px 570px #FFF , 1179px 1782px #FFF , 1599px 762px #FFF , 1461px 1279px #FFF , 777px 1850px #FFF , 1860px 1714px #FFF , 1860px 617px #FFF , 1491px 862px #FFF , 950px 659px #FFF , 1812px 52px #FFF , 1709px 1042px #FFF , 1672px 1423px #FFF , 984px 1569px #FFF , 693px 1136px #FFF , 321px 688px #FFF , 4px 416px #FFF , 781px 824px #FFF , 279px 1395px #FFF , 1397px 1740px #FFF , 923px 672px #FFF , 1470px 67px #FFF , 1874px 525px #FFF , 656px 1326px #FFF , 1050px 1884px #FFF , 1969px 516px #FFF , 1273px 1608px #FFF , 551px 873px #FFF , 135px 1867px #FFF , 260px 1765px #FFF , 64px 454px #FFF , 1131px 1768px #FFF , 194px 1590px #FFF , 623px 33px #FFF , 243px 1712px #FFF , 430px 1709px #FFF , 1585px 714px #FFF , 735px 617px #FFF , 426px 1612px #FFF , 279px 614px #FFF , 1627px 153px #FFF , 20px 1951px #FFF , 1079px 847px #FFF , 559px 526px #FFF , 815px 220px #FFF , 1306px 49px #FFF , 509px 840px #FFF , 1642px 1621px #FFF , 1541px 1522px #FFF , 1314px 750px #FFF , 366px 1210px #FFF , 1542px 1169px #FFF , 1408px 784px #FFF , 1391px 505px #FFF , 1696px 1290px #FFF , 1145px 1562px #FFF , 521px 629px #FFF , 1877px 560px #FFF , 624px 960px #FFF , 784px 513px #FFF , 841px 1657px #FFF , 1523px 1885px #FFF , 677px 1251px #FFF , 64px 1241px #FFF , 586px 1606px #FFF , 727px 158px #FFF , 1704px 1051px #FFF , 1971px 1410px #FFF , 1399px 331px #FFF , 1352px 1937px #FFF , 88px 595px #FFF , 687px 1214px #FFF , 1513px 712px #FFF , 1570px 1886px #FFF , 503px 1789px #FFF , 1805px 340px #FFF , 121px 1700px #FFF , 776px 377px #FFF , 784px 455px #FFF , 1049px 1859px #FFF , 883px 856px #FFF , 713px 253px #FFF , 824px 1214px #FFF , 1716px 643px #FFF , 1505px 580px #FFF , 46px 1904px #FFF , 635px 1179px #FFF , 1631px 208px #FFF , 992px 240px #FFF , 382px 811px #FFF , 148px 354px #FFF , 119px 335px #FFF , 1517px 61px #FFF , 1828px 1950px #FFF , 78px 1288px #FFF , 1999px 598px #FFF , 1484px 1759px #FFF , 887px 586px #FFF , 1279px 450px #FFF , 1286px 849px #FFF , 1953px 449px #FFF , 1939px 250px #FFF , 1642px 742px #FFF , 1234px 45px #FFF , 178px 1938px #FFF , 41px 1363px #FFF , 1797px 838px #FFF , 28px 973px #FFF , 1818px 238px #FFF , 1292px 1403px #FFF , 1183px 861px #FFF , 395px 561px #FFF , 1546px 236px #FFF , 1261px 1270px #FFF , 1551px 948px #FFF , 1958px 273px #FFF , 1315px 1480px #FFF , 495px 41px #FFF , 880px 179px #FFF , 592px 1286px #FFF , 1213px 353px #FFF , 162px 1436px #FFF , 1327px 944px #FFF , 1347px 497px #FFF , 1440px 1866px #FFF , 38px 97px #FFF , 1858px 275px #FFF , 1162px 133px #FFF , 1312px 1463px #FFF , 753px 355px #FFF , 1957px 991px #FFF , 1752px 1060px #FFF , 816px 582px #FFF , 283px 1592px #FFF , 1966px 1147px #FFF , 925px 187px #FFF , 1855px 383px #FFF , 1196px 735px #FFF , 805px 624px #FFF , 833px 926px #FFF , 1499px 773px #FFF , 1345px 1154px #FFF , 1907px 1314px #FFF , 245px 1288px #FFF , 144px 1124px #FFF , 1833px 1814px #FFF , 235px 269px #FFF , 232px 420px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 191px 738px #FFF , 400px 717px #FFF , 1664px 700px #FFF , 1515px 186px #FFF , 566px 1832px #FFF , 858px 1844px #FFF , 882px 234px #FFF , 1777px 824px #FFF , 21px 1089px #FFF , 613px 1763px #FFF , 1255px 1437px #FFF , 632px 544px #FFF , 1103px 901px #FFF , 995px 310px #FFF , 615px 1322px #FFF , 783px 839px #FFF , 1700px 289px #FFF , 95px 57px #FFF , 1705px 89px #FFF , 1244px 295px #FFF , 295px 725px #FFF , 1235px 1877px #FFF , 546px 662px #FFF , 1920px 1978px #FFF , 491px 817px #FFF , 135px 98px #FFF , 1069px 1570px #FFF , 1348px 1252px #FFF , 266px 519px #FFF , 1969px 1652px #FFF , 782px 759px #FFF , 1092px 730px #FFF , 1546px 790px #FFF , 626px 940px #FFF , 1563px 1103px #FFF , 864px 1618px #FFF , 224px 1717px #FFF , 1634px 787px #FFF , 1697px 353px #FFF , 124px 354px #FFF , 374px 1264px #FFF , 548px 24px #FFF , 1653px 4px #FFF , 686px 572px #FFF , 1628px 555px #FFF , 843px 949px #FFF , 1891px 76px #FFF , 981px 1566px #FFF , 1045px 1185px #FFF , 1806px 1902px #FFF , 315px 712px #FFF , 38px 1073px #FFF , 28px 1254px #FFF , 856px 333px #FFF , 655px 717px #FFF , 1803px 1180px #FFF , 1107px 1164px #FFF , 1818px 796px #FFF , 606px 803px #FFF , 213px 163px #FFF , 434px 1800px #FFF , 305px 1719px #FFF , 1426px 25px #FFF , 554px 119px #FFF , 1117px 731px #FFF , 1790px 845px #FFF , 712px 1490px #FFF , 1619px 60px #FFF , 1172px 1369px #FFF , 735px 1552px #FFF , 1420px 1396px #FFF , 1037px 490px #FFF , 848px 1675px #FFF , 338px 875px #FFF , 342px 1848px #FFF , 215px 1050px #FFF , 279px 1748px #FFF , 1353px 518px #FFF , 852px 620px #FFF , 515px 1002px #FFF , 1783px 218px #FFF , 1777px 763px #FFF , 1717px 861px #FFF , 1109px 733px #FFF , 1442px 567px #FFF , 1338px 762px #FFF , 949px 1994px #FFF , 604px 1368px #FFF , 987px 1913px #FFF , 1724px 1348px #FFF , 440px 385px #FFF , 1369px 428px #FFF , 1634px 682px #FFF , 1576px 1635px #FFF , 1460px 1045px #FFF , 943px 1371px #FFF , 1439px 504px #FFF , 276px 1566px #FFF , 21px 616px #FFF , 1337px 1408px #FFF , 1292px 1103px #FFF , 1734px 237px #FFF , 1967px 884px #FFF , 527px 1310px #FFF , 1994px 1521px #FFF , 565px 696px #FFF , 155px 1609px #FFF , 549px 487px #FFF , 615px 1714px #FFF , 778px 1741px #FFF , 504px 1765px #FFF , 1032px 87px #FFF , 34px 1417px #FFF , 834px 1732px #FFF , 1415px 249px #FFF , 157px 98px #FFF , 1277px 1779px #FFF , 47px 1881px #FFF , 419px 309px #FFF , 579px 862px #FFF , 2000px 1457px #FFF , 1091px 1847px #FFF , 1677px 1523px #FFF , 1914px 1564px #FFF , 136px 95px #FFF , 1285px 1020px #FFF , 151px 482px #FFF , 1447px 795px #FFF , 252px 236px #FFF , 1404px 184px #FFF , 1600px 51px #FFF , 1466px 656px #FFF , 937px 292px #FFF , 445px 1137px #FFF , 665px 1508px #FFF , 71px 785px #FFF , 1677px 1748px #FFF , 398px 1470px #FFF , 898px 1487px #FFF , 1805px 1031px #FFF , 1094px 616px #FFF , 1128px 1568px #FFF , 721px 1100px #FFF , 1103px 647px #FFF , 109px 730px #FFF , 1488px 1914px #FFF , 584px 717px #FFF , 1259px 1669px #FFF , 634px 17px #FFF , 1247px 681px #FFF , 199px 831px #FFF , 949px 1979px #FFF , 19px 918px #FFF , 1864px 579px #FFF , 1308px 1379px #FFF , 1223px 1599px #FFF , 1519px 740px #FFF , 1286px 273px #FFF , 1873px 408px #FFF , 1354px 1446px #FFF , 640px 591px #FFF , 1988px 659px #FFF , 1648px 1710px #FFF , 153px 1483px #FFF , 90px 58px #FFF , 1039px 745px #FFF , 1078px 1777px #FFF , 994px 37px #FFF , 73px 1194px #FFF , 1278px 561px #FFF , 623px 90px #FFF , 190px 441px #FFF , 1041px 844px #FFF , 566px 546px #FFF , 1809px 1313px #FFF , 1089px 1970px #FFF , 807px 494px #FFF , 11px 1003px #FFF , 1500px 1544px #FFF , 353px 919px #FFF , 811px 298px #FFF , 1503px 819px #FFF , 698px 1277px #FFF , 956px 284px #FFF , 1151px 1357px #FFF , 1361px 1092px #FFF , 966px 67px #FFF , 140px 1151px #FFF , 50px 1516px #FFF , 841px 466px #FFF , 1409px 447px #FFF , 793px 1582px #FFF , 1390px 1349px #FFF , 290px 1083px #FFF , 1986px 1605px #FFF , 1897px 529px #FFF , 236px 1980px #FFF , 897px 257px #FFF , 275px 624px #FFF , 1775px 1282px #FFF , 1369px 1706px #FFF , 1527px 477px #FFF , 1793px 901px #FFF , 1975px 958px #FFF , 625px 1444px #FFF , 563px 793px #FFF , 1573px 176px #FFF , 1334px 1754px #FFF , 798px 1804px #FFF , 1667px 1579px #FFF , 1214px 223px #FFF , 1510px 1411px #FFF , 1670px 125px #FFF , 1178px 990px #FFF , 1626px 249px #FFF , 965px 1654px #FFF , 337px 789px #FFF , 1617px 1583px #FFF , 1148px 1231px #FFF , 228px 1664px #FFF , 426px 194px #FFF , 1366px 968px #FFF , 1081px 522px #FFF , 109px 1230px #FFF , 952px 1917px #FFF , 36px 994px #FFF , 1498px 238px #FFF , 529px 596px #FFF , 1459px 615px #FFF , 672px 672px #FFF , 1327px 77px #FFF , 854px 781px #FFF , 912px 1158px #FFF , 1199px 1282px #FFF , 1422px 1264px #FFF , 1683px 1940px #FFF , 1413px 1868px #FFF , 1115px 438px #FFF , 1560px 968px #FFF , 32px 1781px #FFF , 1469px 1759px #FFF , 1014px 1159px #FFF , 1181px 837px #FFF , 1737px 433px #FFF , 517px 454px #FFF , 1156px 1417px #FFF , 1346px 479px #FFF , 1964px 1994px #FFF , 436px 1249px #FFF , 990px 1841px #FFF , 420px 1226px #FFF , 58px 1820px #FFF , 43px 1855px #FFF , 1087px 867px #FFF , 984px 1686px #FFF , 1349px 514px #FFF , 297px 448px #FFF , 959px 336px #FFF , 1796px 459px #FFF , 201px 1537px #FFF , 1504px 357px #FFF , 1278px 1865px #FFF , 1378px 1502px #FFF , 456px 510px #FFF , 1465px 1231px #FFF , 1062px 1158px #FFF , 18px 1103px #FFF , 1443px 1745px #FFF , 1766px 216px #FFF , 1943px 1881px #FFF , 1689px 1531px #FFF , 1876px 418px #FFF , 120px 1763px #FFF , 118px 148px #FFF , 329px 1110px #FFF , 820px 600px #FFF , 645px 436px #FFF , 1195px 1376px #FFF , 276px 56px #FFF , 666px 783px #FFF , 1350px 838px #FFF , 1699px 710px #FFF , 1622px 585px #FFF , 1063px 1801px #FFF , 1201px 81px #FFF , 995px 1443px #FFF , 1118px 1748px #FFF , 438px 1656px #FFF , 1801px 834px #FFF , 1637px 448px #FFF , 740px 652px #FFF , 1820px 557px #FFF , 1199px 1950px #FFF , 1175px 1997px #FFF , 1297px 1394px #FFF , 1155px 38px #FFF , 1289px 689px #FFF , 1876px 1096px #FFF , 1303px 1757px #FFF , 203px 1820px #FFF , 102px 854px #FFF , 49px 259px #FFF , 183px 1662px #FFF , 1740px 1898px #FFF , 990px 1815px #FFF , 1356px 1551px #FFF , 84px 1978px #FFF , 729px 1392px #FFF , 1455px 1878px #FFF , 1772px 1877px #FFF , 327px 21px #FFF , 1263px 238px #FFF , 959px 660px #FFF , 6px 1744px #FFF , 1268px 331px #FFF , 1965px 909px #FFF , 1096px 1036px #FFF , 194px 475px #FFF , 1561px 441px #FFF , 1749px 1293px #FFF , 414px 1206px #FFF , 972px 80px #FFF , 1884px 1037px #FFF , 1633px 976px #FFF , 943px 48px #FFF , 382px 1762px #FFF , 551px 983px #FFF , 1135px 989px #FFF , 315px 1845px #FFF , 246px 422px #FFF , 1723px 31px #FFF , 1024px 1627px #FFF , 882px 1278px #FFF , 889px 134px #FFF , 35px 1386px #FFF , 1266px 303px #FFF , 173px 1990px #FFF , 72px 394px #FFF , 1032px 1448px #FFF , 315px 1544px #FFF , 594px 895px #FFF , 1762px 1075px #FFF , 756px 1063px #FFF , 1530px 152px #FFF , 1589px 826px #FFF , 371px 1609px #FFF , 1139px 1057px #FFF , 1120px 1826px #FFF , 1852px 427px #FFF , 464px 767px #FFF , 617px 200px #FFF , 1565px 890px #FFF , 693px 94px #FFF , 1980px 1904px #FFF , 1058px 268px #FFF , 1414px 985px #FFF , 1725px 704px #FFF , 11px 566px #FFF , 401px 1156px #FFF , 590px 772px #FFF , 325px 520px #FFF , 395px 401px #FFF , 657px 534px #FFF , 1541px 1489px #FFF , 655px 601px #FFF , 1821px 276px #FFF , 694px 986px #FFF , 129px 1310px #FFF , 505px 895px #FFF , 406px 1259px #FFF , 1300px 1751px #FFF , 678px 881px #FFF , 976px 1961px #FFF , 127px 1854px #FFF , 1352px 1091px #FFF , 1250px 1466px #FFF , 1330px 1473px #FFF , 912px 1307px #FFF , 594px 161px #FFF , 233px 829px #FFF , 813px 604px #FFF , 1466px 263px #FFF , 826px 1377px #FFF , 1288px 513px #FFF , 971px 1732px #FFF , 1902px 1166px #FFF , 915px 1992px #FFF , 311px 809px #FFF , 1864px 1855px #FFF , 868px 1011px #FFF , 929px 1935px #FFF , 1794px 1159px #FFF , 515px 1306px #FFF , 1843px 606px #FFF , 1658px 1848px #FFF , 39px 553px #FFF , 1242px 253px #FFF , 1072px 1065px #FFF , 1821px 534px #FFF , 1211px 1262px #FFF , 1399px 545px #FFF , 28px 1568px #FFF , 1512px 948px #FFF , 205px 234px #FFF , 17px 786px #FFF , 305px 104px #FFF , 1271px 118px #FFF , 1999px 1467px #FFF , 232px 1945px #FFF , 1382px 1392px #FFF , 134px 1528px #FFF , 155px 880px #FFF , 1473px 748px #FFF , 1017px 110px #FFF , 1813px 338px #FFF , 316px 1194px #FFF , 1787px 438px #FFF , 448px 1402px #FFF , 470px 225px #FFF , 1439px 1989px #FFF , 1496px 1841px #FFF , 506px 952px #FFF , 1802px 909px #FFF , 782px 1010px #FFF , 182px 1777px #FFF , 1386px 1270px #FFF , 1719px 1517px #FFF , 430px 1292px #FFF , 1864px 833px #FFF , 1362px 902px #FFF , 1423px 1217px #FFF , 1681px 17px #FFF , 1278px 273px #FFF , 88px 1813px #FFF , 344px 1083px #FFF , 901px 17px #FFF , 888px 21px #FFF , 406px 1816px #FFF , 1624px 1101px #FFF , 958px 76px #FFF , 1016px 1501px #FFF , 962px 245px #FFF , 511px 551px #FFF , 1583px 653px #FFF , 1143px 842px #FFF , 603px 1291px #FFF , 1595px 260px #FFF , 811px 1677px #FFF , 445px 1824px #FFF , 1955px 887px #FFF , 1596px 1326px #FFF , 1490px 1311px #FFF , 1690px 1817px #FFF , 1987px 220px #FFF , 1879px 974px #FFF , 1344px 1823px #FFF , 241px 728px #FFF , 1422px 1397px #FFF , 333px 53px #FFF , 1760px 954px #FFF , 98px 686px #FFF , 1027px 1589px #FFF , 700px 1030px #FFF , 1192px 144px #FFF , 40px 1887px #FFF , 1853px 159px #FFF , 442px 1932px #FFF , 1883px 695px #FFF , 1299px 1393px #FFF , 102px 1408px #FFF , 1938px 381px #FFF , 684px 545px #FFF , 1863px 159px #FFF , 1156px 1403px #FFF , 660px 7px #FFF , 1173px 1314px #FFF , 327px 706px #FFF , 1120px 1023px #FFF , 1649px 752px #FFF , 985px 1478px #FFF , 817px 226px #FFF , 171px 179px #FFF , 692px 1061px #FFF , 101px 686px #FFF , 595px 11px #FFF , 469px 91px #FFF , 832px 491px #FFF , 1252px 729px #FFF , 1494px 984px #FFF , 961px 1558px #FFF , 1405px 1378px #FFF , 643px 1631px #FFF , 488px 1855px #FFF , 435px 765px #FFF , 214px 1252px #FFF , 1067px 458px #FFF , 1717px 463px #FFF , 101px 726px #FFF , 1570px 1037px #FFF , 1285px 1664px #FFF , 1948px 1897px #FFF , 1535px 1361px #FFF , 1772px 1953px #FFF , 1713px 27px #FFF , 1609px 916px #FFF , 1633px 914px #FFF , 904px 342px #FFF , 1145px 1756px #FFF , 651px 1347px #FFF , 1927px 1951px #FFF , 1313px 342px #FFF , 1862px 907px #FFF , 1999px 2px #FFF , 415px 1530px #FFF , 1939px 895px #FFF , 256px 37px #FFF , 1148px 1731px #FFF , 592px 971px #FFF , 1371px 640px #FFF , 1850px 566px #FFF , 481px 692px #FFF , 1484px 566px #FFF , 427px 1185px #FFF , 315px 1281px #FFF , 201px 1706px #FFF , 929px 917px #FFF , 188px 1593px #FFF , 226px 1454px #FFF , 109px 270px #FFF , 866px 1897px #FFF , 1054px 115px #FFF , 1388px 1459px #FFF , 994px 1761px #FFF , 1105px 1257px #FFF , 646px 1935px #FFF , 1452px 1840px #FFF , 1133px 1413px #FFF , 746px 145px #FFF , 740px 892px #FFF , 559px 814px #FFF , 1704px 1121px #FFF , 1813px 106px #FFF , 1576px 1995px #FFF , 1166px 279px #FFF , 364px 241px #FFF , 1981px 497px #FFF , 97px 835px #FFF , 933px 46px #FFF , 1010px 1341px #FFF , 339px 1625px #FFF , 1568px 1214px #FFF , 1542px 672px #FFF , 1270px 1441px #FFF , 266px 570px #FFF , 1179px 1782px #FFF , 1599px 762px #FFF , 1461px 1279px #FFF , 777px 1850px #FFF , 1860px 1714px #FFF , 1860px 617px #FFF , 1491px 862px #FFF , 950px 659px #FFF , 1812px 52px #FFF , 1709px 1042px #FFF , 1672px 1423px #FFF , 984px 1569px #FFF , 693px 1136px #FFF , 321px 688px #FFF , 4px 416px #FFF , 781px 824px #FFF , 279px 1395px #FFF , 1397px 1740px #FFF , 923px 672px #FFF , 1470px 67px #FFF , 1874px 525px #FFF , 656px 1326px #FFF , 1050px 1884px #FFF , 1969px 516px #FFF , 1273px 1608px #FFF , 551px 873px #FFF , 135px 1867px #FFF , 260px 1765px #FFF , 64px 454px #FFF , 1131px 1768px #FFF , 194px 1590px #FFF , 623px 33px #FFF , 243px 1712px #FFF , 430px 1709px #FFF , 1585px 714px #FFF , 735px 617px #FFF , 426px 1612px #FFF , 279px 614px #FFF , 1627px 153px #FFF , 20px 1951px #FFF , 1079px 847px #FFF , 559px 526px #FFF , 815px 220px #FFF , 1306px 49px #FFF , 509px 840px #FFF , 1642px 1621px #FFF , 1541px 1522px #FFF , 1314px 750px #FFF , 366px 1210px #FFF , 1542px 1169px #FFF , 1408px 784px #FFF , 1391px 505px #FFF , 1696px 1290px #FFF , 1145px 1562px #FFF , 521px 629px #FFF , 1877px 560px #FFF , 624px 960px #FFF , 784px 513px #FFF , 841px 1657px #FFF , 1523px 1885px #FFF , 677px 1251px #FFF , 64px 1241px #FFF , 586px 1606px #FFF , 727px 158px #FFF , 1704px 1051px #FFF , 1971px 1410px #FFF , 1399px 331px #FFF , 1352px 1937px #FFF , 88px 595px #FFF , 687px 1214px #FFF , 1513px 712px #FFF , 1570px 1886px #FFF , 503px 1789px #FFF , 1805px 340px #FFF , 121px 1700px #FFF , 776px 377px #FFF , 784px 455px #FFF , 1049px 1859px #FFF , 883px 856px #FFF , 713px 253px #FFF , 824px 1214px #FFF , 1716px 643px #FFF , 1505px 580px #FFF , 46px 1904px #FFF , 635px 1179px #FFF , 1631px 208px #FFF , 992px 240px #FFF , 382px 811px #FFF , 148px 354px #FFF , 119px 335px #FFF , 1517px 61px #FFF , 1828px 1950px #FFF , 78px 1288px #FFF , 1999px 598px #FFF , 1484px 1759px #FFF , 887px 586px #FFF , 1279px 450px #FFF , 1286px 849px #FFF , 1953px 449px #FFF , 1939px 250px #FFF , 1642px 742px #FFF , 1234px 45px #FFF , 178px 1938px #FFF , 41px 1363px #FFF , 1797px 838px #FFF , 28px 973px #FFF , 1818px 238px #FFF , 1292px 1403px #FFF , 1183px 861px #FFF , 395px 561px #FFF , 1546px 236px #FFF , 1261px 1270px #FFF , 1551px 948px #FFF , 1958px 273px #FFF , 1315px 1480px #FFF , 495px 41px #FFF , 880px 179px #FFF , 592px 1286px #FFF , 1213px 353px #FFF , 162px 1436px #FFF , 1327px 944px #FFF , 1347px 497px #FFF , 1440px 1866px #FFF , 38px 97px #FFF , 1858px 275px #FFF , 1162px 133px #FFF , 1312px 1463px #FFF , 753px 355px #FFF , 1957px 991px #FFF , 1752px 1060px #FFF , 816px 582px #FFF , 283px 1592px #FFF , 1966px 1147px #FFF , 925px 187px #FFF , 1855px 383px #FFF , 1196px 735px #FFF , 805px 624px #FFF , 833px 926px #FFF , 1499px 773px #FFF , 1345px 1154px #FFF , 1907px 1314px #FFF , 245px 1288px #FFF , 144px 1124px #FFF , 1833px 1814px #FFF , 235px 269px #FFF , 232px 420px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1691px 385px #FFF , 296px 1704px #FFF , 1505px 206px #FFF , 1185px 1283px #FFF , 626px 1986px #FFF , 1229px 1087px #FFF , 54px 259px #FFF , 1189px 1632px #FFF , 716px 1777px #FFF , 1507px 1273px #FFF , 232px 1870px #FFF , 584px 497px #FFF , 397px 1210px #FFF , 1868px 820px #FFF , 1017px 926px #FFF , 174px 1086px #FFF , 1491px 1014px #FFF , 662px 1280px #FFF , 1176px 643px #FFF , 1800px 1194px #FFF , 371px 1297px #FFF , 1460px 159px #FFF , 470px 50px #FFF , 296px 581px #FFF , 149px 1119px #FFF , 718px 667px #FFF , 820px 117px #FFF , 1532px 1863px #FFF , 1868px 519px #FFF , 1696px 1815px #FFF , 393px 1769px #FFF , 1324px 173px #FFF , 968px 649px #FFF , 981px 1736px #FFF , 1280px 453px #FFF , 580px 467px #FFF , 197px 296px #FFF , 15px 1516px #FFF , 118px 8px #FFF , 608px 1387px #FFF , 162px 1957px #FFF , 639px 1693px #FFF , 1185px 496px #FFF , 1204px 1262px #FFF , 1125px 873px #FFF , 1993px 1402px #FFF , 1832px 1290px #FFF , 1245px 266px #FFF , 817px 612px #FFF , 1667px 287px #FFF , 1036px 222px #FFF , 981px 61px #FFF , 1931px 866px #FFF , 1569px 739px #FFF , 990px 1499px #FFF , 1608px 306px #FFF , 1243px 1765px #FFF , 1185px 1554px #FFF , 889px 213px #FFF , 828px 35px #FFF , 745px 326px #FFF , 1220px 719px #FFF , 694px 1084px #FFF , 1059px 1502px #FFF , 297px 861px #FFF , 936px 1009px #FFF , 1373px 1434px #FFF , 455px 1551px #FFF , 1105px 594px #FFF , 1747px 828px #FFF , 1338px 1702px #FFF , 1732px 656px #FFF , 1440px 1733px #FFF , 702px 833px #FFF , 502px 9px #FFF , 500px 125px #FFF , 1710px 116px #FFF , 1367px 386px #FFF , 860px 335px #FFF , 1891px 249px #FFF , 997px 958px #FFF , 1215px 1716px #FFF , 694px 473px #FFF , 632px 1134px #FFF , 177px 858px #FFF , 1044px 229px #FFF , 146px 311px #FFF , 1197px 863px #FFF , 1009px 631px #FFF , 1925px 1122px #FFF , 1646px 458px #FFF , 479px 48px #FFF , 550px 1999px #FFF , 556px 233px #FFF , 1959px 1129px #FFF , 1324px 1310px #FFF , 767px 1739px #FFF , 1677px 212px #FFF , 888px 221px #FFF , 1835px 75px #FFF , 1404px 808px #FFF , 1703px 439px #FFF , 223px 452px #FFF , 1027px 195px #FFF , 1942px 991px #FFF , 1891px 1870px #FFF , 1172px 861px #FFF , 496px 485px #FFF , 1818px 1499px #FFF , 467px 1049px #FFF , 306px 1894px #FFF , 682px 380px #FFF , 368px 220px #FFF , 766px 1585px #FFF , 1911px 1048px #FFF , 979px 1304px #FFF , 812px 1871px #FFF , 639px 1472px #FFF , 1326px 1235px #FFF , 1560px 1601px #FFF , 1813px 890px #FFF , 1823px 275px #FFF , 134px 419px #FFF , 1865px 1066px #FFF , 625px 701px #FFF , 1850px 1636px #FFF , 1208px 457px #FFF , 39px 1689px #FFF , 1035px 1212px #FFF , 600px 410px #FFF , 701px 959px #FFF , 212px 446px #FFF , 874px 235px #FFF , 1422px 31px #FFF , 895px 1810px #FFF , 964px 208px #FFF , 521px 1694px #FFF , 933px 596px #FFF , 57px 444px #FFF , 1503px 128px #FFF , 299px 320px #FFF , 1567px 1499px #FFF , 162px 383px #FFF , 711px 1078px #FFF , 976px 1189px #FFF , 1110px 778px #FFF , 322px 177px #FFF , 580px 1000px #FFF , 1954px 1838px #FFF , 248px 1522px #FFF , 934px 563px #FFF , 623px 1266px #FFF , 1968px 1492px #FFF , 4px 318px #FFF , 1081px 86px #FFF , 864px 783px #FFF , 515px 1156px #FFF , 1286px 1784px #FFF , 180px 328px #FFF , 630px 1625px #FFF , 1911px 680px #FFF , 686px 884px #FFF , 619px 29px #FFF , 173px 1340px #FFF , 1112px 1776px #FFF , 1268px 1909px #FFF , 203px 578px #FFF , 697px 1548px #FFF , 761px 668px #FFF , 1032px 1891px #FFF , 878px 549px #FFF , 1223px 1889px #FFF , 327px 1708px #FFF , 1761px 837px #FFF , 1329px 1625px #FFF , 1330px 1851px #FFF , 1113px 516px #FFF , 413px 421px #FFF , 829px 1865px #FFF , 861px 622px #FFF , 1239px 163px #FFF , 551px 1734px #FFF , 606px 991px #FFF , 940px 316px #FFF , 1944px 471px #FFF , 1362px 1054px #FFF , 292px 1031px #FFF , 1626px 1878px #FFF , 469px 478px #FFF , 645px 1817px #FFF , 86px 1182px #FFF , 185px 109px #FFF , 398px 1443px #FFF , 685px 113px #FFF , 924px 1922px #FFF , 372px 910px #FFF , 976px 1813px #FFF , 1876px 1317px #FFF , 1334px 543px #FFF , 189px 973px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1691px 385px #FFF , 296px 1704px #FFF , 1505px 206px #FFF , 1185px 1283px #FFF , 626px 1986px #FFF , 1229px 1087px #FFF , 54px 259px #FFF , 1189px 1632px #FFF , 716px 1777px #FFF , 1507px 1273px #FFF , 232px 1870px #FFF , 584px 497px #FFF , 397px 1210px #FFF , 1868px 820px #FFF , 1017px 926px #FFF , 174px 1086px #FFF , 1491px 1014px #FFF , 662px 1280px #FFF , 1176px 643px #FFF , 1800px 1194px #FFF , 371px 1297px #FFF , 1460px 159px #FFF , 470px 50px #FFF , 296px 581px #FFF , 149px 1119px #FFF , 718px 667px #FFF , 820px 117px #FFF , 1532px 1863px #FFF , 1868px 519px #FFF , 1696px 1815px #FFF , 393px 1769px #FFF , 1324px 173px #FFF , 968px 649px #FFF , 981px 1736px #FFF , 1280px 453px #FFF , 580px 467px #FFF , 197px 296px #FFF , 15px 1516px #FFF , 118px 8px #FFF , 608px 1387px #FFF , 162px 1957px #FFF , 639px 1693px #FFF , 1185px 496px #FFF , 1204px 1262px #FFF , 1125px 873px #FFF , 1993px 1402px #FFF , 1832px 1290px #FFF , 1245px 266px #FFF , 817px 612px #FFF , 1667px 287px #FFF , 1036px 222px #FFF , 981px 61px #FFF , 1931px 866px #FFF , 1569px 739px #FFF , 990px 1499px #FFF , 1608px 306px #FFF , 1243px 1765px #FFF , 1185px 1554px #FFF , 889px 213px #FFF , 828px 35px #FFF , 745px 326px #FFF , 1220px 719px #FFF , 694px 1084px #FFF , 1059px 1502px #FFF , 297px 861px #FFF , 936px 1009px #FFF , 1373px 1434px #FFF , 455px 1551px #FFF , 1105px 594px #FFF , 1747px 828px #FFF , 1338px 1702px #FFF , 1732px 656px #FFF , 1440px 1733px #FFF , 702px 833px #FFF , 502px 9px #FFF , 500px 125px #FFF , 1710px 116px #FFF , 1367px 386px #FFF , 860px 335px #FFF , 1891px 249px #FFF , 997px 958px #FFF , 1215px 1716px #FFF , 694px 473px #FFF , 632px 1134px #FFF , 177px 858px #FFF , 1044px 229px #FFF , 146px 311px #FFF , 1197px 863px #FFF , 1009px 631px #FFF , 1925px 1122px #FFF , 1646px 458px #FFF , 479px 48px #FFF , 550px 1999px #FFF , 556px 233px #FFF , 1959px 1129px #FFF , 1324px 1310px #FFF , 767px 1739px #FFF , 1677px 212px #FFF , 888px 221px #FFF , 1835px 75px #FFF , 1404px 808px #FFF , 1703px 439px #FFF , 223px 452px #FFF , 1027px 195px #FFF , 1942px 991px #FFF , 1891px 1870px #FFF , 1172px 861px #FFF , 496px 485px #FFF , 1818px 1499px #FFF , 467px 1049px #FFF , 306px 1894px #FFF , 682px 380px #FFF , 368px 220px #FFF , 766px 1585px #FFF , 1911px 1048px #FFF , 979px 1304px #FFF , 812px 1871px #FFF , 639px 1472px #FFF , 1326px 1235px #FFF , 1560px 1601px #FFF , 1813px 890px #FFF , 1823px 275px #FFF , 134px 419px #FFF , 1865px 1066px #FFF , 625px 701px #FFF , 1850px 1636px #FFF , 1208px 457px #FFF , 39px 1689px #FFF , 1035px 1212px #FFF , 600px 410px #FFF , 701px 959px #FFF , 212px 446px #FFF , 874px 235px #FFF , 1422px 31px #FFF , 895px 1810px #FFF , 964px 208px #FFF , 521px 1694px #FFF , 933px 596px #FFF , 57px 444px #FFF , 1503px 128px #FFF , 299px 320px #FFF , 1567px 1499px #FFF , 162px 383px #FFF , 711px 1078px #FFF , 976px 1189px #FFF , 1110px 778px #FFF , 322px 177px #FFF , 580px 1000px #FFF , 1954px 1838px #FFF , 248px 1522px #FFF , 934px 563px #FFF , 623px 1266px #FFF , 1968px 1492px #FFF , 4px 318px #FFF , 1081px 86px #FFF , 864px 783px #FFF , 515px 1156px #FFF , 1286px 1784px #FFF , 180px 328px #FFF , 630px 1625px #FFF , 1911px 680px #FFF , 686px 884px #FFF , 619px 29px #FFF , 173px 1340px #FFF , 1112px 1776px #FFF , 1268px 1909px #FFF , 203px 578px #FFF , 697px 1548px #FFF , 761px 668px #FFF , 1032px 1891px #FFF , 878px 549px #FFF , 1223px 1889px #FFF , 327px 1708px #FFF , 1761px 837px #FFF , 1329px 1625px #FFF , 1330px 1851px #FFF , 1113px 516px #FFF , 413px 421px #FFF , 829px 1865px #FFF , 861px 622px #FFF , 1239px 163px #FFF , 551px 1734px #FFF , 606px 991px #FFF , 940px 316px #FFF , 1944px 471px #FFF , 1362px 1054px #FFF , 292px 1031px #FFF , 1626px 1878px #FFF , 469px 478px #FFF , 645px 1817px #FFF , 86px 1182px #FFF , 185px 109px #FFF , 398px 1443px #FFF , 685px 113px #FFF , 924px 1922px #FFF , 372px 910px #FFF , 976px 1813px #FFF , 1876px 1317px #FFF , 1334px 543px #FFF , 189px 973px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 306px 1148px #FFF , 1975px 1522px #FFF , 712px 1132px #FFF , 1256px 108px #FFF , 1811px 284px #FFF , 752px 451px #FFF , 927px 1119px #FFF , 444px 84px #FFF , 1771px 1039px #FFF , 1166px 1262px #FFF , 10px 47px #FFF , 547px 1476px #FFF , 1525px 36px #FFF , 561px 1649px #FFF , 1414px 634px #FFF , 759px 747px #FFF , 922px 147px #FFF , 1523px 1929px #FFF , 1490px 15px #FFF , 589px 478px #FFF , 76px 480px #FFF , 1302px 1207px #FFF , 1141px 10px #FFF , 234px 699px #FFF , 887px 226px #FFF , 1255px 630px #FFF , 1074px 390px #FFF , 1294px 535px #FFF , 978px 1756px #FFF , 940px 1337px #FFF , 1437px 1908px #FFF , 787px 940px #FFF , 181px 1933px #FFF , 812px 1276px #FFF , 601px 405px #FFF , 689px 1413px #FFF , 308px 932px #FFF , 1167px 1581px #FFF , 362px 453px #FFF , 653px 121px #FFF , 1604px 99px #FFF , 317px 269px #FFF , 1612px 312px #FFF , 624px 1237px #FFF , 1860px 728px #FFF , 657px 1879px #FFF , 121px 584px #FFF , 871px 1498px #FFF , 322px 1533px #FFF , 1421px 332px #FFF , 1332px 1058px #FFF , 1941px 1869px #FFF , 9px 795px #FFF , 1788px 1339px #FFF , 554px 753px #FFF , 1740px 1708px #FFF , 1611px 784px #FFF , 1043px 1643px #FFF , 1142px 446px #FFF , 902px 1576px #FFF , 1438px 1343px #FFF , 448px 895px #FFF , 23px 1057px #FFF , 1958px 1642px #FFF , 133px 193px #FFF , 459px 1925px #FFF , 712px 280px #FFF , 1001px 1775px #FFF , 997px 979px #FFF , 1270px 1476px #FFF , 571px 812px #FFF , 681px 414px #FFF , 1932px 466px #FFF , 1093px 1060px #FFF , 532px 1801px #FFF , 1361px 1407px #FFF , 17px 1428px #FFF , 1026px 1987px #FFF , 1743px 988px #FFF , 403px 427px #FFF , 1818px 770px #FFF , 1113px 443px #FFF , 1043px 1841px #FFF , 905px 1076px #FFF , 1992px 20px #FFF , 646px 107px #FFF , 1961px 1092px #FFF , 245px 1417px #FFF , 287px 399px #FFF , 749px 1178px #FFF , 1878px 678px #FFF , 107px 1322px #FFF , 1149px 100px #FFF , 1291px 1534px #FFF , 1437px 1724px #FFF , 1251px 1882px #FFF , 373px 1085px #FFF , 1739px 459px #FFF , 1527px 212px #FFF , 1466px 1425px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 306px 1148px #FFF , 1975px 1522px #FFF , 712px 1132px #FFF , 1256px 108px #FFF , 1811px 284px #FFF , 752px 451px #FFF , 927px 1119px #FFF , 444px 84px #FFF , 1771px 1039px #FFF , 1166px 1262px #FFF , 10px 47px #FFF , 547px 1476px #FFF , 1525px 36px #FFF , 561px 1649px #FFF , 1414px 634px #FFF , 759px 747px #FFF , 922px 147px #FFF , 1523px 1929px #FFF , 1490px 15px #FFF , 589px 478px #FFF , 76px 480px #FFF , 1302px 1207px #FFF , 1141px 10px #FFF , 234px 699px #FFF , 887px 226px #FFF , 1255px 630px #FFF , 1074px 390px #FFF , 1294px 535px #FFF , 978px 1756px #FFF , 940px 1337px #FFF , 1437px 1908px #FFF , 787px 940px #FFF , 181px 1933px #FFF , 812px 1276px #FFF , 601px 405px #FFF , 689px 1413px #FFF , 308px 932px #FFF , 1167px 1581px #FFF , 362px 453px #FFF , 653px 121px #FFF , 1604px 99px #FFF , 317px 269px #FFF , 1612px 312px #FFF , 624px 1237px #FFF , 1860px 728px #FFF , 657px 1879px #FFF , 121px 584px #FFF , 871px 1498px #FFF , 322px 1533px #FFF , 1421px 332px #FFF , 1332px 1058px #FFF , 1941px 1869px #FFF , 9px 795px #FFF , 1788px 1339px #FFF , 554px 753px #FFF , 1740px 1708px #FFF , 1611px 784px #FFF , 1043px 1643px #FFF , 1142px 446px #FFF , 902px 1576px #FFF , 1438px 1343px #FFF , 448px 895px #FFF , 23px 1057px #FFF , 1958px 1642px #FFF , 133px 193px #FFF , 459px 1925px #FFF , 712px 280px #FFF , 1001px 1775px #FFF , 997px 979px #FFF , 1270px 1476px #FFF , 571px 812px #FFF , 681px 414px #FFF , 1932px 466px #FFF , 1093px 1060px #FFF , 532px 1801px #FFF , 1361px 1407px #FFF , 17px 1428px #FFF , 1026px 1987px #FFF , 1743px 988px #FFF , 403px 427px #FFF , 1818px 770px #FFF , 1113px 443px #FFF , 1043px 1841px #FFF , 905px 1076px #FFF , 1992px 20px #FFF , 646px 107px #FFF , 1961px 1092px #FFF , 245px 1417px #FFF , 287px 399px #FFF , 749px 1178px #FFF , 1878px 678px #FFF , 107px 1322px #FFF , 1149px 100px #FFF , 1291px 1534px #FFF , 1437px 1724px #FFF , 1251px 1882px #FFF , 373px 1085px #FFF , 1739px 459px #FFF , 1527px 212px #FFF , 1466px 1425px #FFF;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

/* career page  */

#navbar-main {
	position: absolute;
	font-family: 'Hind', sans-serif;
	background-color: #fff;
	border-bottom: 1px solid #d7e2e9;
}

#navbar-main .navbar-brand {
	color: #96a4b1;
}

#navbar-main .navbar-toggler {
	padding: 0.5rem;
	border: none;
}

#navbar-main .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(68, 189, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#navbar-main .navbar-nav > li.nav-item > a {
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
}

#navbar-main .navbar-brand .fa-cube {
	font-size: 2rem;
}

header.masthead {
	padding-top: 4rem;
	padding-bottom: 4rem;
	margin-bottom: 3rem;
	background: #a3bded;
	background: -webkit-linear-gradient(-20deg, #a3bded 0%, #6991c7 100%);
	background: -moz-linear-gradient(-20deg, #a3bded 0%, #6991c7 100%);
	background: linear-gradient(-20deg, #a3bded 0%, #6991c7 100%);
}

header.masthead .site-heading {
	padding: 100px 0 50px;
	color: #fff;
}

header.masthead .site-heading h1 {
	font-size: 2.3rem;
}

header.masthead .site-heading .subheading {
	display: block;
	font-weight: 300;
	margin: 0.625rem 0 0;
	color: #fff;
}

ul.job-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.job-list > li.job-preview {
	background: #fff;
	border: 1px solid #d7e2e9;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	padding: 1.5rem 2rem;
	margin-bottom: 1rem;
	float: left;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

ul.job-list > li.job-preview:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.05);
	box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

.job-title {
	margin-top: 0.6rem;
}

.company {
	color: #96a4b1;
}

.job-preview .btn {
	margin-top: 1.1rem;
}

.btn-apply {
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 1px;
	background-color: transparent;
	color:  #393a5f;
	border: 2px solid #393a5f;
	padding: 0.6rem 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
}

.btn-apply:hover {
	background-color: #393a5f;
	color:  #fff;
	border: 2px solid #393a5f;
}

@media (max-width: 575px) {
	.job-preview .content {
		width: 100%;
	}
}

@media only screen and (min-width: 992px) {
	#navbar-main {
		background: transparent;
		border-bottom: 1px solid transparent;
	}
	
	#navbar-main .navbar-brand {
		color: #fff;
		opacity: 0.8;
		padding: 0.95rem 1.2rem;
	}
	
	#navbar-main .navbar-brand:hover,
	#navbar-main .navbar-brand:focus {
		opacity: 1;
	}
	
	#navbar-main .navbar-nav > li.nav-item > a {
		color: #fff;
		opacity: 0.8;
		padding: 0.95rem 1.2rem;
	}
	
	#navbar-main .navbar-nav > li.nav-item > a:hover,
	#navbar-main .navbar-nav > li.nav-item > a:focus {
		opacity: 1;
	}
}

/* //service progress */
/* Timeline */
.timeline,
.timeline-horizontal {
  list-style: none;
  padding: 20px;
  position: relative;
}
.timeline:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline .timeline-item {
  margin-bottom: 20px;
  position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline .timeline-item .timeline-badge {
  color: #fff;
  width: 54px;
  height: 54px;
  line-height: 52px;
  font-size: 22px;
  text-align: center;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -25px;
  background-color: #7c7c7c;
  border: 3px solid #ffffff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
  top: 2px;
  left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
  background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
  background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
  background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
  background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
  background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  right: 16px;
  border: 1px solid #c0c0c0;
  background: #ffffff;
  border-radius: 2px;
  padding: 20px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 16px solid transparent;
  content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
  margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
  float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
  float: right;
  left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-horizontal {
  list-style: none;
  position: relative;
  padding: 20px 0px 20px 0px;
  display: inline-block;
}
.timeline-horizontal:before {
  height: 3px;
  top: auto;
  bottom: 26px;
  left: 56px;
  right: 0;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
  display: table-cell;
  height: 280px;
  width: 20%;
  min-width: 320px;
  float: none !important;
  padding-left: 0px;
  padding-right: 20px;
  margin: 0 auto;
  vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
  top: 0px;
  bottom: 64px;
  display: inline-block;
  float: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
  top: auto;
  bottom: -16px;
  left: 28px !important;
  right: auto;
  border-right: 16px solid transparent !important;
  border-top: 16px solid #c0c0c0 !important;
  border-bottom: 0 solid #c0c0c0 !important;
  border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
  display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
  top: auto;
  bottom: 0px;
  left: 43px;
}