@charset "UTF-8";
/*
@File: Evolta Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default Area CSS
** - Preloader Area CSS
** - Navbar Area CSS
** - Main Banner Area CSS
** - Featured Services Area CSS
** - About Area CSS
** - Services Area CSS
** - Services Details Area CSS
** - Webinar Area CSS
** - Team Area CSS
** - Partner Area CSS
** - Feedback Area CSS
** - Pricing Area CSS
** - Blog Area CSS
** - Blog Details Area CSS
** - Free Trial Area CSS
** - Page Title Area CSS
** - Pagination Area CSS
** - Sidebar Area CSS
** - 404 Error Area CSS
** - FAQ Area CSS
** - Coming Soon Area CSS
** - Shop Area CSS
** - Product Details Area CSS
** - Cart Area CSS
** - Checkout Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Go Top Area CSS
*/
/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
body {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

a {
  display: block;
  transition: 0.5s;
  text-decoration: none;
  color: #333333;
}
a:hover, a:focus {
  text-decoration: none;
  color: #ff4800;
}

button {
  outline: 0 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-family: "Dosis", sans-serif;
}

.d-table {
  width: 100%;
  height: 100%;
}
.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 14px;
  color: #57647c;
  margin-bottom: 15px;
  line-height: 1.8;
}
p:last-child {
  margin-bottom: 0;
}
.ptb-10 {
  padding-top: 50px;
  padding-bottom: 10px;
}
.ptb-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}
.pb-0 {
  padding-bottom: 0px;
}
img {
  max-width: 100%;
}

.bg-f2f6f9 {
  background-color: #f2f6f9;
}

.bg-fafafa {
  background-color: #fafafa;
}

