@charset "UTF-8";
/*
Theme Name: Engitech
Theme URI: http://wpdemo.archiwp.com/engitech
Author: OceanThemes
Author URI: https://www.oceanthemes.site/
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.8.13
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.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  overflow-y: scroll!important;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

/* 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.
 */

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b {
  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.
 */

/**
 * Add the correct font size in all browsers.
 */

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

/* 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 {
  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 {
  /* 1 */
  text-transform: none;
}

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-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=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

/**
 * 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.
 */

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox] {
  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.
 */

/*
 * Add the correct display in all browsers.
 */

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input {
  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;
}

 h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #1b1d21;
}

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

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

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

big {
  font-size: 125%;
}

.normal {
  font-weight: 400;
}

.overflow {
  overflow: hidden;
}

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

*,
*: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. */
}

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

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

table {
  border: 1px solid #eee;
}

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

input[type=text],
input[type=url],
input[type=search],
input[type=number],
input[type=color] {
  color: #b5b5b5;
  border: none;
  background: #f6f6f6;
  padding: 10px 20px;
  box-sizing: border-box;
  outline: none;
}
input[type=text]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=color]:focus {
  color: #6d6d6d;
}

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

::-moz-placeholder {
  /* Firefox 19+ */
  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
--------------------------------------------------------------*/

/* style 2 */

/* style 3 */
/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/

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

.site-header {
  background: #fff;
  position: relative;
  z-index: 10;
}

/* 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:not(.no-under-line) > 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 {
  left: 0;
  right: auto;
  width: 100%;
}

.main-navigation ul ul.sub-menu{
  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:not(.no-line) 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:not(.no-line) ul li li a:hover:before {
  left: 0px;
  visibility: visible;
  opacity: 1;
}

.main-navigation ul li li a:hover {
  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.sub-menu {
  min-width: 280px;
  white-space: nowrap;
  padding: 25px 0px;
  position: absolute;
  top: calc(100% + 1px);
  left: -40px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -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.sub-menu:before{
  position: absolute;
  top: -20px;
  left: 20px;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  z-index: -1;
}
.main-navigation ul li ul ul.sub-menu {
  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);
}
.main-navigation ul li:hover > ul:not(.sub-mega-menu) {
  pointer-events: all;
}
/* Header Overlay */

/* Header Call To Action */
.octf-btn-cta {
  display: inline-flex;
  vertical-align: middle;
  position: relative;
}
.octf-btn-cta .h-search-form-field {
  display: none;
  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;
}
.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;
}

/*Header Shop Cart */

/*Mega Menu*/

@-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);
  }
}

/* Responsive */
@media (max-width: 1229px) {
  .main-navigation > ul > li {
    margin: 0 14px;
  }
}
/*--------------------------------------------------------------
## Header Mobile
--------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
  
  .header-mobile {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  
  .header-desktop {
    display: none;
  }
  .header-clone{
    display: none!important;
  }
}


#mmenu-toggle button {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -2px 0 0;
  background: #1b1d21;
  height: 3px;
  padding: 0;
  border: none;
  width: 26px;
  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;
}


#mmenu-toggle button:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  width: 26px;
  height: 3px;
  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;
}


#mmenu-toggle button:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 26px;
  height: 3px;
  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;
}
/*--------------------------------------------------------------
## Page Header
--------------------------------------------------------------*/
.page-header {
  width: 100%;
  min-height: 350px;
  color: #43baff;
  font-weight: 500;
  background: #262051 center center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .page-header .container {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .page-header {
    min-height: 200px;
    padding: 40px 0;
  }
}
/*--------------------------------------------------------------
# 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. */

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.entry-content:before,
.entry-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;
}


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

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

/* blog post */

/*--------------------------------------------------------------
## Post Grid
--------------------------------------------------------------*/

