/*
@File: Arduix 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 Style
** - Preloader Area Style
** - Go Top Area Style
** - Page navigation Area Style  
** - Video wave Style
** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style 
** - Preloader Area Style
** - Keyframes Area Style
** - Nice Select Area Style
** --- HOME ONE STYLE --- **
** - Arduix Nav Area Style
** - Main Banner Area Style
** - Features Area Style
** - About Area Style 
** - Choose Us Area Style
** - Offer Area Style
** - Business  Area Style
** - Pricing Area Style
** - Industries  Area Style
** - Client Area Style
** - News Area Style
** - Footer Top Area Style
** - Footer Bottom Area Style
** --- HOME TWO STYLE --- **
** - Banner Two Area Style
** - Offer Area Two Style
** - Pricing Area Style
** - Newsletter Area Style
** - Industries Serve Area Style
** - Brand Area Serve Area Style 
** --- HOME THREE STYLE --- **
** - Main Banner Area Three Style
** - Team Area Three Style
** - Contact Area Three Style
** --- HOME FOUR STYLE --- **
** - Main Banner Four Area Style
** - Case Area Style
** - FAQ CSS
** --- HOME FOUR STYLE --- **
** - Banner Four Area Style
** - Bg Color Four Area Style
** - Home Four Section Title Color Area Style
** - About Area Four Style
** - Business Area Four Style
** - Offer Area Four Style
** - Industries Area Four Style
** - Team Area Four Style
** --- HOME FIVE STYLE --- **
** - Arduix SliderArea Style
** --- INNER PAGE STYLE --- **
** - Page Title Area Style
** - 404 Error Area Style
** - Coming Soon Area Style
** - Sign In & Log In  Area Style
** - Ask Question Area Style
** - Ask Question Area Style
** - Product Area Style
** - Checkout Area Style 
** - Cart Area Style
** - Shop Details Style
** - Blog Details Area Style
** - Contact Info Area Style
** - Main Contact Area Style
** - Contact Info Area Three Style 
** - Service Details Area Style

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap");
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  font-family: "Open Sans", sans-serif;
  color: #4d4d4d;
}

a {
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #212121;
}

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background-color: transparent;
}

button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

h3 {
  font-size: 22px;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 15px;
  margin-bottom: 15px;
}

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

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

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

.form-control {
  height: 50px;
  color: #212121;
  border: 1px solid #e8e8e8;
  background-color: #f7f7f7;
  border-radius: 0;
  padding: 0;
  font-size: 15px;
  padding: 10px 20px;
  width: 100%;
}

.form-control::-webkit-input-placeholder {
  color: #495057;
  font-size: 13px;
}

.form-control:-ms-input-placeholder {
  color: #495057;
  font-size: 13px;
}

.form-control::-ms-input-placeholder {
  color: #495057;
  font-size: 13px;
}

.form-control::placeholder {
  color: #495057;
  font-size: 13px;
}

.form-control:focus {
  color: #000000;
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 0;
  border: 1px solid #1dd3f8;
}

.form-control:hover:focus, .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

textarea.form-control {
  height: auto;
  height: 250px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.mb-30 {
  margin-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-100 {
  margin-top: 100px;
}

.mtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-minus-70 {
  margin-top: -70px;
}

.mb-minus-70 {
  margin-bottom: -70px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.fun-blue-bg {
  background-color: #24416b;
}

/*
Go Top Style
======================================================*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  background-color: #212121;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
}

.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-color: #1dd3f8;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background-color: #1dd3f8;
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  top: 90%;
  -webkit-transform: translateY(-98%);
          transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}

/*
Page-navigation Area Style
======================================================*/
.page-navigation-area {
  text-align: center;
  margin: 20px auto 0;
  display: table;
}

.page-navigation-area .page-link {
  color: #1dd3f8;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  line-height: 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
  border-radius: 10px !important;
}

.page-navigation-area .page-link i {
  margin-right: -4px;
  font-size: 21px;
  line-height: 25px;
}

.page-navigation-area .page-link:hover {
  color: #ffffff;
  background-color: #1dd3f8;
  border: 1px solid #1dd3f8;
  -webkit-animation: rubberBand 1s linear;
          animation: rubberBand 1s linear;
}

.page-navigation-area .page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page-navigation-area .page-link.page-links i::before {
  margin-left: -4px;
}

.page-navigation-area .page-item {
  padding: 0 8px 0;
}

.page-navigation-area .page-item:first-child .page-link {
  border-radius: none;
}

.page-navigation-area .page-item:last-child .page-link {
  border-radius: none;
}

.page-navigation-area .page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}

/*
Video wave Style
======================================================*/
.video-btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 69px;
  text-align: center;
  border-radius: 50%;
  color: #1dd3f8;
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: #ffffff;
}

.video-btn i {
  font-size: 30px;
  font-weight: 700;
  padding-left: 4px;
  color: #1dd3f8;
  position: relative;
  top: 5px;
  left: 0;
}

.video-btn::after, .video-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: #ffffff;
}

.video-btn::before {
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
}

.video-btn::after {
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
}

.video-btn:hover {
  background-color: #1dd3f8;
}

.video-btn:hover i {
  color: #ffffff;
}

@-webkit-keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

/*
Default Btn Area Style
======================================================*/
.default-btn {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  padding: 18px 35px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
  text-transform: capitalize;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  background-color: #1dd3f8;
}

.default-btn::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -40px;
  width: 10px;
  height: 100px;
  background-color: #ffffff;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.default-btn::after {
  content: "";
  position: absolute;
  top: -20px;
  right: -40px;
  width: 10px;
  height: 100px;
  background-color: #ffffff;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.default-btn.active {
  background-color: #ffffff;
  color: #1dd3f8;
}

.default-btn.active:hover {
  color: #ffffff;
  background-color: #1dd3f8;
}

.default-btn:hover {
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.default-btn:hover::before {
  left: 200px;
}

.default-btn:hover::after {
  right: 200px;
}

/*
Read More Area Style
======================================================*/
.read-more {
  color: #4d4d4d;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  font-size: 14px;
  border: 1px solid #4d4d4d;
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
}

.read-more i {
  position: relative;
  top: 3px;
  font-size: 18px;
  left: 3px;
  line-height: 19px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.read-more:hover {
  background-color: #1dd3f8;
  color: #ffffff;
  border-color: #1dd3f8;
}

/*
Section Title Area Style
======================================================*/
.section-title {
  max-width: 625px;
  margin: -9px auto 60px;
  text-align: center;
  position: relative;
}

.section-title span {
  font-size: 14px;
  color: #1dd3f8;
  display: inline-block;
  margin-bottom: 5px;
}

.section-title h2 {
  font-size: 40px;
  margin-bottom: 20px;
  position: relative;
  display: block;
}

.section-title h2:last-child {
  margin-bottom: 0;
}

/*
Preloader Area Style
======================================================*/
.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  top: 0;
  left: 0;
  z-index: 99999;
}

.preloader .lds-ripple {
  position: relative;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.preloader .lds-ripple div {
  position: absolute;
  border: 4px solid #1dd3f8;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.preloader .lds-ripple div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

@-webkit-keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

/*
Keyframes Area Style
======================================================*/
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@-webkit-keyframes movebounceShort {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes movebounceShort {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes moVebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes moVebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-300px, 0px) rotate(360deg);
            transform: translate(-300px, 0px) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-300px, 0px) rotate(360deg);
            transform: translate(-300px, 0px) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes focus-one {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes focus-one {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

@keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

/*
Nice Select Area Style
======================================================*/
.nice-select .option {
  display: block;
}

.nice-select .option:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}

.nice-select .option.selected.focus {
  background-color: #212121;
  color: #1dd3f8;
}

.nice-select .list {
  width: 100%;
}

/*===== DEFAULT STYLE END ======*/
/*
Arduix Nav Area Style
======================================================*/
.arduix-nav-style .navbar-area .main-nav {
  position: unset;
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0;
  margin: 0 15px;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a i {
  font-size: 25px;
  line-height: 0;
  position: relative;
  top: 6px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
  color: #1dd3f8;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {
  color: #1dd3f8;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {
  background-color: #ffffff;
  border: none;
  left: 0;
  padding: 0;
  border-radius: 4px;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
  top: -8px;
  left: 20px;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 14px;
  color: #212121;
  position: relative;
  padding: 6px 15px;
  border-bottom: 1px dashed #eeeeee;
  margin-left: 0;
  margin-right: 0;
  text-transform: capitalize;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #1dd3f8;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #1dd3f8;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i {
  opacity: 1;
  margin-left: 145px;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #1dd3f8;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  float: right;
  position: relative;
  top: 13px;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  color: #1dd3f8;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li.active a i {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 98%;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
  top: 35px;
  left: -11px;
  -webkit-transform: rotate(-86deg);
          transform: rotate(-86deg);
  display: none;
}

.arduix-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}

.arduix-nav-style .dropdown-toggle::after {
  display: none;
}

.arduix-nav-style .others-option {
  position: relative;
  top: 3px;
}

.arduix-nav-style .others-option .default-btn {
  padding: 15px 35px;
}

.arduix-nav-style .others-option .default-btn i {
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.arduix-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
  color: #ffffff;
}

.arduix-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item a:hover {
  color: #ffffff;
}

.arduix-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {
  color: #ffffff;
}

.arduix-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  color: #212121;
}

.arduix-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #1dd3f8;
}

.arduix-nav-style.wohust-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #1dd3f8;
}

.arduix-nav-style#header {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  -webkit-transition: top 1s;
  transition: top 1s;
  z-index: 999;
}

.arduix-nav-style .navbar-area {
  -webkit-transition: top 1s;
  transition: top 1s;
}

.arduix-nav-style .navbar-area.is-sticky .main-nav {
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  background-color: #04063c !important;
  z-index: 9999;
}

/*
Main Banner Area Style
======================================================*/
.main-banner-area {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00095e), to(#000638));
  background-image: linear-gradient(#00095e, #000638);
  padding-top: 200px;
  padding-bottom: 300px;
  position: relative;
  z-index: 1;
}

.main-banner-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/home-one-banner/banner-one-shape/4.png);
  -webkit-animation: focus-one 1s linear 1s infinite;
          animation: focus-one 1s linear 1s infinite;
  z-index: -1;
}

.main-banner-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/home-one-banner/banner-one-shape/4.png);
  -webkit-animation: moVebounce 5s linear infinite;
          animation: moVebounce 5s linear infinite;
  z-index: -1;
}

.main-banner-area .banner-text {
  position: relative;
  max-width: 635px;
  margin-left: auto;
}

.main-banner-area .banner-text h1 {
  color: #ffffff;
  font-size: 50px;
  margin-bottom: 32px;
}

.main-banner-area .banner-text p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 40px;
}

.main-banner-area .banner-text .banner-btn .default-btn {
  margin-right: 15px;
}

.main-banner-area .banner-main-img {
  display: none;
}

.main-banner-area .white-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: movebounceShort 5s linear infinite;
          animation: movebounceShort 5s linear infinite;
}