/*section-title*/
.section-title {
  text-align: center;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  margin-top: -6px;
}
.section-title span {
  display: block;
  color: #ff4800;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 15px;
  font-family: "Dosis", sans-serif;
}
.section-title h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
}
.section-title p {
  max-width: 520px;
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

/*btn-primary*/
.btn {
  border: none;
  line-height: initial;
  border-radius: 30px;
  transition: 0.5s;
  padding: 10px 32px 12px;
  position: relative;
  z-index: 1;
  opacity: 1 !important;
  font-size: 16px;
  font-family: "Dosis", sans-serif;
  font-weight: 600;
}

.btn-primary {
  color: #ffffff;
  background-color: #ff4800;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  background-color: #ff4800;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #4ac728 !important;
  color: #ffffff !important;
  box-shadow: unset !important;
}

/*learn-more-btn*/
.learn-more-btn {
  display: inline-block;
  position: relative;
  color: #ff4800;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-weight: 600;
  font-family: "Dosis", sans-serif;
}
.learn-more-btn i {
  margin-left: 2px;
  position: relative;
  top: -0.6px;
}
.learn-more-btn i::before {
  font-size: 11px;
}
.learn-more-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  background: #ff4800;
  height: 1px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.learn-more-btn:hover {
  color: #ff4800;
}
.learn-more-btn:hover::before {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

/*form-control*/
.form-control {
  height: 45px;
  border: 1px solid #eeeeee;
  background-color: transparent;
  border-radius: 0;
  transition: 0.5s;
  color: #333333;
  line-height: initial;
  padding-left: 13px;
  font-size: 14px;
}
.form-control:hover, .form-control:focus {
  box-shadow: unset;
}
.form-control::placeholder {
  color: #999999;
}
.form-control:focus {
  box-shadow: unset;
  border-color: #ff4800;
}

/*================================================
Preloader Area CSS
=================================================*/
.preloader {
  position: fixed;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 9999999;
  transition: 0.9s;
}
.preloader .loader {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  transform: translateY(-45%);
  transition: 0.5s;
}
.preloader .loader .loader-outter {
  position: absolute;
  border: 4px solid #ffffff;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}
.preloader .loader .loader-inner {
  position: absolute;
  border: 4px solid #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}
.preloader::before, .preloader::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
  z-index: -1;
  background: #000000;
  transition: 0.9s;
}
.preloader::after {
  top: auto;
  bottom: 0;
}
.preloader.preloader-deactivate {
  visibility: hidden;
}
.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {
  height: 0;
}
.preloader.preloader-deactivate .loader {
  opacity: 0;
  visibility: hidden;
}

@keyframes loader-outter {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/*================================================
Navbar Area CSS
=================================================*/
.evolta-responsive-nav {
  display: none;
}

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-brand img.optional-logo {
  display: none;
}

.evolta-nav {
  background-color: transparent;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
}
.evolta-nav .navbar {
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.evolta-nav .navbar ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.evolta-nav .navbar .navbar-nav {
  font-family: "Dosis", sans-serif;
  margin-left: auto;
}
.evolta-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
.evolta-nav .navbar .navbar-nav .nav-item a {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  text-transform: capitalize;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 13px;
  margin-right: 13px;
}
.evolta-nav .navbar .navbar-nav .nav-item a:hover, .evolta-nav .navbar .navbar-nav .nav-item a:focus, .evolta-nav .navbar .navbar-nav .nav-item a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item a i {
  font-size: 10px;
}
.evolta-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}
.evolta-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}
.evolta-nav .navbar .navbar-nav .nav-item:hover a, .evolta-nav .navbar .navbar-nav .nav-item:focus a, .evolta-nav .navbar .navbar-nav .nav-item.active a {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  position: absolute;
  border: none;
  top: 80px;
  left: 0;
  width: 250px;
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  padding: 8px 15px;
  margin: 0;
  color: #333333;
  font-size: 16px;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
  text-transform: capitalize;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: #ff4800;
}
.evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.evolta-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.evolta-nav .navbar .others-options {
  margin-left: 20px;
}
.evolta-nav .navbar .others-options .cart-btn {
  display: inline-block;
  position: relative;
  top: 3px;
  color: #ffffff;
}
.evolta-nav .navbar .others-options .cart-btn:hover {
  color: #ff4800;
}
.evolta-nav .navbar .others-options .btn {
  margin-left: 15px;
}
.evolta-nav .navbar .others-options .btn-primary {
  background-color: #ffffff;
  color: #ff4800;
}
.evolta-nav .navbar .others-options .btn-primary:hover {
  color: #ffffff !important;
  background-color: #ff4800 !important;
}
.evolta-nav .navbar .others-options .option-item {
  color: #333333;
  display: inline-block;
  position: relative;
  line-height: initial;
  margin-left: 15px;
  top: 4px;
}
.evolta-nav .navbar .others-options .option-item .search-btn {
  cursor: pointer;
  transition: 0.5s;
  color: #ffffff;
}
.evolta-nav .navbar .others-options .option-item .search-btn::before {
  font-size: 17px;
}
.evolta-nav .navbar .others-options .option-item .search-btn:hover {
  color: #ff4800;
}
.evolta-nav .navbar .others-options .option-item .close-btn {
  cursor: pointer;
  display: none;
  font-size: 17px;
  transition: 0.5s;
  width: 17px;
  color: #ffffff;
}
.evolta-nav .navbar .others-options .option-item .close-btn.active {
  display: block;
}
.evolta-nav .navbar .others-options .option-item .close-btn:hover {
  color: #ff4800;
}

.navbar-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  background-color: transparent;
  transition: 0.5s;
}
.navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  background: #ffffff !important;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  transition: 0.5s;
}
.navbar-area.is-sticky .evolta-nav {
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item:hover a, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item:focus a, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item.active a {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .cart-btn {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .cart-btn:hover {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .btn-primary {
  background-color: #ff4800;
  color: #ffffff;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .btn-primary:hover {
  color: #ffffff !important;
  background-color: #4ac728 !important;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .option-item {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .option-item .search-btn {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .option-item .search-btn:hover {
  color: #ff4800;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .option-item .close-btn {
  color: #333333;
}
.navbar-area.is-sticky .evolta-nav .navbar .others-options .option-item .close-btn:hover {
  color: #ff4800;
}
.navbar-area.is-sticky .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-area.is-sticky .navbar-brand img.main-logo {
  display: none;
}
.navbar-area.is-sticky .navbar-brand img.optional-logo {
  display: block;
}
.navbar-area.navbar-style-two .evolta-nav {
  padding-left: 0;
  padding-right: 0;
}

.search-overlay {
  display: none;
}
.search-overlay.search-popup {
  position: absolute;
  top: 100%;
  width: 300px;
  right: 0;
  background: #ffffff;
  z-index: 2;
  padding: 20px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.search-overlay.search-popup .search-form {
  position: relative;
}
.search-overlay.search-popup .search-form .search-input {
  display: block;
  width: 100%;
  height: 40px;
  line-height: initial;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  color: #333333;
  outline: 0;
  transition: 0.5s;
}
.search-overlay.search-popup .search-form .search-input:focus {
  border-color: #ff4800;
}
.search-overlay.search-popup .search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  background: transparent;
  border: none;
  width: 40px;
  outline: 0;
  color: #57647c;
  transition: 0.5s;
}
.search-overlay.search-popup .search-form .search-button:hover, .search-overlay.search-popup .search-form .search-button:focus {
  color: #ff4800;
}

@media only screen and (max-width: 991px) {
  .navbar-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-area.is-sticky {
    border-bottom: none;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar-area.is-sticky .evolta-responsive-nav .logo img.main-logo {
    display: none;
  }
  .navbar-area.is-sticky .evolta-responsive-nav .logo img.optional-logo {
    display: block;
  }
  .navbar-area.is-sticky .evolta-responsive-nav .mean-container a.meanmenu-reveal {
    color: #333333;
  }
  .navbar-area.is-sticky .evolta-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #333333;
  }
  .navbar-area.is-sticky .others-options .cart-btn {
    color: #333333;
  }
  .navbar-area.is-sticky .others-options .cart-btn:hover {
    color: #ff4800;
  }

  .evolta-responsive-nav {
    display: block;
  }
  .evolta-responsive-nav .evolta-responsive-menu {
    position: relative;
  }
  .evolta-responsive-nav .evolta-responsive-menu.mean-container .mean-nav ul {
    font-size: 14px;
  }
  .evolta-responsive-nav .evolta-responsive-menu.mean-container .mean-nav ul li a.active {
    color: #ff4800;
  }
  .evolta-responsive-nav .evolta-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 13.5px;
  }
  .evolta-responsive-nav .evolta-responsive-menu.mean-container .navbar-nav {
    overflow-y: scroll;
    height: 350px;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .evolta-responsive-nav .mean-container a.meanmenu-reveal {
    color: #000;
  }
  .evolta-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #000;
  }
  .evolta-responsive-nav .logo {
    position: relative;
    width: 50%;
    z-index: 999;
  }
  .evolta-responsive-nav .logo img.optional-logo {
    display: none;
  }

  .others-options {
    position: absolute;
    right: 55px;
    top: 7px;
  }
  .others-options .btn, .others-options .option-item {
    display: none;
  }
  .others-options .cart-btn {
    color: #ffffff;
  }
  .others-options .cart-btn:hover {
    color: #ff4800;
  }

  .evolta-nav {
    display: none;
  }
}
/*================================================
Main Banner Area CSS
=================================================*/
.main-banner {
  width: 100vw;
  height: 60vh;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
.main-banner .bg-video {
  width: 100vw;
  height: 60vh;
  max-width: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  z-index: -1;
  background-position: top;
}
.main-banner .container-fluid {
  padding-left: 100px;
  padding-right: 100px;
}

.main-banner-content {
  margin-top: -80px;
  max-width: 720px;
}
.main-banner-content h1 {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: 30px;
  font-weight: 500;
}
.main-banner-content p {
  font-size: 15px;
  color: #ffffff;
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0;
}
.main-banner-content .btn-box {
  margin-top: 30px;
}
.main-banner-content .btn-box .optional-btn {
  display: inline-block;
  color: #ffffff;
  position: relative;
  margin-left: 20px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.main-banner-content .btn-box .optional-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  transition: 0.5s;
}
.main-banner-content .btn-box .optional-btn::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #ff4800;
  transition: 0.5s;
}
.main-banner-content .btn-box .optional-btn:hover {
  color: #ffffff;
}
.main-banner-content .btn-box .optional-btn:hover::before {
  width: 0;
}
.main-banner-content .btn-box .optional-btn:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

/*================================================
Featured Services Area CSS
=================================================*/
.featured-services-area {
  position: relative;
  margin-top: -113px;
}

.featured-services-inner {
  background-color: #ffffff;
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

.single-featured-services-box {
  position: relative;
  z-index: 1;
  transition: 0.5s;
  padding: 20px 25px;
}
.single-featured-services-box .icon {
  margin-bottom: 5px;
  color: #ff4800;
  transition: 0.5s;
}
.single-featured-services-box .icon i {
  font-size: 45px;
}
.single-featured-services-box .icon i::before {
  font-size: 45px;
}
.single-featured-services-box h3 {
  margin-bottom: 0;
  transition: 0.5s;
  font-size: 23px;
  font-weight: 700;
}
.single-featured-services-box p {
  transition: 0.5s;
  margin-top: 12px;
  margin-bottom: 0;
}
.single-featured-services-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ff4800;
  width: 2px;
  height: 100%;
  transition: 0.5s;
  z-index: -1;
}
.single-featured-services-box:hover .icon, .single-featured-services-box.active .icon {
  color: #ffffff;
}
.single-featured-services-box:hover h3, .single-featured-services-box.active h3 {
  color: #ffffff;
}
.single-featured-services-box:hover h3 a, .single-featured-services-box.active h3 a {
  color: #ffffff;
}
.single-featured-services-box:hover p, .single-featured-services-box.active p {
  color: #f0f0f0;
}
.single-featured-services-box:hover::before, .single-featured-services-box.active::before {
  width: 100%;
}

/*================================================
About Area CSS
=================================================*/
.about-area {
  position: relative;
  z-index: 1;
}

.about-image {
  padding-top: 100px;
  position: relative;
  padding-bottom: 100px;
  text-align: right;
}
.about-image img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 10px 0 0;
}

.about-content {
  padding-left: 25px;
}
.about-content h2 {
  margin-bottom: 18px;
  line-height: 1.3;
  font-weight: 400;
}
.about-content p {
  margin-bottom: 13px;
}
.about-content .btn {
  margin-top: 7px;
}

.about-inner-area {
  margin-top: 60px;
}

.about-text h3 {
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 700;
}
.about-text p {
  margin-top: 13px;
  margin-bottom: 0;
}

.shape-img1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
  opacity: 0.4;
}

.shape-img2 {
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: -1;
  animation-name: rotateMe;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.shape-img7 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.2;
  animation: rotate3d 4s linear infinite;
}

.shape-img3 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0.1;
  animation: rotate3d 4s linear infinite;
}

.shape-img4 {
  position: absolute;
  right: 40%;
  bottom: 8%;
  z-index: -1;
  animation: animationFramesOne 20s infinite linear;
}

.shape-img5 {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  opacity: 0.7;
  animation-name: rotateMe;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.shape-img6 {
  position: absolute;
  left: 2%;
  bottom: 0;
  z-index: -1;
  opacity: 0.4;
  animation: moveLeftBounce 5s linear infinite;
}

.dot-shape1 {
  position: absolute;
  top: 5%;
  left: 50%;
  z-index: -1;
  animation: animationFramesTwo 40s infinite linear;
  opacity: 0.5;
}

.dot-shape2 {
  position: absolute;
  left: 5%;
  top: 45%;
  z-index: -1;
  animation: animationFramesTwo 30s infinite linear;
  opacity: 0.5;
}

.dot-shape4 {
  position: absolute;
  right: 15%;
  top: 50%;
  z-index: -1;
  animation: rotate3d 4s linear infinite;
}

.dot-shape5 {
  position: absolute;
  left: 30%;
  top: 50%;
  z-index: -1;
  animation: animationFramesOne 20s infinite linear;
}

.dot-shape6 {
  position: absolute;
  right: 45%;
  bottom: 5%;
  z-index: -1;
  animation: rotate3d 4s linear infinite;
}

@keyframes moveBounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes rotateMe {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate3d {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(-73px, 1px) rotate(-36deg);
  }
  40% {
    transform: translate(-141px, -72px) rotate(-72deg);
  }
  60% {
    transform: translate(-83px, -122px) rotate(-108deg);
  }
  80% {
    transform: translate(40px, -72px) rotate(-144deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes moveLeftBounce {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes animationFramesTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
/*================================================
Services Area CSS
=================================================*/
.services-area {
  padding-bottom: 90px;
  position: relative;
  z-index: 1;
}
.services-area .pagination-area {
  margin-bottom: 30px;
}

.single-services-box {
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 30px 25px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}
.single-services-box .icon {
  margin-bottom: 18px;
  background-color: #ffe4d9;
  width: 75px;
  height: 75px;
  line-height: 75px;
  transition: 0.5s;
  text-align: center;
  color: #ff4800;
  border-radius: 50%;
}
.single-services-box .icon i::before {
  transition: 0.5s;
  font-size: 35px;
}
.single-services-box h3 {
  margin-bottom: 0;
  transition: 0.5s;
  font-size: 23px;
  font-weight: 700;
}
.single-services-box p {
  transition: 0.5s;
  margin-top: 12px;
  margin-bottom: 0;
}
.single-services-box::before {
  border-radius: 5px;
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #000000;
  transition: 0.5s;
  z-index: -1;
}
.single-services-box:hover {
  /*transform: translateY(-10px);*/
  box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}
.single-services-box:hover a {
  color: #ffffff;
  font-size: 20px;
}
.single-services-box:hover .icon {
  background-color: #ffffff;
  color: #ff4800;
  transform: rotate(360deg);
}
.single-services-box:hover .icon i::before {
  font-size: 30px;
}
.single-services-box:hover::before {
  width: 100%;
}
.single-services-box:hover p {
  color: #ffffff;
}
.single-services-box:hover h3 {
  color: #ffffff;
}
.single-services-box:hover h3 a {
  color: #ffffff;
}

/*================================================
Services Details Area CSS
=================================================*/
.services-details-overview {
  -ms-flex-align: center !important;
  align-items: center !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 50px;
}
.services-details-overview:first-child {
  margin-top: 0;
}
.services-details-overview .services-details-desc {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}
.services-details-overview .services-details-desc h3 {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 700;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 25px;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item {
  display: block;
  box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
  margin-bottom: 10px;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {
  padding: 12px 20px 12px 51px;
  color: #333333;
  position: relative;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  background: #ff4800;
  color: #ffffff;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 13px;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active {
  border-bottom-color: #eeeeee;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active i::before {
  content: "";
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 15px 15px;
}
.services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content.show {
  display: block;
}
.services-details-overview .services-details-image {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}

/*================================================
Webinar Area CSS
=================================================*/
.webinar-content {
  max-width: 555px;
  padding-top: 150px;
  padding-bottom: 150px;
  padding-left: 50px;
}
.webinar-content h2 {
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700;
}
.webinar-content p {
  margin-bottom: 20px;
}

.webinar-video-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../../gaia.blockstack.org/hub/1DjTTuS9Vm6BQ4yxY8jt1QyuFRXxBxoxPS/eca8d4e2-b0ef-4e98-a09f-584648e3cfc0.jpg);
}
.webinar-video-image img {
  display: none;
}
.webinar-video-image .video-btn {
  position: absolute;
  left: 50%;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 90px;
  height: 90px;
  line-height: 90px;
  background-color: #ff4800;
  border-radius: 50%;
  color: #ffffff;
  z-index: 1;
}
.webinar-video-image .video-btn i::before {
  font-size: 38px;
}
.webinar-video-image .video-btn::after, .webinar-video-image .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #ff4800;
}
.webinar-video-image .video-btn::before {
  animation: ripple 2s linear infinite;
}
.webinar-video-image .video-btn::after {
  animation: ripple 2s linear 1s infinite;
}
.webinar-video-image .video-btn:hover, .webinar-video-image .video-btn:focus {
  background-color: #4ac728;
  color: #ffffff;
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
/*================================================
Team Area CSS
=================================================*/
.team-area {
  padding-bottom: 80px;
}

.single-team-box {
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  transition: 0.5s;
  text-align: center;
}
.single-team-box .image {
  position: relative;
  overflow: hidden;
}
.single-team-box .image img {
  transition: 0.5s;
}
.single-team-box .image .social {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-decoration: none;
  opacity: 0;
  margin-top: -100px;
  padding: 8px 15px;
  background: #ffffff;
  border-radius: 35px;
  visibility: hidden;
  transition: 0.5s;
}
.single-team-box .image .social a {
  display: inline-block;
  color: #ff4800;
  font-size: 17px;
  margin: 0 7px;
}
.single-team-box .image .social a:hover {
  color: #4ac728;
}
.single-team-box .content {
  padding: 25px;
  position: relative;
  transition: 0.5s;
}
.single-team-box .content h3 {
  margin-bottom: 0;
  transition: 0.5s;
  font-size: 23px;
  font-weight: 700;
}
.single-team-box .content span {
  display: block;
  margin-top: 8px;
  color: #ff4800;
  transition: 0.5s;
  font-family: "Dosis", sans-serif;
  font-size: 15px;
  font-weight: 500;
}
.single-team-box:hover {
  transform: translateY(-5px);
}
.single-team-box:hover .image img {
  transform: scale(1.2);
}
.single-team-box:hover .image .social {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}
.single-team-box:hover .content {
  background-color: #ff4800;
}
.single-team-box:hover .content h3 {
  color: #ffffff;
}
.single-team-box:hover .content span {
  color: #ffffff;
}

/*================================================
Partner Area CSS
=================================================*/
.partner-area {
  padding-bottom: 100px;
}

.customers-partner-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.partner-item {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 5px;
  padding-right: 5px;
}
.partner-item a {
  display: block;
  padding: 25px;
  background: #ffffff;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}
.partner-item a::before, .partner-item a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.partner-item a::before {
  left: 0;
  top: 0;
  border-left: 3px solid #ff4800;
  border-top: 3px solid #ff4800;
}
.partner-item a::after {
  right: 0;
  bottom: 0;
  border-right: 3px solid #ff4800;
  border-bottom: 3px solid #ff4800;
}
.partner-item a img {
  transition: 0.5s;
}
.partner-item a:hover::after, .partner-item a:hover::before {
  width: 40px;
  height: 40px;
  opacity: 1;
  visibility: visible;
}
.partner-item a:hover img {
  transform: scale(0.8);
}
.partner-item:nth-child(6) {
  margin-left: 10%;
}

/*================================================
Feedback Area CSS
=================================================*/
.feedback-area {
  position: relative;
  z-index: 1;
}

.feedback-item {
  position: relative;
  z-index: 3;
  margin-left: auto;
  max-width: 555px;
  padding-top: 100px;
  padding-bottom: 100px;
}
.feedback-item p {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 19px;
  font-style: italic;
}
.feedback-item::before {
  content: "";
  color: #f8b5a6;
  display: inline-block;
  position: relative;
  margin-top: -15px;
  font-style: normal;
  font-size: 50px;
  font-family: Flaticon;
}
.feedback-item .client-info {
  margin-top: 20px;
}
.feedback-item .client-info img {
  width: 75px !important;
  display: none !important;
  margin-bottom: 15px;
  border-radius: 5px;
}
.feedback-item .client-info h3 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}
.feedback-item .client-info span {
  display: block;
  font-weight: 300;
  margin-top: 4px;
  color: #ffffff;
}
.feedback-item::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background-color: #ff4800;
  z-index: -1;
  display: none;
}

.client-image {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.client-image img {
  display: none !important;
  width: auto !important;
}
.client-image.bg1 {
  background-image: url(../../../gaia.blockstack.org/hub/1DjTTuS9Vm6BQ4yxY8jt1QyuFRXxBxoxPS/8637c40e-e9f3-468f-b2b8-9237c4c6feff.jpg);
}
.client-image.bg2 {
  background-image: url(../../../gaia.blockstack.org/hub/1DjTTuS9Vm6BQ4yxY8jt1QyuFRXxBxoxPS/1b5204d7-0359-4f89-87a1-2563e62b9425.jpg);
}
.client-image.bg3 {
  background-image: url(../../../gaia.blockstack.org/hub/1DjTTuS9Vm6BQ4yxY8jt1QyuFRXxBxoxPS/83e9e525-5dc5-4351-b6ec-9416e57bddbd.jpg);
}



/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {
  height: 100vh;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-title-area .bg-video2 {
  width: 100vw;
  height: 100%;
  max-width: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  z-index: -1;
  background-position: top;
}
.page-title-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000000;
  opacity: 0.6;
}
.page-title-area.item-bg1 {
  background-image: url(../../../gaia.blockstack.org/hub/1DjTTuS9Vm6BQ4yxY8jt1QyuFRXxBxoxPS/e2c8956b-4bf6-487b-acf2-50298606ae22.jpg);
}
.page-title-area.item-bg2 {
  background-image: url(../../../gaia.blockstack.org/hub/1DjTTuS9Vm6BQ4yxY8jt1QyuFRXxBxoxPS/07a264b5-b0c8-4477-8f3b-7c9adc69c59f.jpg);
}
.page-title-area.item-bg3 {
  background-image: url(../../../gaia.blockstack.org/hub/1DjTTuS9Vm6BQ4yxY8jt1QyuFRXxBxoxPS/a08fc8c4-510e-468c-a461-6b443d789731.jpg);
}

.page-title-content {
  position: relative;
  padding: 20vh;
}
@media (max-width: 1200px) {
  .page-title-content {
    padding: 1vh;
  }
}
.page-title-content h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
}
.page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  font-family: "Dosis", sans-serif;
  margin-top: 10px;
  margin-bottom: 0;
}
.page-title-content ul li {
  display: inline-block;
  color: #ffffff;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  font-weight: 600;
  font-size: 16px;
}
.page-title-content ul li a {
  color: #ff4800;
}
.page-title-content ul li a:hover {
  color: #ff4800;
}
.page-title-content ul li::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 6px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
}
.page-title-content ul li:last-child {
  margin-right: 0;
}
.page-title-content ul li:last-child::before {
  display: none;
}
.page-title-content ul li:first-child {
  margin-left: 0;
}


/*================================================
404 Error Area CSS
=================================================*/
.error-area {
  height: 100vh;
}

.error-content {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
}
.error-content h3 {
  font-size: 40px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 17px;
}
.error-content p {
  max-width: 520px;
  margin: 0 auto 20px;
}



/*================================================
Contact Area CSS
=================================================*/
.contact-area .section-title {
  margin-bottom: 40px;
}

.contact-form {
  text-align: center;
}
.contact-form form {
  padding-left: 50px;
}
.contact-form form .form-control {
  background-color: #ffffff;
  border: none;
  box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2);
  height: 50px;
  font-family: "Dosis", sans-serif;
  font-size: 16px;
}
.contact-form form .row {
  margin-left: -7px;
  margin-right: -7px;
}
.contact-form form .row .col-lg-12, .contact-form form .row .col-lg-6 {
  padding-left: 7px;
  padding-right: 7px;
}
.contact-form form textarea.form-control {
  height: auto;
  padding-top: 15px;
}
.contact-form form .btn {
  padding: 13px 35px 15px;
  font-size: 17px;
  margin-top: 10px;
  box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.5);
}
.contact-form form .btn.disabled {
  cursor: not-allowed !important;
}
.contact-form form .btn.disabled:hover::before, .contact-form form .btn.disabled:focus::before {
  opacity: 1;
  visibility: visible;
}
.contact-form form .btn.disabled:hover::after, .contact-form form .btn.disabled:focus::after {
  opacity: 0;
  visibility: hidden;
}
.contact-form form .help-block ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 0;
}
.contact-form form .help-block ul li {
  color: red;
}
.contact-form form #msgSubmit {
  margin-bottom: 0;
}
.contact-form form #msgSubmit.text-danger, .contact-form form #msgSubmit.text-success {
  margin-top: 8px;
  font-size: 23px;
  font-weight: 700;
}