@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 only screen and (max-width: 600px) {
  blockquote {
    font-size: 20px;
  }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## 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: #b5b5b5;
  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_categories 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 {
  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 {
  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 {
  color: #7141b1;
  padding-left: 15px;
}
.widget-area .widget_categories ul li a:hover:before {
  opacity: 1;
  visibility: visible;
}
.widget-area .widget_categories 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;
  width: 70px;
  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: #b5b5b5;
}

.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: #b5b5b5;
  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;
}

.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-linkedin {
  color: #3292ff;
}
.author-widget_social a.social-instagram {
  color: #ff9000;
}
.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. */

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.entry-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

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

/* Make sure logo link wraps around logo image. */

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.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-3 .gallery-item {
  max-width: 33.33%;
}

/*--------------------------------------------------------------
# Elementor Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Icon Box Grid
--------------------------------------------------------------*/
/** Style Icon box normal **/

/** Style 1 **/

/** Style 2 **/
/** Style 3 **/

/*--------------------------------------------------------------
## Process List
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Icon List
--------------------------------------------------------------*/


/*Tech Box*/

/*Support Box 2*/

/* .client-logos & logo-partner
================================================== */

/* .projects-grid
================================================== */

/**** Project Carousel ****/

/**** Isotope Filtering ****/

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/**** Isotope CSS3 transitions ****/
.isotope {
  -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;
}

/**** disabling Isotope CSS3 transitions ****/

/* End: Recommended Isotope styles */
.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,
.contact-info svg {
  font-size: 30px;
  margin-top: 2px;
  line-height: 1;
  color: #43baff;
}
.contact-info i:before {
  font-size: 30px;
}
.contact-info svg {
  width: 30px;
  fill: #43baff;
  vertical-align: middle;
}
.contact-info img {
  width: 30px;
  margin-top: 3px;
}
.contact-info p {
  margin-bottom: 0;
}
.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: middle;
}
.contact-info.box-style2 .box-icon {
  margin-bottom: 25px;
}
.contact-info.box-style2 p {
  margin-bottom: 15px;
}

/*Accordition With Icon*/

/*Team*/

/*--------------------------------------------------------------
## Team 2
--------------------------------------------------------------*/

/*Pricing Table*/
/* checkbox aspect */

/* checked mark aspect */

/* checked mark aspect changes */

@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;
  }
}
@keyframes slide-up{
  0%{height:0;} 
}

/*--------------------------------------------------------------
## Switcher
--------------------------------------------------------------*/

/**tab titles**/

/**tabs**/

/*Image slider sync tab*/
:root {
  --marquee-width: 100%;
  --marquee-height: 65px;
} 
@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

@media (max-width: 600px) {
  html { font-size: 12px; }
  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
  }
}

/**domain checker**/

/**domain list**/

/*Roadmap*/

/*Roadmap Carousel*/