.main-banner-area.main-banner-area-one {
  overflow: hidden;
  z-index: 1;
}

.main-banner-area.main-banner-area-one .banner-text {
  top: 60px;
}

.main-banner-area.main-banner-area-one .banner-img {
  position: relative;
  z-index: 1;
  top: 0;
}

.main-banner-area.main-banner-area-one .banner-img img {
  position: absolute;
}

.main-banner-area.main-banner-area-one .banner-img img:nth-child(1) {
  bottom: -440px;
  right: 0;
  left: 0;
  margin: auto;
}

.main-banner-area.main-banner-area-one .banner-img img:nth-child(2) {
  top: -170px;
  left: 0;
}

.main-banner-area.main-banner-area-one .banner-img img:nth-child(3) {
  top: -100px;
  left: 70px;
  -webkit-animation: moVebounce 5s linear infinite;
          animation: moVebounce 5s linear infinite;
}

.main-banner-area.main-banner-area-one .banner-img img:nth-child(4) {
  top: -33px;
  right: 65px;
}

.main-banner-area.main-banner-area-one .over-shape img {
  position: absolute;
  z-index: -1;
}

.main-banner-area.main-banner-area-one .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  -webkit-animation: animationFramesOne 25s infinite linear;
          animation: animationFramesOne 25s infinite linear;
}

.main-banner-area.main-banner-area-one .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  -webkit-animation: animationFramesOne 40s infinite linear;
          animation: animationFramesOne 40s infinite linear;
}

.main-banner-area.main-banner-area-one .over-shape img:nth-child(3) {
  top: 200px;
  right: 200px;
  -webkit-animation: animationFramesOne 25s infinite linear;
          animation: animationFramesOne 25s infinite linear;
}

/*
Features Area Style
======================================================*/
.single-features {
  text-align: center;
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.single-features i {
  width: 60px;
  height: 60px;
  text-align: center;
  position: relative;
  border: 2px dotted #1dd3f8;
  border-radius: 50%;
  font-size: 30px;
  color: #1dd3f8;
  -webkit-animation: border-transform 7s linear infinite alternate forwards;
          animation: border-transform 7s linear infinite alternate forwards;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  display: inline-block;
  color: #1dd3f8;
}

.single-features h3 {
  margin-bottom: 12px;
}

.single-features p {
  margin-bottom: 10px;
}

.single-features .read-more-icon {
  color: #212121;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
}

.single-features .read-more-icon span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-features:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  z-index: 1;
}

.single-features:hover i {
  background-color: #1dd3f8;
  color: #ffffff;
}

.single-features:hover .read-more-icon span {
  background-color: #1dd3f8;
  color: #ffffff;
}

.col-lg-4:nth-child(1) .single-features {
  border-radius: 4px 0 0 4px;
  position: relative;
}

.col-lg-4:nth-child(1) .single-features::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background-image: url(../img/shape/features-shape-left.png);
  background-position: left;
  background-repeat: no-repeat;
}

.col-lg-4:nth-child(2) .single-features {
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.col-lg-4:nth-child(3) .single-features {
  border-radius: 0 4px 4px 0;
  position: relative;
}

.col-lg-4:nth-child(3) .single-features::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-image: url(../img/shape/features-shape-right.png);
  background-position: right;
  background-repeat: no-repeat;
}

/*
About Area Style
======================================================*/
.about-img {
  text-align: center;
}

.about-content {
  margin-top: -8px;
}

.about-content span {
  font-size: 14px;
  color: #1dd3f8;
  display: inline-block;
  margin-bottom: 8px;
}

.about-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
}

.about-content ul li {
  font-family: "Dosis", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}

.about-content ul li:last-child {
  margin-bottom: 0;
}

.about-content ul li i {
  position: absolute;
  top: 3px;
  left: 0;
  color: #1dd3f8;
  font-size: 14px;
  background-color: #d7eef8;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
}

.about-content .default-btn {
  margin-top: 30px;
}

/*
Choose Us Area Style
======================================================*/
.features-area {
  position: relative;
  z-index: 1;
}

.features-area .container {
  padding-left: 30px;
  padding-right: 30px;
}

.choose-title {
  margin-top: -9px;
  margin-bottom: 50px;
}

.choose-title span {
  font-size: 14px;
  color: #1dd3f8;
  display: inline-block;
  margin-bottom: 8px;
}

.choose-title h2 {
  font-size: 40px;
  margin-bottom: 0;
}