.contact-info {
  text-align: center;
  margin-top: 60px;
}
.contact-info .contact-info-content h3 {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 700;
}
.contact-info .contact-info-content h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
}
.contact-info .contact-info-content h2 a {
  display: inline-block;
  color: #ff4800;
}
.contact-info .contact-info-content h2 a:hover {
  color: #4ac728;
}
.contact-info .contact-info-content h2 a:not(:first-child) {
  color: #4ac728;
}
.contact-info .contact-info-content h2 a:not(:first-child):hover {
  color: #ff4800;
}
.contact-info .contact-info-content h2 span {
  display: block;
  color: #57647c;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}
.contact-info .contact-info-content .social {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 20px;
}
.contact-info .contact-info-content .social li {
  display: inline-block;
  margin: 0 2px;
}
.contact-info .contact-info-content .social li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #dadada;
  border-radius: 50%;
  color: #aba5a5;
}
.contact-info .contact-info-content .social li a i {
  font-size: 14px;
}
.contact-info .contact-info-content .social li a:hover {
  color: #ffffff;
  border-color: #ff4800;
  background-color: #ff4800;
}

/*================================================
Footer Area CSS
=================================================*/
.footer-area {
  position: relative;
  z-index: 1;
  padding-top: -20px;
  background-color: #15171a;
}