/*Animation Image*/
@keyframes image_animation1 {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  25% {
    -webkit-transform: translate(25px, -25px);
    transform: translate(25px, -25px);
  }
  50% {
    -webkit-transform: translate(0px, -35px);
    transform: translate(0px, -35px);
  }
  75% {
    -webkit-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes image_animation2 {
  0% {
    -webkit-transform: translate(0) rotate(0deg);
    transform: translate(0) rotate(0deg);
  }
  25% {
    -webkit-transform: translate(-10px, 10px) rotate(10deg);
    transform: translate(-10px, 10px) rotate(10deg);
  }
  50% {
    -webkit-transform: translate(5px, -5px) rotate(25deg);
    transform: translate(5px, -5px) rotate(25deg);
  }
  75% {
    -webkit-transform: translate(15px, -5px) rotate(15deg);
    transform: translate(15px, -5px) rotate(15deg);
  }
  100% {
    -webkit-transform: translate(0) rotate(0deg);
    transform: translate(0) rotate(0deg);
  }
}
@keyframes image_animation3 {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  25% {
    -webkit-transform: translate(10px, 20px);
    transform: translate(10px, 20px);
  }
  50% {
    -webkit-transform: translate(30px, 30px);
    transform: translate(30px, 30px);
  }
  75% {
    -webkit-transform: translate(20px, 10px);
    transform: translate(20px, 10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes image_animation4 {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes image_animation5 {
  0% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  100% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
}
@keyframes image_animation6 {
  0% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@keyframes image_animation7 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/** ELEMENTOR **/
body .elementor-widget:not(:last-child) {
  margin-bottom: 0;
}

div.elementor-widget-heading.elementor-widget-heading .elementor-heading-title {
  color: #1b1d21;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
}

.elementor-widget-heading h2.elementor-heading-title {
  font-size: 36px;
}

.elementor-widget-heading h3.elementor-heading-title {
  font-size: 30px;
}

.elementor-widget-heading h4.elementor-heading-title {
  font-size: 24px;
}

.elementor-widget-heading h5.elementor-heading-title {
  font-size: 20px;
}

.elementor-widget-heading h6.elementor-heading-title {
  font-size: 18px;
}
div.elementor-widget-heading.elementor-widget-heading h4.elementor-heading-title,
div.elementor-widget-heading.elementor-widget-heading h5.elementor-heading-title,
div.elementor-widget-heading.elementor-widget-heading h6.elementor-heading-title {
  font-weight: bold;
}

/* 26/2/2021: Use for Elementor old version with DOM .elementor-row */
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
  padding: 0px 15px;
}

/* 26/2/2021: Use for Elementor old version without DOM .elementor-row */
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
  padding: 0px;
}

.elementor .elementor-section-full_width:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor .elementor-section-boxed:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding-left: 0;
  padding-right: 0;
}

/* 26/2/2021 */
.elementor-section > .elementor-container > .elementor-column > .elementor-element-populated {
  padding-top: 0;
  padding-bottom: 0;
}

.ot-flex-column-horizontal .elementor-widget-wrap {
  flex-wrap: nowrap;
}
.ot-flex-column-horizontal .elementor-widget-wrap > .elementor-widget {
  display: flex;
  width: auto;
}
@media (min-width: 768px) {
  .elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 750px;
  }

  .elementor-element .container {
    width: 720px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 970px;
  }

  .elementor-element .container {
    width: 940px;
    padding: 0;
  }
}
@media (min-width: 1230px) {
  .elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px;
  }

  .elementor-element .container {
    width: 1170px;
    padding: 0;
  }
}
/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
.octf-search,
.octf-cta-header {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.octf-search .toggle-search{
  cursor: pointer;
}
/*--------------------------------------------------------------
## Mini Cart
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Polylang
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menu Mobie
--------------------------------------------------------------*/
.header-mobile {
  display: none;
}
.octf-menu-mobile{
  position: relative;
}
.mmenu-toggle{
  cursor: pointer;
  width: 26px;
  height: 20px;
}
.mmenu-toggle button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  color: #1b1d21;
}
.mmenu-toggle button i:before {
  font-size: 21px;
}

.mmenu-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 310px;
  height: 100vh;
  background: #fff;
  overflow-x: hidden;
  z-index: 9999;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  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;
}
.mmenu-wrapper .mmenu-inner {
  top: 0;
  height: 100%;
  width: 327px;
  padding: 20px 52px 35px 35px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.mmenu-wrapper .mmenu-close {
  display: block;
  margin-bottom: 10px;
  color: #1b1d21;
  font-size: 18px;
}
.mmenu-wrapper .mobile_mainmenu {
  margin: 0;
  padding: 0;
  font-weight: 600;
}
.mmenu-wrapper .mobile-nav {
  min-width: 240px;
}
.mmenu-wrapper .mobile_mainmenu ul {
  position: relative;
  margin: 0;
  padding: 0;
  margin-left: 15px;
}
.mmenu-wrapper .mobile_mainmenu ul {
  display: none;
}
.mmenu-wrapper .mobile_mainmenu li {
  position: relative;
  list-style: none;
}
.mmenu-wrapper .mobile_mainmenu li a {
  padding: 10px 30px 10px 0;
  display: block;
  font-size: 14px;
  color: #1b1d21;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.site-overlay {
  cursor: url(https://digital.marketgroup.pro/wp-content/themes/engitech/images/close.png) 16 16, default;
  background: transparent;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  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;
  z-index: -1;
}

@media only screen and (max-width: 1024px) {
  .header-desktop {
    display: none;
  }

  .header-mobile {
    display: block;
  }
}
/*--------------------------------------------------------------
## Side Panel
--------------------------------------------------------------*/

.side-panel {
  width: 400px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  overflow-x: hidden;
  z-index: 9999;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  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;
}
.side-panel .side-panel-block {
  height: 100%;
  width: calc(100% + 17px);
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.side-panel .side-panel-close {
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  color: #1b1d21;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  cursor: pointer;
  z-index: 9999;
  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: #f5f5f5;
  text-align: center;
}
.side-panel .side-panel-close i:before{
  font-size: 16px;
}
.side-panel.side-panel-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

/*--------------------------------------------------------------
# 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 */

/* 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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

/*Grid Lines*/