.choose-content ul li {
  position: relative;
  padding-left: 120px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.choose-content ul li:last-child {
  margin-bottom: 0;
}

.choose-content ul li span {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  position: relative;
  border: 2px dotted #ffffff;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 600;
  color: #212121;
  -webkit-animation: border-transform 7s linear infinite alternate forwards;
          animation: border-transform 7s linear infinite alternate forwards;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #dcddfa;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  display: inline-block;
  position: absolute;
  top: 35px;
  left: 30px;
}

.choose-content ul li span i {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: inline-block;
  font-size: 25px;
  color: #dcddfa;
}

.choose-content ul li h3 {
  margin-bottom: 10px;
}

.choose-content ul li:nth-child(2) span {
  background-color: #c8fbfa;
}

.choose-content ul li:nth-child(2) span i {
  color: #c8fbfa;
}

.choose-content ul li:nth-child(2) span {
  background-color: #bde5fa;
}

.choose-content ul li:nth-child(2) span i {
  color: #bde5fa;
}

.choose-content ul li:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
Offer Area Style
======================================================*/
.offer-area {
  background-color: #f2fefe;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.offer-area .offer-shape img {
  position: absolute;
  z-index: -1;
}

.offer-area .offer-shape img:nth-child(1) {
  bottom: 0;
  left: 0;
}

.offer-area .offer-shape img:nth-child(2) {
  top: 0;
  right: 0;
}

.offer-area .offer-shape img:nth-child(3) {
  top: 100px;
  left: 200px;
  -webkit-animation: animationFramesOne 25s infinite linear;
          animation: animationFramesOne 25s infinite linear;
}

.offer-area .offer-shape img:nth-child(4) {
  bottom: 80px;
  right: 200px;
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.offer-area .offer-shape img:nth-child(5) {
  top: 100px;
  right: 200px;
  -webkit-animation: animationFramesOne 15s infinite linear;
          animation: animationFramesOne 15s infinite linear;
}

.offer-area .offer-shape img:nth-child(6) {
  bottom: 80px;
  left: 500px;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

.offer-area .offer-shape img:nth-child(7) {
  top: 100px;
  left: 700px;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

.single-offer {
  position: relative;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 80px;
  background-color: #ffffff;
  border-radius: 4px;
  border: 2px dotted #1dd3f8;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.single-offer i {
  position: absolute;
  left: 20px;
  top: 33px;
  background-color: #eeeefe;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 25px;
  color: #9898f0;
}

.single-offer h3 {
  margin-bottom: 10px;
}

.single-offer:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.col-lg-4:nth-child(2) .single-offer {
  border-color: #76b8f5;
}

.col-lg-4:nth-child(2) .single-offer i {
  background-color: #e8f3fd;
  color: #76b8f5;
}

.col-lg-4:nth-child(3) .single-offer {
  border-color: #1ccdca;
}

.col-lg-4:nth-child(3) .single-offer i {
  background-color: #e6fdfc;
  color: #1ccdca;
}

.col-lg-4:nth-child(4) .single-offer {
  border-color: #f9ca54;
}

.col-lg-4:nth-child(4) .single-offer i {
  background-color: #fcf3dc;
  color: #f9ca54;
}

.col-lg-4:nth-child(5) .single-offer {
  border-color: #ff896b;
}

.col-lg-4:nth-child(5) .single-offer i {
  background-color: #fde2db;
  color: #ff896b;
}

.col-lg-4:nth-child(6) .single-offer {
  border-color: #50d890;
}

.col-lg-4:nth-child(6) .single-offer i {
  background-color: #e7fdf1;
  color: #50d890;
}

/*
Business  Area Style
======================================================*/
.business-area {
  overflow: hidden;
}

.business-area .default-btn {
  margin-top: 10px;
}

.business-content h2 {
  font-size: 40px;
  margin-top: -9px;
  margin-bottom: 40px;
}

.single-business {
  padding-left: 55px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
  position: relative;
}

.single-business i {
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #eeeefe;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  font-size: 25px;
  color: #9898f0;
}

.single-business h3 {
  margin-bottom: 10px;
}

.single-business:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-counter {
  background-color: #e2e2fc;
  text-align: center;
  padding: 50px;
  border-radius: 4px;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-counter h2 {
  margin-bottom: 0;
}

.single-counter h2 span {
  font-size: 50px;
  color: #6b6bd4;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
  line-height: 1;
}

.single-counter h2 .target {
  line-height: 1;
  position: relative;
  top: 7px;
}

.single-counter p {
  font-family: "Dosis", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.single-counter:hover {
  -webkit-animation: rubberBand 1s linear;
          animation: rubberBand 1s linear;
}

.counter-nth:nth-child(2) .single-counter {
  margin-top: 30px;
  background-color: #cae5fe;
}

.counter-nth:nth-child(2) .single-counter h2 span {
  color: #3785ca;
}

.counter-nth:nth-child(3) .single-counter {
  background-color: #c0fedc;
  margin-top: -30px;
  margin-bottom: 0;
}

.counter-nth:nth-child(3) .single-counter h2 span {
  color: #23bc68;
}

.counter-nth:nth-child(4) .single-counter {
  background-color: #fbc7ba;
  margin-bottom: 0;
}

.counter-nth:nth-child(4) .single-counter h2 span {
  color: #c05234;
}

/*
Industries  Area Style
======================================================*/
.industries-area .industries-content h3 {
  margin-bottom: 20px;
}

.industries-area .industries-content .default-btn {
  margin: 18px auto -6px;
  display: table;
}

.industries-area .industries-content .industries-item {
  margin-top: 15px;
}

.industries-area .industries-content .industries-item li {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  font-family: "Dosis", sans-serif;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  position: relative;
  padding-left: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
}

.industries-area .industries-content .industries-item li i {
  position: absolute;
  top: 13px;
  left: 17px;
  color: #1dd3f8;
}

.industries-area .industries-list-tab .tabs li {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 60px 0 0 60px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 20px;
}

.industries-area .industries-list-tab .tabs li:last-child {
  margin-bottom: 0;
}

.industries-area .industries-list-tab .tabs li a {
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.industries-area .industries-list-tab .tabs li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #1dd3f8;
  z-index: -1;
  border-radius: 60px 0 0 60px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.industries-area .industries-list-tab .tabs li i {
  position: absolute;
  left: 30px;
  top: 32px;
  font-size: 40px;
  color: #1dd3f8;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.industries-area .industries-list-tab .tabs li h3 {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.industries-area .industries-list-tab .tabs li span {
  margin-bottom: -3px;
  display: block;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #4d4d4d;
}

.industries-area .industries-list-tab .tabs li:hover i {
  color: #ffffff;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.industries-area .industries-list-tab .tabs li:hover h3 {
  color: #ffffff;
}

.industries-area .industries-list-tab .tabs li:hover span {
  color: #ffffff;
}

.industries-area .industries-list-tab .tabs li:hover a {
  right: 20px;
}

.industries-area .industries-list-tab .tabs li:hover::before {
  width: 100%;
  border-radius: 60px 0 0 60px;
}

.industries-area .industries-list-tab .tabs li.current i {
  color: #ffffff;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.industries-area .industries-list-tab .tabs li.current h3 {
  color: #ffffff;
}

.industries-area .industries-list-tab .tabs li.current span {
  color: #ffffff;
}

.industries-area .industries-list-tab .tabs li.current a {
  right: 20px;
}

.industries-area .industries-list-tab .tabs li.current::before {
  width: 100%;
  border-radius: 60px 0 0 60px;
}

.industries-area .industries-img {
  text-align: center;
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

/*
Client Area Style
======================================================*/
.client-area {
  background-color: #192064;
}

.client-area .section-title h2 {
  color: #ffffff;
}

.client-area .owl-carousel .owl-item img {
  width: unset;
}

.single-client {
  text-align: center;
  background-color: #ffffff;
  position: relative;
  margin-top: 30px;
  margin-bottom: 165px;
  border-radius: 4px;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.single-client .quotes {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  color: #1dd3f8;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -30px;
}

.single-client ul li {
  display: inline-block;
}

.single-client ul li i {
  font-size: 20px;
  color: #1dd3f8;
}

.single-client::before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-top: 45px solid #ffffff;
  border-right: 10px solid transparent;
  border-bottom: 0;
  border-left: 50px solid transparent;
  bottom: -24px;
  left: 20px;
}

.client-img {
  position: absolute;
  left: 30px;
  bottom: -170px;
}

.client-img img {
  border-radius: 10px;
  margin-bottom: 15px;
}

.client-img h3 {
  margin-bottom: 0;
  font-size: 20px;
  color: #ffffff;
}

.client-img span {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  color: #1dd3f8;
}

/*
News Area Style
======================================================*/
.single-news {
  margin-bottom: 30px;
}

.single-news .blog-img {
  position: relative;
  overflow: hidden;
}

.single-news .blog-img .dates {
  position: absolute;
  top: 0;
  left: -125px;
  font-size: 18px;
  background-color: #1dd3f8;
  padding: 5px 10px;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 4px;
}

.single-news .news-content-wrap {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.single-news .news-content-wrap ul {
  margin-bottom: 10px;
}

.single-news .news-content-wrap ul li {
  display: inline-block;
  padding-right: 10px;
}

.single-news .news-content-wrap ul li a {
  color: #4d4d4d;
}

.single-news .news-content-wrap ul li a i {
  color: #1dd3f8 !important;
  margin-right: 5px;
  display: inline-block;
}

.single-news .news-content-wrap ul li a:hover {
  color: #1dd3f8;
}

.single-news .news-content-wrap a h3 {
  margin-bottom: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-news .news-content-wrap p {
  margin-bottom: 25px;
}

.single-news:hover .blog-img .dates {
  left: 0;
}

.single-news:hover .news-content-wrap a h3 {
  color: #1dd3f8;
}

.single-news:hover .news-content-wrap .read-more {
  background-color: #1dd3f8;
  color: #ffffff;
  border-color: #1dd3f8;
}

/*
Footer Top Area Style
======================================================*/
.footer-top-area {
  background-color: #00042c;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.footer-top-area .footer-shape img {
  position: absolute;
}

.footer-top-area .footer-shape img:nth-child(1) {
  top: 35%;
  right: 0;
  z-index: -1;
  -webkit-animation: rotation 20s linear infinite;
          animation: rotation 20s linear infinite;
}

.footer-top-area .footer-shape img:nth-child(2) {
  top: 35%;
  right: 0;
  z-index: -1;
  -webkit-animation: focus-one 1s linear 1s infinite;
          animation: focus-one 1s linear 1s infinite;
}

.single-widget {
  margin-bottom: 30px;
}

.single-widget img {
  margin-bottom: 30px;
}

.single-widget p {
  color: #d9d6d6;
  margin-bottom: 30px;
}

.single-widget h3 {
  color: #ffffff;
  margin-bottom: 25px;
  font-size: 25px;
  position: relative;
  border-bottom: 2px solid #060c4a;
  padding-bottom: 10px;
}

.single-widget h3::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #ffffff;
}

.single-widget ul li {
  margin-bottom: 15px;
}

.single-widget ul li:last-child {
  margin-bottom: 0;
}

.single-widget ul li a {
  color: #d9d6d6;
  position: relative;
  padding-left: 20px;
}

.single-widget ul li a .right-icon {
  font-size: 20px;
  position: absolute;
  top: 3px;
  left: 0;
}

.single-widget ul li a:hover {
  color: #1dd3f8;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.single-widget .information li {
  margin-bottom: 8px;
}

.single-widget .information li a {
  padding-left: 0;
  position: relative;
}

.single-widget .information li a:hover {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.single-widget .information li.address {
  position: relative;
  padding-left: 30px;
  color: #d9d6d6;
}

.single-widget .information li.address i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
}

.single-widget .information li.address span {
  display: block;
  font-family: "Dosis", sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.single-widget .social-icon {
  line-height: 1;
}

.single-widget .social-icon li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0;
}

.single-widget .social-icon li a {
  width: 30px;
  height: 30px;
  line-height: 32px;
  background-color: #3955bc;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  position: relative;
  padding-left: 0;
}

.single-widget .social-icon li a:hover {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-animation: rubberBand 1s linear;
          animation: rubberBand 1s linear;
}

.single-widget .social-icon li:nth-child(2) a {
  background-color: #1da1f2;
  color: #ffffff;
}

.single-widget .social-icon li:nth-child(3) a {
  background-color: #1da1f2;
  color: #ffffff;
}

.single-widget .social-icon li:nth-child(4) a {
  background-color: #d32f2f;
  color: #ffffff;
}

.single-widget .social-icon li:nth-child(4) a {
  background-color: #0077b5;
  color: #ffffff;
}

.single-widget .social-icon li:nth-child(5) a {
  background-color: #ff0000;
  color: #ffffff;
}

/*
Footer Bottom Area Style
======================================================*/
.footer-bottom-area {
  background-color: #0d1240;
  padding: 15px 0;
}

.footer-bottom-area .copy-right {
  color: #d9d6d6;
}

.footer-bottom-area .copy-right i {
  position: relative;
  top: 1px;
}

.footer-bottom-area .copy-right a {
  color: #1dd3f8;
}

.footer-bottom-area .copy-right a:hover {
  color: #ffffff;
}

.footer-bottom-area .designed {
  text-align: right;
  color: #d9d6d6;
}

.footer-bottom-area .designed i {
  position: relative;
  top: 2px;
  color: #1dd3f8;
  -webkit-animation: heartBeat 1000ms infinite linear;
          animation: heartBeat 1000ms infinite linear;
}

.footer-bottom-area .designed a {
  color: #1dd3f8;
}

.footer-bottom-area .privacy {
  text-align: center;
}

.footer-bottom-area .privacy ul li {
  display: inline-block;
  padding-right: 15px;
}

.footer-bottom-area .privacy ul li a {
  color: #d9d6d6;
  position: relative;
}

.footer-bottom-area .privacy ul li a::before {
  content: "";
  position: absolute;
  top: 13px;
  left: -14px;
  width: 10px;
  height: 1px;
  background-color: #d9d6d6;
}

.footer-bottom-area .privacy ul li a:hover {
  color: #1dd3f8;
}

.footer-bottom-area .privacy ul li:first-child a::before {
  display: none;
}

/*====================================================
HOME TWO STYLE
======================================================*/
/*
Banner Two Area Style
======================================================*/
.main-banner-area-two {
  background-image: url(../img/home-two-banner/banner-two-shape/banner-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 250px;
  overflow: hidden;
}

.main-banner-area-two .banner-text {
  top: 20px;
}

.main-banner-area-two .banner-img {
  position: relative;
  z-index: 1;
  top: 0;
}

.main-banner-area-two .banner-img .circle-img {
  top: -230px;
  position: relative;
}

.main-banner-area-two .banner-img .circle-img img {
  -webkit-animation: rotation 20s linear infinite;
          animation: rotation 20s linear infinite;
}

.main-banner-area-two .banner-img .square-img {
  position: relative;
  -webkit-animation: movebounceShort 5s linear infinite;
          animation: movebounceShort 5s linear infinite;
  top: -70px;
}

.main-banner-area-two .banner-img img {
  position: absolute;
}

.main-banner-area-two .banner-img img:nth-child(1) {
  bottom: -440px;
  right: 0;
  left: 0;
  margin: auto;
}

.main-banner-area-two .banner-img img:nth-child(3) {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.main-banner-area-two .banner-img img:nth-child(5) {
  top: -120px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  -webkit-animation: focus-one 1s linear 1s infinite;
          animation: focus-one 1s linear 1s infinite;
}

.main-banner-area-two .banner-img img:nth-child(6) {
  top: 10px;
  left: -135px;
}

.main-banner-area-two .banner-img img:nth-child(7) {
  top: -100px;
  right: -45px;
  width: 300px;
}

.main-banner-area-two .banner-img img:nth-child(8) {
  top: 280px;
  right: -30px;
}

.main-banner-area-two .banner-img img:nth-child(9) {
  top: -215px;
  right: -260px;
}

.main-banner-area-two .banner-img img:nth-child(10) {
  top: 170px;
  left: 90px;
}

.main-banner-area-two .over-shape img {
  position: absolute;
  z-index: -1;
}

.main-banner-area-two .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  -webkit-animation: animationFramesOne 25s infinite linear;
          animation: animationFramesOne 25s infinite linear;
}

.main-banner-area-two .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  -webkit-animation: animationFramesOne 40s infinite linear;
          animation: animationFramesOne 40s infinite linear;
}

.main-banner-area-two .over-shape img:nth-child(3) {
  top: 200px;
  right: 200px;
  -webkit-animation: animationFramesOne 25s infinite linear;
          animation: animationFramesOne 25s infinite linear;
}

/*
Offer Area Two Style
======================================================*/
.offer-area-two .single-offer:hover {
  background-color: #1dd3f8;
}

.offer-area-two .single-offer:hover h3 {
  color: #ffffff;
}

.offer-area-two .single-offer:hover p {
  color: #ffffff;
}

/*
Pricing Area Style
======================================================*/
.single-pricing {
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 50px 0 50px 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-pricing .pricing-top-heading {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.single-pricing .pricing-top-heading h3 {
  font-size: 25px;
}

.single-pricing .pricing-top-heading p {
  font-weight: 600;
  font-size: 14px;
}

.single-pricing span {
  font-size: 30px;
  font-family: "Dosis", sans-serif;
  color: #212121;
  font-weight: 700;
  display: block;
  line-height: 1;
  margin: 0 auto 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
}

.single-pricing span sub {
  font-size: 14px;
  color: #4d4d4d;
}

.single-pricing ul {
  text-align: left;
  max-width: 200px;
  margin: 0 auto 25px;
}

.single-pricing ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
  font-weight: 600;
}

.single-pricing ul li:last-child {
  margin-bottom: 0;
}

.single-pricing ul li i {
  font-size: 12px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #daf6fd;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 0;
  color: #1dd3f8;
}

.single-pricing .default-btn {
  padding: 15px 35px;
}

.single-pricing:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.popular {
  position: absolute;
  top: -15px;
  right: -50px;
  z-index: 1;
  background-color: red;
  color: #fff;
  padding: 35px 40px 10px 35px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tab.quote-list-tab {
  text-align: center;
}

.tab.quote-list-tab .tabs {
  border-radius: 10px;
  display: inline-block;
  border: 1px solid #1dd3f8;
  margin-bottom: 30px;
}

.tab.quote-list-tab .tabs li {
  display: inline-block;
  padding: 0 10px;
  font-family: "Dosis", sans-serif;
  color: #212121;
  font-size: 20px;
  font-weight: 700;
}

.tab.quote-list-tab .tabs li a {
  color: #1dd3f8;
  padding: 10px 20px;
}

.tab.quote-list-tab .tabs .current {
  background-color: #1dd3f8;
  border-radius: 10px;
}

.tab.quote-list-tab .tabs .current a {
  color: #ffffff;
}

/*
Newsletter Area Style
======================================================*/
.newsletter-area {
  background-color: #060542;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.newsletter-area .newsletter-shape img {
  position: absolute;
}

.newsletter-area .newsletter-shape img:nth-child(1) {
  bottom: -40px;
  left: -25px;
  max-width: 260px;
  z-index: -1;
  opacity: 0.5;
}

.newsletter-area .newsletter-shape img:nth-child(2) {
  bottom: -40px;
  right: -25px;
  max-width: 260px;
  z-index: -1;
  opacity: 0.5;
}

.newsletter-area .newsletter-shape img:nth-child(3) {
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
}

.newsletter-wrap h2 {
  font-size: 35px;
  margin-bottom: 30px;
  color: #ffffff;
}

.newsletter-wrap .newsletter-form {
  position: relative;
}

.newsletter-wrap .newsletter-form .form-control {
  border-radius: 10px;
  background-color: #ffffff;
}

.newsletter-wrap .newsletter-form .default-btn {
  position: absolute;
  top: 0;
  right: 0;
}

.newsletter-wrap .newsletter-form #validator-newsletter {
  color: #dc3545;
  margin-top: 10px;
}

.call-us h2 {
  font-size: 35px;
  margin-bottom: 30px;
  color: #ffffff;
}

.call-us a {
  font-size: 40px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
}

.call-us a:hover {
  color: #1dd3f8;
}

/*
Industries Serve Area Style
======================================================*/
.industries-serve-area {
  padding-bottom: 90px;
}

.single-industries {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 60px 0 0 60px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-left: 80px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.single-industries.right-item {
  border-radius: 0 60px 60px 0;
}

.single-industries.right-item::before {
  border-radius: 0 60px 60px 0;
}

.single-industries.right-item:hover::before {
  border-radius: 0 60px 60px 0;
}

.single-industries::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #1dd3f8;
  z-index: -1;
  border-radius: 60px 0 0 60px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-industries i {
  position: absolute;
  left: 30px;
  top: 32px;
  font-size: 40px;
  color: #1dd3f8;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-industries .right-icon {
  position: absolute;
  right: 23px;
  top: 42px;
  font-size: 30px;
}

.single-industries .right-icon span {
  color: #e7e8e8;
}

.single-industries h3 {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-industries span {
  margin-bottom: -3px;
  display: block;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #4d4d4d;
}

.single-industries:hover i {
  color: #ffffff;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.single-industries:hover h3 {
  color: #ffffff;
}

.single-industries:hover span {
  color: #ffffff;
}

.single-industries:hover a {
  right: 20px;
}

.single-industries:hover::before {
  width: 100%;
  border-radius: 60px 0 0 60px;
}

/*
Brand Area Serve Area Style
======================================================*/
.brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.brand-list .single-brand {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
  max-width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}

.brand-list .single-brand a {
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.brand-list .single-brand:nth-child(6) {
  margin-left: 20%;
}

/*====================================================
HOME THREE STYLE
======================================================*/
/*
Banner Three Area Style
======================================================*/
.main-banner-area-three {
  padding-bottom: 250px;
  overflow: hidden;
}

.main-banner-area-three .banner-text {
  top: 20px;
}

.main-banner-area-three .banner-text .banner-btn .default-btn.active {
  padding-left: 52px;
}

.main-banner-area-three .banner-text .banner-btn .default-btn.active i {
  position: absolute;
  font-size: 25px;
  top: 14px;
  left: 28px;
}

.main-banner-area-three .banner-img {
  position: relative;
  z-index: 1;
  top: 0;
}

.main-banner-area-three .banner-img img {
  position: absolute;
}

.main-banner-area-three .banner-img img:nth-child(1) {
  bottom: -440px;
  right: 0;
  left: 0;
  margin: auto;
}

.main-banner-area-three .banner-img img:nth-child(2) {
  top: -45px;
  left: 0;
  right: 0;
  margin: auto;
}

.main-banner-area-three .whites-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.main-banner-area-three .over-shape img {
  position: absolute;
  z-index: -1;
}

.main-banner-area-three .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  -webkit-animation: animationFramesOne 25s infinite linear;
          animation: animationFramesOne 25s infinite linear;
}

.main-banner-area-three .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  -webkit-animation: animationFramesOne 40s infinite linear;
          animation: animationFramesOne 40s infinite linear;
}

.main-banner-area-three .over-shape img:nth-child(3) {
  top: 150px;
  right: 800px;
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.main-banner-area-three .over-shape img:nth-child(4) {
  bottom: 200px;
  right: 800px;
  -webkit-animation: animationFramesOne 30s infinite linear;
          animation: animationFramesOne 30s infinite linear;
}

.main-banner-area-three .over-shape img:nth-child(5) {
  top: 200px;
  right: 200px;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

/*
Brand Three Area Style
======================================================*/
.brand-area-two {
  background-color: #f0fcfe;
}

/*
Case Area Style
======================================================*/
.case-area .owl-theme .owl-dots .owl-dot {
  margin-top: 20px;
}

.case-area .owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 8px;
  margin: 0 7px;
  background: #D6D6D6;
}

.case-area .owl-theme .owl-dots .owl-dot.active span {
  background: #1dd3f8;
  width: 25px;
}

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

.case-wrap .single-case {
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  margin-bottom: 20px;
}

.case-wrap .single-case img {
  border-radius: 30px;
}

.case-wrap .single-case::before {
  content: "";
  position: absolute;
  top: 0;
  left: -420px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.8;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 30px;
}

.case-wrap .single-case .link-icon {
  position: absolute;
  top: -400px;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.case-wrap .single-case .link-icon i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #1dd3f8;
  border-radius: 50%;
  text-align: center;
  font-size: 35px;
  color: #1dd3f8;
}

.case-wrap:hover .single-case::before {
  left: 0;
}

.case-wrap:hover .single-case .link-icon {
  top: 0;
}

.case-wrap h3 {
  margin-bottom: 0;
}

/*
FAQ CSS
======================================================*/
.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
  border-radius: 5px;
  display: block;
  -webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
          box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important;
  background: #ffffff;
  margin-bottom: 15px;
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 20px 60px 17px 25px;
  color: #212121;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 25px;
  top: 23px;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: -5px;
  padding-bottom: 20px;
  padding-right: 60px;
  padding-left: 25px;
}

.faq-accordion .accordion .accordion-content p {
  line-height: 1.8;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

/*====================================================
HOME FOUR STYLE
======================================================*/
/*
Banner Four Area Style
======================================================*/
.main-banner-area-four {
  padding-bottom: 250px;
  overflow: hidden;
}

.main-banner-area-four .banner-text {
  top: 30px;
}

.main-banner-area-four .banner-text .banner-btn .default-btn.active {
  padding-left: 52px;
}

.main-banner-area-four .banner-text .banner-btn .default-btn.active i {
  position: absolute;
  font-size: 25px;
  top: 14px;
  left: 28px;
}

.main-banner-area-four .over-shape img {
  position: absolute;
  z-index: -1;
}

.main-banner-area-four .over-shape img:nth-child(1) {
  top: 300px;
  left: 40px;
  -webkit-animation: animationFramesOne 25s infinite linear;
          animation: animationFramesOne 25s infinite linear;
}

.main-banner-area-four .over-shape img:nth-child(2) {
  top: 200px;
  left: 800px;
  -webkit-animation: animationFramesOne 40s infinite linear;
          animation: animationFramesOne 40s infinite linear;
}

.main-banner-area-four .over-shape img:nth-child(3) {
  top: 150px;
  right: 800px;
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.main-banner-area-four .over-shape img:nth-child(4) {
  bottom: 200px;
  right: 800px;
  -webkit-animation: animationFramesOne 30s infinite linear;
          animation: animationFramesOne 30s infinite linear;
}

.main-banner-area-four .over-shape img:nth-child(5) {
  top: 200px;
  right: 200px;
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

/*
Bg Color Four Area Style
======================================================*/
.bg-color-home-four {
  background-color: #010032;
}

/*
Home Four Section Title Color Area Style
======================================================*/
.home-four-section-title h2 {
  color: #ffffff;
}

.home-four-section-title p {
  color: #e7e7e7;
}

/*
About Area Four Style
======================================================*/
.about-area-four .about-content h2 {
  color: #ffffff;
}

.about-area-four .about-content p {
  color: #e7e7e7;
}

.about-area-four .about-content ul li {
  color: #e7e7e7;
}

/*
Business Area Four Style
======================================================*/
.business-area-four .business-content h2 {
  color: #ffffff;
}

.business-area-four .single-business h3 {
  color: #ffffff;
}

.business-area-four .single-business p {
  color: #e7e7e7;
}

/*
Offer Area Four Style
======================================================*/
.offer-area-four {
  background-color: #060542;
}

.offer-area-four .offer-shape img:nth-child(1) {
  opacity: 0.3;
}

.offer-area-four .offer-shape img:nth-child(2) {
  opacity: 0.3;
}

/*
Industries Area Four Style
======================================================*/
.industries-area-four .industries-content h3 {
  color: #ffffff;
}

.industries-area-four .industries-content p {
  color: #e7e7e7;
}

/*
Team Area Four Style
======================================================*/
.single-team {
  text-align: center;
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-team .team-single-img {
  position: relative;
  margin-top: 15px;
  margin-bottom: 40px;
}

.single-team .team-single-img img {
  border-radius: 50%;
}

.single-team .team-single-img .team-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: rotation 20s linear infinite;
          animation: rotation 20s linear infinite;
}

.single-team .team-content h3 {
  color: #ffffff;
}

.single-team .team-content span {
  color: #1dd3f8;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.single-team .team-content ul {
  line-height: 1;
}

.single-team .team-content ul li {
  display: inline-block;
  padding: 0 5px;
}

.single-team .team-content ul li a:hover {
  color: #ffffff;
  -webkit-animation: rubberBand 1s linear;
          animation: rubberBand 1s linear;
}

.single-team:hover {
  background-color: #060542;
}

/*====================================================
HOME FIVE STYLE
======================================================*/
/*
Arduix SliderArea Style
======================================================*/
.arduix-slider-area {
  background-image: url(../img/home-five-slider/slider-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
  z-index: 1;
}

.arduix-slider-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #24416b;
  z-index: -1;
  opacity: 0.9;
}

.arduix-slider-area .owl-next {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.arduix-slider-area .owl-next i {
  background-color: #1dd3f8;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 4px;
}

.arduix-slider-area .owl-next i:hover {
  background-color: #1dd3f8 !important;
}

.arduix-slider-area .owl-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
}

.arduix-slider-area .owl-prev i {
  background-color: #1dd3f8 !important;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 4px;
}

.arduix-slider-area .owl-prev i:hover {
  background-color: #1dd3f8 !important;
}

.arduix-slider-area:hover .owl-prev {
  opacity: 1;
}

.arduix-slider-area:hover .owl-next {
  opacity: 1;
}

.arduix-slider-area .owl-theme .owl-nav {
  margin-top: 0 !important;
}

.arduix-slider-area .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.arduix-slider-item .arduix-slider-text {
  text-align: center;
  max-width: 700px;
  margin: 200px auto 0;
}

.arduix-slider-item .arduix-slider-text span {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}

.arduix-slider-item .arduix-slider-text h1 {
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 30px;
}

.arduix-slider-item .arduix-slider-text p {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 45px;
}

.arduix-slider-item .arduix-slider-text .slider-btn .default-btn {
  margin: 0 20px;
}

.arduix-slider-item .arduix-slider-text .slider-btn .default-btn.white {
  color: #ffffff;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.overflow-hidden {
  overflow: hidden;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.one span {
  -webkit-animation: 1s .1s fadeInUpBig both;
          animation: 1s .1s fadeInUpBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.one .video-btn-animat {
  -webkit-animation: 1s .1s fadeInUpBig both;
          animation: 1s .1s fadeInUpBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.one h1 {
  -webkit-animation: 2s .2s fadeInUpBig both;
          animation: 2s .2s fadeInUpBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.one p {
  -webkit-animation: 3s .3s fadeInUpBig both;
          animation: 3s .3s fadeInUpBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.one .slider-btn {
  -webkit-animation: 4s .4s fadeInUpBig both;
          animation: 4s .4s fadeInUpBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.two span {
  -webkit-animation: 2s .2s fadeInDownBig both;
          animation: 2s .2s fadeInDownBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.two .video-btn-animat {
  -webkit-animation: 2s .2s fadeInDownBig both;
          animation: 2s .2s fadeInDownBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.two h1 {
  -webkit-animation: 2s .2s fadeInLeft both;
          animation: 2s .2s fadeInLeft both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.two p {
  -webkit-animation: 2s .2s fadeInRight both;
          animation: 2s .2s fadeInRight both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.two .slider-btn {
  -webkit-animation: 2s .2s fadeInUpBig both;
          animation: 2s .2s fadeInUpBig both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.three span {
  -webkit-animation: 2s .2s fadeInDown both;
          animation: 2s .2s fadeInDown both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.three .video-btn-animat {
  -webkit-animation: 2s .2s fadeInDown both;
          animation: 2s .2s fadeInDown both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.three h1 {
  -webkit-animation: 2s .2s fadeInDown both;
          animation: 2s .2s fadeInDown both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.three p {
  -webkit-animation: 2s .2s fadeInUp both;
          animation: 2s .2s fadeInUp both;
}

.arduix-slider-area .owl-item.active .arduix-slider-text.three .slider-btn {
  -webkit-animation: 2s .2s fadeInUp both;
          animation: 2s .2s fadeInUp both;
}

/*==================================================== 
INNER PAGE STYLE
======================================================*/
/* 
Page Title Area Style
=====================================================*/
.page-title-area {
  position: relative;
  z-index: 1;
  padding-top: 200px;
  padding-bottom: 150px;
  background-color: #04063c;
  overflow: hidden;
  text-align: center;
}

.page-title-area .page-title-content h2 {
  margin-bottom: 30px;
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
}

.page-title-area .page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 0;
}

.page-title-area .page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding-right: 10px;
  padding-left: 10px;
  color: #1dd3f8;
}

.page-title-area .page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 12px;
  right: -3px;
  background-color: #1dd3f8;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.page-title-area .page-title-content ul li:last-child::before {
  display: none;
}

.page-title-area .page-title-content ul li a {
  color: #ffffff;
}

.page-title-area .page-title-content ul li a:hover {
  color: #1dd3f8;
}

/*
404 Error Area Style
=====================================================*/
.error-area {
  padding: 50px 0;
  height: 100vh;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}

.error-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  z-index: -1;
}

.error-area .error-content-wrap {
  z-index: 1;
  position: relative;
}

.error-area .error-content-wrap h1 {
  font-size: 300px;
  line-height: 1;
}

.error-area .error-content-wrap h1 span {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#ff416c), to(#fa4612));
  background-image: linear-gradient(to bottom right, #ff416c, #fa4612);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.error-area .error-content-wrap h3 {
  margin: 30px 0 0;
  position: relative;
  color: #ff0000;
}

.error-area .error-content-wrap p {
  margin: 20px 0 20px;
  font-size: 19px;
}

/* 
Coming Soon Area Style
=====================================================*/
.coming-soon-area {
  position: relative;
  height: 100vh;
  z-index: 1;
  background-color: #00095e;
}

.coming-soon-area .coming-soon-content {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 60px;
  margin-top: -18px;
}

.coming-soon-area .coming-soon-content p {
  color: #f3f3f3;
  font-size: 14.5px;
  max-width: 600px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 30px;
}

.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;
  color: #ffffff;
  position: relative;
  margin-left: 35px;
  margin-right: 35px;
  font-size: 45px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -15px;
  font-size: 16px;
  font-weight: normal;
}

.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}

.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}

.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}

.coming-soon-area .coming-soon-content #timer div::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -10px;
  font-size: 70px;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  padding-left: 15px;
  color: #ffffff;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 10px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-webkit-input-placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:-ms-input-placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-ms-input-placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::placeholder {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
  border-color: #1dd3f8;
}

.coming-soon-area .coming-soon-content .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 30px;
  text-transform: uppercase;
  outline: 0;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}

.coming-soon-area .coming-soon-content .newsletter-form button::after {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button::before {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button:hover {
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter {
  color: #dc3545;
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: -30px;
  margin: 0 auto;
}

/*
Sign In & Log In  Area Style
=====================================================*/
.user-area-all-style {
  position: relative;
  z-index: 1;
}

.user-area-all-style .contact-form-action {
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
          box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  padding: 40px;
  max-width: 570px;
  margin: auto;
}

.user-area-all-style .contact-form-action .form-heading {
  margin-bottom: 33px;
}

.user-area-all-style .contact-form-action .form-heading .form-title {
  font-size: 35px;
  color: #233d63;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.user-area-all-style .contact-form-action .form-heading .form-desc {
  font-size: 18px;
  color: #677286;
  font-weight: 500;
}

.user-area-all-style .contact-form-action .form-heading .reset-desc {
  line-height: 30px;
  margin-top: 15px;
}

.user-area-all-style .contact-form-action .form-heading .reset-desc a {
  color: #1dd3f8;
}

.user-area-all-style .contact-form-action .form-heading .reset-desc {
  font-size: 16px;
}

.user-area-all-style .contact-form-action .form-heading .reset-desc a {
  font-weight: 600;
}

.user-area-all-style .contact-form-action form .submit-btn {
  margin-top: 24px;
}

.user-area-all-style .contact-form-action form .default-btn {
  font-size: 14px;
  padding: 12px 20px;
  margin-bottom: 30px;
}

.user-area-all-style .contact-form-action form .default-btn.btn-two {
  display: table;
  margin: 0px auto 0;
  padding: 20px 35px;
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn {
  background-color: #FF5733;
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn {
  background-color: #3955bc;
  display: table;
  margin: auto;
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn {
  background-color: #1dd3f8;
  float: right;
}

.user-area-all-style .contact-form-action form .reset-btn {
  margin-top: 0;
}

.user-area-all-style .contact-form-action form .form-condition {
  margin-bottom: 20px;
}

.user-area-all-style .contact-form-action form .form-condition .agree-label {
  font-weight: 600;
}

.user-area-all-style .contact-form-action form .form-condition .agree-label a {
  color: #1dd3f8;
}

.user-area-all-style .contact-form-action form .form-group {
  margin-bottom: 30px;
}

.user-area-all-style .contact-form-action .account-desc {
  margin: 25px auto 0;
  display: table;
  font-weight: 600;
}

.user-area-all-style .contact-form-action .account-desc a {
  color: #1dd3f8;
  margin-left: 10px;
  font-weight: 600;
}

.user-area-all-style .contact-form-action #chb1 {
  position: relative;
  top: 1px;
}

.user-area-all-style .contact-form-action #chb2 {
  position: relative;
  top: 1px;
}

.user-area-all-style .contact-form-action .forget {
  float: right;
  color: #1dd3f8;
  font-weight: 600;
}

.user-area-all-style .contact-form-action .now-register {
  font-weight: 600;
  float: right;
  margin-bottom: 30px;
}

.user-area-all-style .contact-form-action .now-register a {
  color: #1dd3f8;
}

.user-area-all-style .contact-form-action .now-log-in {
  color: #1dd3f8;
  font-weight: 600;
}

.user-area-all-style .contact-form-action .now-log-in .font-q {
  font-weight: 600;
}

/*
Ask Question Area Style
=====================================================*/
.ask-question {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  padding: 50px;
}

.ask-question .section-title {
  margin: -9px auto 40px;
}

.ask-question h3 {
  margin-bottom: 20px;
}

.ask-question .form-group {
  margin-bottom: 30px;
}

.ask-question .form-group .form-control {
  border-radius: 4px;
}

.ask-question .default-btn {
  margin: auto;
  display: table;
}

.list-unstyled {
  color: #dc3545 !important;
  margin-top: 10px;
}

#msgSubmit {
  position: absolute;
  bottom: 8px;
  right: 15px;
}

.text-danger {
  color: #dc3545 !important;
}

.text-success {
  color: #28a745 !important;
}

.inner-client-page .single-client {
  margin-bottom: 193px;
}

/*
Ask Question Area Style
=====================================================*/
.team-inner-area .single-team {
  background-color: #060542;
}

.team-inner-area .single-team:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
Product Area Style
=====================================================*/
.product-area .woocommerce-topbar {
  margin-bottom: 40px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering {
  text-align: right;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
  background-color: #ffffff;
  color: #1dd3f8;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  float: unset;
  height: unset;
  line-height: initial;
  padding: 17px 35px 13px 20px;
  font-size: 16px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
  background-color: #1dd3f8 !important;
  color: #ffffff;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
  background-color: transparent;
  font-weight: 700;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
  right: 20px;
}

.product-area .single-product-box {
  text-align: center;
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}

.product-area .single-product-box .product-image {
  overflow: hidden;
  position: relative;
  text-align: left;
}

.product-area .single-product-box .product-image a img {
  -webkit-transition: .6s;
  transition: .6s;
}

.product-area .single-product-box .product-image .add-to-cart-btn {
  position: absolute;
  bottom: -46px;
  left: 0;
  width: 100%;
  background-color: #212121;
  color: #ffffff;
  padding: 18px 20px 13px;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}

.product-area .single-product-box .product-image .add-to-cart-btn i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.product-area .single-product-box .product-image .add-to-cart-btn:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}

.product-area .single-product-box .product-image .sale-btn {
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: #1dd3f8;
  color: #ffffff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

.product-area .single-product-box .product-content {
  padding: 30px 25px;
}

.product-area .single-product-box .product-content h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
}

.product-area .single-product-box .product-content h3 a {
  display: inline-block;
  color: #212121;
  text-decoration: none;
}

.product-area .single-product-box .product-content .price {
  color: #212121;
  font-weight: 600;
  font-size: 15px;
}

.product-area .single-product-box .product-content .price span {
  padding: 0 5px;
}

.product-area .single-product-box .product-content .price .old {
  text-decoration: line-through;
  color: #1dd3f8;
  font-size: 14px;
}

.product-area .single-product-box .product-content .rating {
  margin-top: 8px;
  color: #ffb708;
  font-size: 15px;
}

.product-area .single-product-box .product-content .rating i {
  margin-right: -1px;
}

.product-area .single-product-box:hover .product-image .add-to-cart-btn {
  bottom: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: .6s;
  transition: .6s;
  text-decoration: none;
}

/* 
Checkout Area Style 
=====================================================*/
.checkout-area .user-actions {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 18px 20px 15px;
  margin-bottom: 65px;
  border-top: 3px solid #1dd3f8;
  position: relative;
  color: #1dd3f8;
}

.checkout-area .user-actions::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -35px;
  width: 100%;
  height: 1px;
  background: #eeeeee;
}

.checkout-area .user-actions i {
  color: #1dd3f8;
  margin-right: 2px;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.checkout-area .user-actions span {
  display: inline-block;
  font-weight: 500;
  color: #212121;
}

.checkout-area .user-actions span a {
  display: inline-block;
  color: #1dd3f8;
  font-size: 15px;
}

.checkout-area .user-actions span a:hover {
  color: #1dd3f8;
}

.checkout-area .user-actions span a:focus {
  color: #1dd3f8;
}

.checkout-area .checkout-area .title {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
}

.checkout-area .billing-details {
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}

.checkout-area .billing-details .form-group {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-group label {
  display: block;
  color: #212121;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}

.checkout-area .billing-details .form-group label .required {
  color: red;
}

.checkout-area .billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #212121;
  padding-top: 0;
  padding-bottom: 0;
}

.checkout-area .billing-details .form-group .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.checkout-area .billing-details .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .list .option:hover {
  background-color: #1dd3f8 !important;
  color: #ffffff;
}

.checkout-area .billing-details .form-group .nice-select .list .option.selected {
  background-color: transparent;
}

.checkout-area .billing-details .form-group .nice-select:after {
  right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus {
  background-color: #1dd3f8 !important;
  color: #ffffff !important;
}

.checkout-area .billing-details .form-group textarea {
  padding-top: 13px;
}

.checkout-area .billing-details .form-check {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-check .form-check-label {
  color: #212121;
}

.checkout-area .billing-details .form-check label {
  position: relative;
  top: 1px;
  font-size: 14px;
  font-weight: 500;
}

.checkout-area .billing-details .col-lg-12:last-child .form-group {
  margin-bottom: 0;
}

.checkout-area .order-details .order-table {
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}

.checkout-area .order-details .order-table table {
  margin-bottom: 0;
}

.checkout-area .order-details .order-table table thead tr th {
  border-bottom-width: 0;
  vertical-align: middle;
  border-color: #eaedff;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  font-weight: 700;
}

.checkout-area .order-details .order-table table tbody tr td {
  vertical-align: middle;
  color: #212121;
  border-color: #eaedff;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.checkout-area .order-details .order-table table tbody tr td.product-name a {
  color: #212121;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
}

.checkout-area .order-details .order-table table tbody tr td.product-name a:hover {
  color: #212121;
}

.checkout-area .order-details .order-table table tbody tr td.order-subtotal span {
  color: #212121;
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.order-shipping span {
  color: #212121;
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.total-price span {
  color: #212121;
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.shipping-price {
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.order-subtotal-price {
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.product-subtotal {
  font-weight: 600;
}

.checkout-area .order-details .payment-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  margin-top: 30px;
  padding: 30px;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked {
  display: none;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #1dd3f8;
  position: relative;
  margin-bottom: 8px;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #1dd3f8;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) {
  display: none;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #212121;
  position: relative;
  margin-bottom: 8px;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #1dd3f8;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.checkout-area .order-details .payment-box .btn.order-btn {
  display: block;
  margin-top: 25px;
}

.checkout-area .order-details .payment-box .default-btn {
  margin-top: 20px;
  display: block;
  text-align: center;
}

/* 
Cart Area Style
=====================================================*/
.cart-area .cart-table table {
  margin-bottom: 0;
}

.cart-area .cart-table table thead tr th {
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 15px 0 15px;
  text-transform: uppercase;
  border: none;
  font-weight: 700;
  font-size: 16px;
}

.cart-area .cart-table table tbody tr td {
  vertical-align: middle;
  color: #666666;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  border-color: #eaedff;
  border-left: none;
  border-right: none;
}

.cart-area .cart-table table tbody tr td.product-thumbnail img {
  width: 60px;
  height: 60px;
}

.cart-area .cart-table table tbody tr td.product-thumbnail a {
  display: block;
}

.cart-area .cart-table table tbody tr td.product-name a {
  color: #666666;
  font-weight: 600;
  display: inline-block;
}

.cart-area .cart-table table tbody tr td.product-name a:hover {
  color: #212121;
}

.cart-area .cart-table table tbody tr td.product-price span {
  font-weight: 500;
}

.cart-area .cart-table table tbody tr td.product-subtotal {
  overflow: hidden;
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove {
  color: #666666;
  float: right;
  position: relative;
  top: 1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove i {
  font-size: 22px;
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove:hover {
  color: red;
}

.cart-area .cart-table table tbody tr td.product-subtotal span {
  font-weight: 500;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter {
  max-width: 130px;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #212121;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span:hover {
  color: #1dd3f8;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
  left: 0;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
  right: 0;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input {
  height: 45px;
  color: #212121;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
  color: #212121;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
  color: #212121;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
  color: #212121;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
  color: #212121;
}

.cart-area .cart-buttons {
  margin-top: 30px;
}

.cart-area .cart-totals {
  background: #ffffff;
  padding: 40px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0;
  margin: auto;
  margin-top: 50px;
}

.cart-area .cart-totals h3 {
  margin-bottom: 25px;
  font-weight: 700;
}

.cart-area .cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-area .cart-totals ul li {
  border: 1px solid #eaedff;
  padding: 14.90px 15px;
  color: #323232;
  overflow: hidden;
  font-weight: 700;
}

.cart-area .cart-totals ul li:first-child {
  border-bottom: none;
}

.cart-area .cart-totals ul li:last-child {
  border-top: none;
}

.cart-area .cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}

.cart-area .cart-area .nice-select {
  height: 50px;
  line-height: 49px;
  border-radius: 0;
  width: 100%;
  margin-bottom: 18px;
}

.cart-area .cart-wraps {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 40px;
}

.cart-area .coupon-wrap {
  margin-top: 50px;
  background-color: #ffffff;
  padding: 40px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}

.cart-area .coupon-wrap .nice-select .list {
  width: 100%;
}

.cart-area .coupon-wrap .nice-select .option {
  color: #212121 !important;
}

.cart-area .coupon-wrap .nice-select .option:hover {
  color: #ffffff !important;
  background-color: #1089d4 !important;
}

.cart-area .coupon-wrap select .option.focus, .cart-area .coupon-wrap .nice-select .option.selected.focus {
  background-color: #1089d4 !important;
  color: #ffffff !important;
}

.cart-area .coupon-wrap h3 {
  padding-bottom: 25px;
}

.cart-area .coupon-wrap .form-group {
  margin-bottom: 30px;
}

.cart-area .coupon-wrap .nice-select {
  height: 50px;
  width: 100%;
  margin-bottom: 19px;
  border-radius: 0;
}

.cart-area .coupon-wrap .nice-select .current {
  position: relative;
  top: 4px;
}

.cart-area .default-btn.text-right {
  float: right;
}

label {
  margin-bottom: 12px;
}

/*
Shop Details Style
================================*/
.product-details-area .product-details-desc h3 {
  margin-bottom: 12px;
  font-weight: 700;
}

.product-details-area .product-details-desc p {
  margin-bottom: 0;
}

.product-details-area .product-details-desc .price {
  margin-bottom: 10px;
  color: #333333;
  font-weight: 700;
}

.product-details-area .product-details-desc .price span {
  padding: 0 5px;
}

.product-details-area .product-details-desc .price .old-price {
  text-decoration: line-through;
  color: #828893;
  font-size: 13px;
}

.product-details-area .product-details-desc .product-review {
  margin-bottom: 15px;
}

.product-details-area .product-details-desc .product-review .rating {
  display: inline-block;
  padding-right: 5px;
  font-size: 14px;
}

.product-details-area .product-details-desc .product-review .rating i {
  color: #ffba0a;
}

.product-details-area .product-details-desc .product-review .rating-count {
  display: inline-block;
  color: #333333;
  border-bottom: 1px solid #333333;
  line-height: initial;
}

.product-details-area .product-details-desc .product-review .rating-count:hover {
  color: #1dd3f8;
  border-color: #1dd3f8;
}

.product-details-area .product-details-desc .product-add-to-cart {
  margin-top: 20px;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover {
  color: #212121;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn {
  left: 0;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn {
  right: 0;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input {
  height: 45px;
  color: #333333;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .default-btn {
  border: none;
  cursor: pointer;
  float: right;
}

.product-details-area .product-details-desc .product-add-to-cart .btn {
  height: 45px;
  top: -2px;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.product-details-area .product-details-desc .product-add-to-cart .btn i {
  margin-right: 2px;
}

.product-details-area .product-details-desc .buy-checkbox-btn {
  margin-top: 20px;
}

.product-details-area .product-details-desc .buy-checkbox-btn input {
  display: none;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx {
  margin: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  -webkit-transform: scale(1);
          transform: scale(1);
  vertical-align: middle;
  border: 1px solid #ebebeb;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #333333;
  display: block;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:last-child {
  padding-left: 4px;
  color: #57647c;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
  border-color: #333333;
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child {
  background: #333333;
  border-color: #333333;
  -webkit-animation: wave 0.4s ease;
          animation: wave 0.4s ease;
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {
  -webkit-transform: scale(3.5);
          transform: scale(3.5);
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.product-details-area .product-details-desc .buy-checkbox-btn .item:not(:first-child) {
  margin-top: 15px;
}

.product-details-area .product-details-desc .buy-checkbox-btn .btn {
  display: block;
  width: 100%;
}

.product-details-area .product-details-desc .buy-checkbox-btn .default-btn {
  text-transform: uppercase;
  display: block;
  text-align: center;
}

.product-details-area .product-details-desc .custom-payment-options {
  margin-top: 20px;
}

.product-details-area .product-details-desc .custom-payment-options span {
  display: block;
  color: #57647c;
  margin-bottom: 15px;
}

.product-details-area .product-details-desc .custom-payment-options .payment-methods a {
  display: inline-block;
}

.product-details-area .product-details-desc .custom-payment-options .payment-methods a img {
  width: 40px;
  margin-right: 5px;
}

.product-details-area .product-details-image {
  text-align: center;
  background-color: #f7f7f7;
}

.product-details-area .tab .tabs_item {
  display: none;
}

.product-details-area .tab .tabs_item:first-child {
  display: block;
}

.product-details-area .products-details-tab {
  margin-top: 50px;
}

.product-details-area .products-details-tab .tabs {
  list-style-type: none;
  margin-bottom: -1px;
  padding-left: 0;
}

.product-details-area .products-details-tab .tabs li {
  display: inline-block;
  line-height: initial;
  margin-right: 5px;
}

.product-details-area .products-details-tab .tabs li a {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  color: #333333;
  border: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 48px;
  font-weight: 700;
}

.product-details-area .products-details-tab .tabs li a .dot {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 30px;
  width: 12px;
  height: 12px;
  border: 1px solid #333333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
}

.product-details-area .products-details-tab .tabs li a .dot::before {
  position: absolute;
  top: 0;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  margin: 2px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .products-details-tab .tabs li a:hover {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}

.product-details-area .products-details-tab .tabs li a:hover .dot {
  border-color: #ffffff;
}

.product-details-area .products-details-tab .tabs li a:hover .dot::before {
  background: #ffffff;
}

.product-details-area .products-details-tab .tabs li a:focus {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}

.product-details-area .products-details-tab .tabs li a:focus .dot {
  border-color: #ffffff;
}

.product-details-area .products-details-tab .tabs li a:focus .dot::before {
  background: #ffffff;
}

.product-details-area .products-details-tab .tabs li:last-child {
  margin-right: 0;
}

.product-details-area .products-details-tab .tabs li.current a {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}

.product-details-area .products-details-tab .tabs li.current a .dot {
  border: 1px solid #ffffff;
}

.product-details-area .products-details-tab .tabs li.current a .dot::before {
  background: #ffffff;
}

.product-details-area .products-details-tab .tab_content {
  border: 1px solid #eeeeee;
  padding: 30px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p {
  margin-bottom: 20px;
  font-size: 14px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {
  margin-bottom: 0;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {
  border: 1px solid #eeeeee;
  border-bottom: none;
  padding: 10px 15px;
  color: #57647c;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
  display: inline-block;
  width: 30%;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
  margin-bottom: 15px;
  font-weight: 700;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {
  position: relative;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {
  display: inline-block;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {
  color: #ffba0a;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
  color: #ffba0a;
  font-size: 14px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  line-height: initial;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 10px 11px;
  font-size: 11px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 4px;
  background-color: #212121;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
  margin-top: 35px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
  margin-top: 30px;
  position: relative;
  padding-right: 200px;
  border-top: 1px dashed #eeeeee;
  padding-top: 30px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
  color: #ffba0a;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
  font-size: 14px;
  color: #ffba0a;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
  margin-bottom: 10px;
  font-size: 13px;
  display: block;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
  font-weight: 600;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {
  margin-bottom: 0;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
  position: absolute;
  right: 0;
  color: #57647c;
  top: 40px;
  text-decoration: underline;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
  color: #ff4800;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
  margin-top: 30px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {
  margin-bottom: 20px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {
  color: #444444;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {
  padding-top: 15px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {
  font-size: 14px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}

/*
Blog Details Area Style
=====================================================*/
.news-details-area {
  /*
	Sidebar Widget Area Style
	================================*/
}

.news-details-area .blog-details-desc .article-image {
  position: relative;
  background-color: #212121;
}

.news-details-area .blog-details-desc .article-content {
  margin-top: 30px;
}

.news-details-area .blog-details-desc .article-content .entry-meta {
  margin-bottom: -10px;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  color: #1dd3f8;
  margin-right: 21px;
  font-size: 14px;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li span {
  display: inline-block;
  color: #1dd3f8;
  font-weight: 500;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li a {
  display: inline-block;
  color: #666666;
  font-size: 13px;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li a:hover {
  color: #1dd3f8;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li i {
  color: #1dd3f8;
  margin-right: 2px;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li::before {
  content: '';
  position: absolute;
  top: 11px;
  right: -15px;
  width: 6px;
  height: 1px;
  background: #1dd3f8;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li:last-child {
  margin-right: 0;
}

.news-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before {
  display: none;
}

.news-details-area .blog-details-desc .article-content h3 {
  margin-bottom: 13px;
  margin-top: 25px;
}

.news-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.news-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333%;
          flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.news-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

.news-details-area .blog-details-desc .article-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}

.news-details-area .blog-details-desc .article-footer .article-tags {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.news-details-area .blog-details-desc .article-footer .article-tags span {
  display: inline-block;
  color: #1dd3f8;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.news-details-area .blog-details-desc .article-footer .article-tags a {
  display: inline-block;
  color: #666666;
  font-weight: 600;
}

.news-details-area .blog-details-desc .article-footer .article-tags a:hover {
  color: #1dd3f8;
}

.news-details-area .blog-details-desc .article-footer .article-share {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.news-details-area .blog-details-desc .article-footer .article-share .social {
  padding-left: 0;
  list-style-type: none;
  text-align: right;
  margin-bottom: 0;
}

.news-details-area .blog-details-desc .article-footer .article-share .social li {
  display: inline-block;
}

.news-details-area .blog-details-desc .article-footer .article-share .social li span {
  display: inline-block;
  margin-right: 2px;
  font-weight: 500;
  color: #666666;
}

.news-details-area .blog-details-desc .article-footer .article-share .social li a {
  display: block;
  color: #ffffff;
  width: 32px;
  height: 32px;
  line-height: 33px;
  border-radius: 50%;
  background-color: #1dd3f8;
  text-align: center;
  font-size: 14px;
}

.news-details-area .blog-details-desc .article-footer .article-share .social li a:hover {
  -webkit-animation: rubberBand 1s linear;
          animation: rubberBand 1s linear;
}

.news-details-area .blog-details-desc .post-navigation {
  margin-top: 30px;
}

.news-details-area blockquote {
  overflow: hidden;
  background-color: #f7f7f7;
  padding: 50px !important;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 4px;
}

.news-details-area blockquote p {
  color: #212121;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
  font-size: 17px !important;
}

.news-details-area blockquote cite {
  display: none;
}

.news-details-area blockquote::before {
  color: #1dd3f8;
  content: "\ed67";
  position: absolute;
  left: 50px;
  top: -50px;
  z-index: -1;
  font-family: 'boxicons';
  font-size: 140px;
  font-weight: 900;
  opacity: 0.5;
}

.news-details-area blockquote::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #1dd3f8;
  margin-top: 20px;
  margin-bottom: 20px;
}

.news-details-area .post-navigation {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.news-details-area .post-navigation .navigation-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.news-details-area .post-navigation .navigation-links .nav-previous {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.news-details-area .post-navigation .navigation-links .nav-previous a i {
  margin-right: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.news-details-area .post-navigation .navigation-links .nav-next {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}

.news-details-area .post-navigation .navigation-links .nav-next a i {
  margin-left: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.news-details-area .post-navigation .navigation-links div a {
  display: inline-block;
  font-weight: 600;
  color: #212121;
}

.news-details-area .post-navigation .navigation-links div a:hover {
  color: #1dd3f8;
}

.news-details-area .comments-area {
  padding: 25px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  background-color: #ffffff;
}

.news-details-area .comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  line-height: initial;
  font-size: 22px;
}

.news-details-area .comments-area .comments-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #1dd3f8;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.news-details-area .comments-area ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.news-details-area .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.news-details-area .comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.news-details-area .comments-area .children {
  margin-left: 40px;
}

.news-details-area .comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 65px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.news-details-area .comments-area .comment-body .reply {
  margin-top: 15px;
}

.news-details-area .comments-area .comment-body .reply a {
  border: 1px solid #ded9d9;
  color: #212121;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 600;
}

.news-details-area .comments-area .comment-body .reply a:hover {
  color: #ffffff;
  background-color: #1dd3f8;
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-meta {
  margin-bottom: .8em;
}

.news-details-area .comments-area .comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}

.news-details-area .comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
  border-radius: 50%;
}

.news-details-area .comments-area .comment-author .fn {
  font-weight: 600;
  color: #212121;
  font-size: 14px;
}

.news-details-area .comments-area .comment-author .says {
  display: none;
}

.news-details-area .comments-area .comment-metadata {
  color: #666666;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.news-details-area .comments-area .comment-metadata a {
  color: #666666;
  font-size: 11px;
}

.news-details-area .comments-area .comment-metadata a:hover {
  color: #1dd3f8;
}

.news-details-area .comments-area .comment-content p {
  font-size: 14px;
}

.news-details-area .comments-area .comment-respond {
  margin-top: 30px;
}

.news-details-area .comments-area .comment-respond .comment-reply-title {
  margin-bottom: 15px;
  position: relative;
  font-size: 22px;
}

.news-details-area .comments-area .comment-respond .comment-reply-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #1dd3f8;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.news-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  display: inline-block;
}

.news-details-area .comments-area .comment-respond .comment-form {
  overflow: hidden;
}

.news-details-area .comments-area .comment-respond .comment-form-comment {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.news-details-area .comments-area .comment-respond label {
  display: block;
  font-weight: 500;
  color: #212121;
  margin-bottom: 5px;
}

.news-details-area .comments-area .comment-respond input[type="datetime-local"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="datetime-local"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="week"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="week"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="month"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="month"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="text"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="text"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="email"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="email"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="url"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="url"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="password"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="password"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="search"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="search"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="tel"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="tel"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond input[type="number"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond input[type="number"]:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .comments-area .comment-respond textarea:focus {
  border-color: #1dd3f8;
}

.news-details-area .comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px;
}

.news-details-area .comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
  margin-bottom: 20px;
}

.news-details-area .comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.news-details-area .comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.news-details-area .comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 6px;
}

.news-details-area .comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  color: #666666;
  font-weight: normal;
}

.news-details-area .comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.news-details-area .comments-area .comment-respond .form-submit input {
  background: #1dd3f8;
  border: none;
  color: #ffffff;
  padding: 14px 30px 12px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 14px;
}

.news-details-area .comments-area .comment-respond .form-submit input:hover {
  color: #ffffff;
  background-color: #212121;
}

.news-details-area .comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-color: #1dd3f8;
}

.news-details-area .widget-area .widget {
  margin-top: 35px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
}

.news-details-area .widget-area .widget .post-wrap {
  padding: 30px;
}

.news-details-area .widget-area .widget:first-child {
  margin-top: 0;
}

.news-details-area .widget-area .widget .widget-title {
  text-transform: capitalize;
  position: relative;
  font-size: 20px;
  margin-bottom: 0;
  background-color: #f7f7f7;
  padding: 10px 20px;
  color: #212121;
  position: relative;
}

.news-details-area .widget-area .widget .widget-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #1dd3f8;
}

.news-details-area .widget-area .widget_search form {
  position: relative;
}

.news-details-area .widget-area .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.news-details-area .widget-area .widget_search form .screen-reader-text {
  display: none;
}

.news-details-area .widget-area .widget_search form .search-field {
  background-color: transparent;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.news-details-area .widget-area .widget_search form .search-field:focus {
  border-color: #1dd3f8;
}

.news-details-area .widget-area .widget_search form button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  border: none;
  color: #ffffff;
  background-color: #1dd3f8;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.news-details-area .widget-area .widget_search form button:hover {
  background-color: #212121;
}

.news-details-area .widget-area .widget-peru-posts-thumb {
  position: relative;
  overflow: hidden;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  position: relative;
  background-color: #212121;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 {
  background-image: url(../img/blog-details/popular-posts-1.png);
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 {
  background-image: url(../img/blog-details/popular-posts-2.png);
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 {
  background-image: url(../img/blog-details/popular-posts-3.png);
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 {
  background-image: url(../img/blog-details/popular-posts-4.png);
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .info {
  overflow: hidden;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .info span {
  display: block;
  color: #666666;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {
  display: inline-block;
  color: #474c40;
}

.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover {
  color: #1dd3f8;
}

.news-details-area .widget-area .widget_recent_entries ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.news-details-area .widget-area .widget_recent_entries ul li {
  position: relative;
  margin-bottom: 12px;
  color: #666666;
  padding-left: 17px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 600;
}

.news-details-area .widget-area .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.news-details-area .widget-area .widget_recent_entries ul li::before {
  background: #1dd3f8;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.news-details-area .widget-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #666666;
  margin-top: 4px;
}

.news-details-area .widget-area .widget_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.news-details-area .widget-area .widget_categories ul li {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #666666;
  padding-left: 17px;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #efefef;
}

.news-details-area .widget-area .widget_categories ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.news-details-area .widget-area .widget_categories ul li::before {
  background: #1dd3f8;
  position: absolute;
  height: 10px;
  width: 10px;
  content: '';
  left: 0;
  top: 8px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.news-details-area .widget-area .widget_categories ul li a {
  display: block;
  color: #666666;
  font-weight: normal;
  font-size: 14px;
}

.news-details-area .widget-area .widget_categories ul li a span {
  float: right;
  font-size: 13px;
}

.news-details-area .widget-area .widget_categories ul li a:hover {
  color: #1dd3f8;
}

.news-details-area .widget-area .widget_categories ul li .post-count {
  float: right;
}

.news-details-area .widget-area .widget_meta ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.news-details-area .widget-area .widget_meta ul li {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #666666;
  padding-left: 17px;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #efefef;
}

.news-details-area .widget-area .widget_meta ul li a {
  color: #4d4d4d;
}

.news-details-area .widget-area .widget_meta ul li a:hover {
  color: #1dd3f8;
}

.news-details-area .widget-area .widget_meta ul li:last-child {
  margin-bottom: 0;
}

.news-details-area .widget-area .widget_meta ul li::before {
  background: #1dd3f8;
  position: absolute;
  height: 10px;
  width: 10px;
  content: '';
  left: 0;
  top: 8px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.news-details-area .widget-area .widget_tag_cloud .widget-title {
  margin-bottom: 0;
}

.news-details-area .widget-area .tagcloud a {
  display: inline-block;
  color: #666666;
  font-weight: normal;
  font-size: 14px !important;
  padding: 7px 10px;
  border: 1px dashed #eeeeee;
  margin-top: 10px;
  margin-right: 10px;
}

.news-details-area .widget-area .tagcloud a:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}

.news-details-area .widget-area .tagcloud a:focus {
  background-color: #1dd3f8;
  color: #ffffff;
  border-color: #1dd3f8;
}

.news-details-area .widget-area .widget_services_list ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color: #ffffff;
}

.news-details-area .widget-area .widget_services_list ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}

.news-details-area .widget-area .widget_services_list ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #252920;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.news-details-area .widget-area .widget_services_list ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.news-details-area .widget-area .widget_services_list ul li a:hover {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}

.news-details-area .widget-area .widget_services_list ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.news-details-area .widget-area .widget_services_list ul li a.active {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}

.news-details-area .widget-area .widget_services_list ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.news-details-area .widget-area .widget_services_list ul li:last-child a {
  border-bottom: none;
}

.news-details-area .widget-area .widget_download ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color: #ffffff;
}

.news-details-area .widget-area .widget_download ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}

.news-details-area .widget-area .widget_download ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #252920;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.news-details-area .widget-area .widget_download ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.news-details-area .widget-area .widget_download ul li a:hover {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}

.news-details-area .widget-area .widget_download ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.news-details-area .widget-area .widget_download ul li a.active {
  background-color: #1dd3f8;
  color: #ffffff;
  padding-left: 20px;
}

.news-details-area .widget-area .widget_download ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.news-details-area .widget-area .widget_download ul li:last-child a {
  border-bottom: none;
}

.news-details-area .widget-area .info time {
  font-size: 13px;
  color: #929292;
  display: block;
  margin-bottom: 4px;
}

/*
Contact Info Area Style 
================================*/
.contact-info-area .single-contact-info {
  text-align: center;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 4px;
}

.contact-info-area .single-contact-info i {
  display: block;
  color: #1dd3f8;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 25px;
  width: 50px;
  height: 50px;
  margin: 0 auto 15px;
  line-height: 50px;
  border: 2px dotted #1dd3f8;
  border-radius: 50%;
}

.contact-info-area .single-contact-info h3 {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.contact-info-area .single-contact-info a {
  color: #4d4d4d;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
}

.contact-info-area .single-contact-info:hover {
  background-color: #1dd3f8;
}

.contact-info-area .single-contact-info:hover i {
  color: #ffffff;
  border-color: #ffffff;
}

.contact-info-area .single-contact-info:hover h3 {
  color: #ffffff;
}

.contact-info-area .single-contact-info:hover a {
  color: #ffffff;
}

.map-area iframe {
  width: 100%;
  height: 500px;
  border: none;
  border: none !important;
  display: block;
}

.map-area.map-area-hight iframe {
  height: 448px;
}

/*
Main Contact Area Style
=====================================================*/
.main-contact-area .contact-wrap {
  max-width: unset;
}

.main-contact-area .contact-wrap .section-title {
  text-align: center !important;
  max-width: 600px;
}

.main-contact-area .contact-wrap .section-title h2 {
  margin-bottom: 10px;
}

.main-contact-area .contact-wrap .form-group {
  margin-bottom: 30px;
}

.main-contact-area .contact-wrap .default-btn {
  margin: auto;
  display: table;
  cursor: pointer;
}

.main-contact-area .contact-wrap .contact-form {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 50px;
  border-radius: 4px;
}

.main-contact-area .contact-wrap .contact-form #msgSubmit {
  position: unset;
  text-align: center;
  margin-top: 20px;
}

.main-contact-area .contact-wrap .contact-form .hidden {
  display: none;
}

.main-contact-area .contact-wrap .form-control {
  border-radius: 4px !important;
}

textarea.textarea-hight {
  height: unset !important;
}

/*
Contact Info Area Three Style
=====================================================*/
.contact-info-three .contact-wrap .contact-form {
  padding: 48px;
}

.features-area-inner-style .single-features {
  margin-bottom: 40px;
}

/*
Service Details Area Style
=====================================================*/
.service-sidebar-area .service-details-title {
  background-color: #eeeeee;
  color: #212121;
  padding: 15px 20px;
  margin-bottom: 20px;
}

.service-sidebar-area .service-card {
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.service-sidebar-area .service-list ul li {
  border-bottom: 1px dashed #eeeeee;
  padding: 15px 20px;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.service-sidebar-area .service-list ul li:last-child {
  border-bottom: none;
}

.service-sidebar-area .service-list ul li a {
  color: #212121;
  display: block;
}

.service-sidebar-area .service-list ul li i {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #1dd3f8;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.service-sidebar-area .service-list ul li:hover {
  background-color: #1dd3f8;
  color: #ffffff;
}

.service-sidebar-area .service-list ul li:hover i {
  background-color: #ffffff;
  color: #1dd3f8;
}

.service-sidebar-area .service-list ul li:hover a {
  color: #ffffff;
}

.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-item {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title {
  font-size: 17px;
  font-weight: 600;
}

.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title span {
  top: 11px;
}

.service-sidebar-area .paint {
  margin-bottom: 15px;
}

.service-details-wrap .mb-30 {
  margin-bottom: 30px;
}

.service-details-wrap .service-img {
  margin-bottom: 30px;
}

.service-details-wrap h3 {
  margin-bottom: 20px;
}

.service-details-wrap ul {
  margin-top: 30px;
  margin-bottom: 30px;
}

.service-details-wrap ul li {
  display: inline-block;
  font-weight: 600;
  color: #212121;
  font-size: 14px;
  padding-left: 35px;
  position: relative;
}

.service-details-wrap ul li i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: #1dd3f8;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 4px;
  position: absolute;
  top: 0px;
  left: 0;
}

.service-details-wrap ul .paint {
  margin-right: 30px;
}

.service-details-wrap .car-service-list-wrap {
  margin-bottom: 35px;
}

.service-details-wrap .car-service-list-wrap .car-service-list ul {
  margin: 0;
}

.service-details-wrap .car-service-list-wrap .car-service-list ul li {
  margin-bottom: 15px;
  font-size: 13px;
}

.service-details-wrap .car-service-list-wrap .car-service-list ul li:last-child {
  margin-bottom: 0;
}

.service-details-wrap .list-unstyled {
  margin: 0;
}

.service-details-wrap .list-unstyled li {
  color: #dc3545;
  padding-left: 0 !important;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}

.service-details-wrap #msgSubmit {
  top: 60px;
  left: 0;
  right: 0;
  text-align: center;
}

.single-privacy {
  max-width: 1020px;
  margin: auto;
}
/*# sourceMappingURL=style.css.map */