.single-footer-widget {
  margin-bottom: 30px;
}
.single-footer-widget .logo {
  margin-bottom: 20px;
}
.single-footer-widget .logo p {
  color: #ffffff;
  margin-top: 18px;
  margin-bottom: 0;
}
.single-footer-widget p {
  color: #ffffff;
  font-size: 14px;
}
.single-footer-widget .social {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.single-footer-widget .social li {
  display: inline-block;
  transition: 0.5s;
  margin-left: 1px;
  margin-right: 1px;
}
.single-footer-widget .social li a {
  width: 35px;
  height: 35px;
  background-color: #333333;
  line-height: 35px;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}
.single-footer-widget .social li a i::before {
  font-size: 13px;
}
.single-footer-widget .social li a:hover {
  background-color: #ff4800;
  color: #ffffff;
}
.single-footer-widget h3 {
  margin-bottom: 23px;
  color: #ffffff;
  position: relative;
  padding-bottom: 6px;
  font-size: 23px;
  font-weight: 700;
}
.single-footer-widget h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background: #ff4800;
}
.single-footer-widget .footer-services-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.single-footer-widget .footer-services-list li {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 14px;
}
.single-footer-widget .footer-services-list li a {
  display: inline-block;
  color: #ffffff;
}
.single-footer-widget .footer-services-list li a:hover {
  color: #ff4800;
}
.single-footer-widget .footer-services-list li:last-child {
  margin-bottom: 0;
}
.single-footer-widget .quick-links-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.single-footer-widget .quick-links-list li {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 14px;
}
.single-footer-widget .quick-links-list li a {
  display: inline-block;
  color: #ffffff;
}
.single-footer-widget .quick-links-list li a:hover {
  color: #ff4800;
}
.single-footer-widget .quick-links-list li:last-child {
  margin-bottom: 0;
}
.single-footer-widget .footer-contact-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.single-footer-widget .footer-contact-list li {
  margin-bottom: 6px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.7;
}
.single-footer-widget .footer-contact-list li a {
  display: inline-block;
  color: #ffffff;
}
.single-footer-widget .footer-contact-list li a:hover {
  color: #ff4800;
}
.single-footer-widget .footer-contact-list li span {
  font-weight: 700;
}
.single-footer-widget .footer-contact-list li:last-child {
  margin-bottom: 0;
}

.copyright-area {
  background-color: #000000;
  margin-top: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.copyright-area p {
  color: #ffffff;
}
.copyright-area p a {
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
}
.copyright-area p a:hover {
  color: #ff4800;
}
.copyright-area ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: right;
}
.copyright-area ul li {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  color: #ffffff;
  font-size: 14px;
  line-height: initial;
}
.copyright-area ul li a {
  color: #ffffff;
}
.copyright-area ul li a:hover {
  color: #ff4800;
}
.copyright-area ul li::before {
  content: "";
  width: 4px;
  height: 1px;
  background: #ffffff;
  left: -11px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.copyright-area ul li:first-child {
  margin-left: 0;
}
.copyright-area ul li:first-child::before {
  display: none;
}

.circle-map {
  position: absolute;
  top: 20%;
  right: 18%;
  z-index: -1;
}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 90vw;
  z-index: -1;
}
.lines .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.lines .line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
  animation: run 7s 0s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.lines .line:nth-child(1) {
  margin-left: -25%;
}
.lines .line:nth-child(1)::after {
  animation-delay: 2s;
}
.lines .line:nth-child(3) {
  margin-left: 25%;
}
.lines .line:nth-child(3)::after {
  animation-delay: 2.5s;
}

@keyframes run {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}
/*================================================
Go Top CSS
=================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  color: #ffffff;
  background: #ff4800;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  transition: 0.9s;
}
.go-top.active {
  top: 98%;
  transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}
.go-top i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.5s;
}
.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}
.go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #4ac728;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.go-top:hover, .go-top:focus {
  color: #ffffff;
}
.go-top:hover::before, .go-top:focus::before {
  opacity: 1;
  visibility: visible;
}
.go-top:hover i:first-child, .go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.main-logo,.optional-logo{
	height:40px !important;
}
.team-content ul {
  list-style-image: url('../images/listimage.png');
}
.team3-content ul {
  list-style-image: url('../images/listimage2.png');
}
.team2-content ul {
  list-style-image: url('../images/listimage3.png');
}
.vision-text h4{
	color:#000 !important;
}
/*# sourceMappingURL=style.css.map */