/*
@File: Wohust 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
** - Wohust Nav Area Style
** - Main Banner Area Style 
** - Search Domain Area Style 
** - Technology Area Style 
** - Customer Area Style 
** - Solutions Support Area Style
** - Hosting Solution Area Style
** - Pricing Area Style
** - Server Area Style
** - Locations Area Style
** - Frequently Area Style
** - Client Area Style
** - Blog Area Style
** - Footer Top Area Style
** - Footer Bottom Area Style
** - Server Area Style
** - Server Area Style
** --- HOME TWO STYLE --- **
** - Main Banner Two Area Style
** - Search Domain Area Style 
** - Choose Area Style
** - Try Now Free Area Style
** - Complete Area Style 
** - Complete Area Style 
** - Complete 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
** - Search Domain Area Style
** - Hosting Service Area Style
** - Shared Hosting Area Style
** - Client Area Four Style
** - Brand Area Style
** --- HOME FIVE STYLE --- **
** - Main Slider Area Style
** --- INNER PAGE STYLE --- **
** - Page Title Area Style
** - FAQ Area Style
** - Ask Question Area Style 
** - Sign In & Log In  Area Style
** - Coming Soon Area Style
** - 404 Error Area Style 
** - Affiliate Area Style 
** - Domain Banner Area Style 
** - Pricing Area Style
** - Blog Details Area Style
** - Contact Info Area Style 
** - Contact Area Style
** - Team Expert Area Two 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: #22105f;
}

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: #22105f;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
}

h3 {
  font-size: 25px;
}

.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: #22105f;
  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 #00a7f5;
}

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

.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: #22105f;
  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: #00a7f5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background-color: #00a7f5;
}

.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: 98%;
  -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: #00a7f5;
  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: 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
}

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

.page-navigation-area .page-link:hover {
  color: #ffffff;
  background-color: #00a7f5;
  border: 1px solid #00a7f5;
}

.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: #00a7f5;
  border-color: #00a7f5;
}

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

.video-btn i {
  font-size: 30px;
  font-weight: 700;
  padding-left: 4px;
  color: #00a7f5;
  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: #00a7f5;
}

.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: 16px;
  color: #ffffff;
  padding: 20px 35px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
  text-transform: capitalize;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.default-btn.active {
  color: #00a7f5;
}

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

.default-btn.active::after {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#ffffff));
  background-image: linear-gradient(to bottom right, #ffffff, #ffffff);
}

.default-btn::after {
  position: absolute;
  content: "";
  background-image: -webkit-gradient(linear, left top, right bottom, from(#fa4612), to(#ff416c));
  background-image: linear-gradient(to bottom right, #fa4612, #ff416c);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -1;
  border-radius: 50px;
}

.default-btn::before {
  position: absolute;
  content: "";
  background-image: -webkit-gradient(linear, left top, right bottom, from(#ff416c), to(#fa4612));
  background-image: linear-gradient(to bottom right, #ff416c, #fa4612);
  top: 0;
  left: 200px;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -1;
  border-radius: 50px;
}

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

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

.default-btn:hover::before {
  left: 0;
}

/*
Read More Area Style
======================================================*/
.read-more {
  line-height: 1;
  color: #22105f;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  font-size: 14px;
}

.read-more i {
  position: relative;
  top: 4px;
  font-size: 18px;
  left: 8px;
  width: 20px;
  height: 20px;
  line-height: 19px;
  border-radius: 50%;
  border: 1px solid #22105f;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.read-more:hover {
  color: #00a7f5;
}

.read-more:hover i {
  background-color: #00a7f5;
  color: #ffffff;
  border-color: #00a7f5;
}

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

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

/*
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 #00a7f5;
  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 moveLeftBounces {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(45px);
            transform: translateX(45px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes moveLeftBounces {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(45px);
            transform: translateX(45px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-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 movebounce {
  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 movebounce {
  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(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes moVEbounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  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 Movebounce {
  0% {
    -webkit-transform: translateY(0px) rotate(-90deg);
            transform: translateY(0px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(-90deg);
            transform: translateY(20px) rotate(-90deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-90deg);
            transform: translateY(0px) rotate(-90deg);
  }
}

@keyframes Movebounce {
  0% {
    -webkit-transform: translateY(0px) rotate(-90deg);
            transform: translateY(0px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(-90deg);
            transform: translateY(20px) rotate(-90deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-90deg);
            transform: translateY(0px) rotate(-90deg);
  }
}

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

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

.nice-select .option:hover {
  background-color: #00a7f5;
  color: #ffffff;
}

.nice-select .option.selected.focus {
  background-color: #22105f;
  color: #00a7f5;
}

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

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

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-transform: capitalize;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0;
  margin-right: 30px;
}

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

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
  color: #00a7f5;
}

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

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

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {
  color: #00a7f5;
}

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

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {
  background-color: #ffffff;
  border: none;
}

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

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

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #00a7f5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #00a7f5;
}

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {
  width: 100%;
}

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

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #00a7f5;
}

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

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

.wohust-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: #00a7f5;
}

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

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

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

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

.wohust-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a::before {
  display: none;
}

.wohust-nav-style .navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  background-color: #04063c;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
          box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 100% !important;
}

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

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

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

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

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

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

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

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

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

/*
Main Banner Area Style
======================================================*/
.main-banner-area {
  background-color: #04063c;
  height: 900px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.main-banner-area .banner-text {
  max-width: 540px;
  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;
  text-transform: capitalize;
}

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

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

.main-banner-area .shape-line-one img:nth-child(1) {
  top: -50px;
  left: 30px;
  -webkit-animation: moVebounce 5s linear infinite;
          animation: moVebounce 5s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(2) {
  top: -50px;
  left: 100px;
  -webkit-animation: moVebounce 6s linear infinite;
          animation: moVebounce 6s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(3) {
  top: -50px;
  left: 200px;
  -webkit-animation: moVebounce 7s linear infinite;
          animation: moVebounce 7s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(4) {
  top: -50px;
  left: 300px;
  -webkit-animation: moVebounce 8s linear infinite;
          animation: moVebounce 8s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(5) {
  top: -50px;
  left: 400px;
  -webkit-animation: moVebounce 9s linear infinite;
          animation: moVebounce 9s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(6) {
  top: -50px;
  left: 500px;
  -webkit-animation: moVebounce 10s linear infinite;
          animation: moVebounce 10s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(7) {
  top: -50px;
  left: 600px;
  -webkit-animation: moVebounce 11s linear infinite;
          animation: moVebounce 11s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(8) {
  top: -50px;
  left: 700px;
  -webkit-animation: moVebounce 12s linear infinite;
          animation: moVebounce 12s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(9) {
  top: -50px;
  left: 800px;
  -webkit-animation: moVebounce 13s linear infinite;
          animation: moVebounce 13s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(10) {
  top: -50px;
  left: 900px;
  -webkit-animation: moVebounce 14s linear infinite;
          animation: moVebounce 14s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(11) {
  top: -50px;
  left: 1000px;
  -webkit-animation: moVebounce 15s linear infinite;
          animation: moVebounce 15s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(12) {
  top: -50px;
  left: 1100px;
  -webkit-animation: moVebounce 16s linear infinite;
          animation: moVebounce 16s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(13) {
  top: -50px;
  left: 1200px;
  -webkit-animation: moVebounce 17s linear infinite;
          animation: moVebounce 17s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(14) {
  top: -50px;
  left: 1300px;
  -webkit-animation: moVebounce 18s linear infinite;
          animation: moVebounce 18s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(15) {
  top: -50px;
  left: 1400px;
  -webkit-animation: moVebounce 19s linear infinite;
          animation: moVebounce 19s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(16) {
  top: -50px;
  left: 1500px;
  -webkit-animation: moVebounce 20s linear infinite;
          animation: moVebounce 20s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(17) {
  top: -50px;
  left: 1600px;
  -webkit-animation: moVebounce 21s linear infinite;
          animation: moVebounce 21s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(18) {
  top: -50px;
  left: 1700px;
  -webkit-animation: moVebounce 16s linear infinite;
          animation: moVebounce 16s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(19) {
  top: -50px;
  left: 1800px;
  -webkit-animation: moVebounce 15s linear infinite;
          animation: moVebounce 15s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(20) {
  top: -50px;
  left: 1900px;
  -webkit-animation: moVebounce 14s linear infinite;
          animation: moVebounce 14s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(21) {
  top: -50px;
  left: 2000px;
  -webkit-animation: moVebounce 13s linear infinite;
          animation: moVebounce 13s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(22) {
  top: -50px;
  left: 2100px;
  -webkit-animation: moVebounce 12s linear infinite;
          animation: moVebounce 12s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(23) {
  top: -50px;
  left: 2200px;
  -webkit-animation: moVebounce 11s linear infinite;
          animation: moVebounce 11s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(24) {
  top: -50px;
  left: 2300px;
  -webkit-animation: moVebounce 10s linear infinite;
          animation: moVebounce 10s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(25) {
  top: -50px;
  left: 2400px;
  -webkit-animation: moVebounce 9s linear infinite;
          animation: moVebounce 9s linear infinite;
}

.main-banner-area .shape-line-one img:nth-child(26) {
  top: 50px;
  left: 0;
  -webkit-animation: moVebounce 8s linear infinite;
          animation: moVebounce 8s linear infinite;
  -webkit-animation: focus-one 1s linear 1s infinite;
          animation: focus-one 1s linear 1s infinite;
}

.main-banner-area .shape-line-one img:nth-child(27) {
  bottom: 0;
  left: 0;
  -webkit-animation: moVebounce 7s linear infinite;
          animation: moVebounce 7s linear infinite;
  -webkit-animation: focus-one 2s linear 2s infinite;
          animation: focus-one 2s linear 2s infinite;
}

.main-banner-area .shape-line-one img:nth-child(28) {
  top: 50px;
  right: 0;
  -webkit-animation: moVebounce 6s linear infinite;
          animation: moVebounce 6s linear infinite;
  -webkit-animation: focus-one 3s linear 3s infinite;
          animation: focus-one 3s linear 3s infinite;
}

.main-banner-area .shape-line-one img:nth-child(29) {
  bottom: 0;
  right: 0;
  -webkit-animation: moVebounce 5s linear infinite;
          animation: moVebounce 5s linear infinite;
  -webkit-animation: focus-one 4s linear 4s infinite;
          animation: focus-one 4s linear 4s infinite;
}

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

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

.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) {
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}

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

.main-banner-area.main-banner-area-one .banner-img img:nth-child(3) {
  top: -100px;
  left: -20px;
  right: 0;
  margin: auto;
  -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: -85px;
  left: -15px;
  right: 0;
  margin: auto;
}

.main-banner-area.main-banner-area-one .banner-img img:nth-child(5) {
  top: 50px;
  right: 0;
}

.main-banner-area.main-banner-area-one .banner-img img:nth-child(6) {
  top: 210px;
  right: 75px;
}

.main-banner-area.main-banner-area-one .banner-img img:nth-child(7) {
  top: 200px;
  left: 45px;
}

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

/*
Search Domain Area Style
======================================================*/
.search-domain {
  position: relative;
}

.search-domain .domain-wrap {
  position: relative;
}

.search-domain .domain-wrap .input-domain {
  height: 70px;
  padding: 10px 20px;
  width: 100%;
  border-radius: 50px;
  border: none;
}

.search-domain .domain-wrap .input-domain:focus {
  outline: 0;
}

.search-domain .domain-wrap .default-btn {
  position: absolute;
  top: 6px;
  right: 6px;
}

.search-domain .domain-wrap .select-domain-name {
  position: absolute;
  top: 16px;
  right: 140px;
  border: none;
}

/*
Technology Area Style
======================================================*/
.single-technology {
  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);
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.single-technology::before {
  content: "";
  position: absolute;
  top: 0;
  left: 350px;
  width: 100%;
  height: 100%;
  background-image: url(../img/shape/card-bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.10;
  z-index: -1;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.single-technology .technology-icon-bg {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}

.single-technology .technology-icon-bg i {
  position: absolute;
  top: 0;
  left: 0;
  -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;
  width: 100%;
  height: 100%;
  font-size: 40px;
  color: #00a7f5;
}

.single-technology h3 {
  margin-bottom: 16px;
}

.single-technology:hover::before {
  left: 0;
  border-radius: 50%;
  -webkit-animation: rotation 100s infinite linear;
          animation: rotation 100s infinite linear;
}

.single-technology:hover .read-more {
  color: #00a7f5;
}

.single-technology:hover .read-more i {
  color: #ffffff;
  background-color: #00a7f5;
  border-color: #00a7f5;
}

.technology-wrap .single-technology {
  margin-top: 30px;
  margin-left: 15px;
  margin-right: 15px;
  -webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.05);
  padding: 20px;
}

.technology-wrap.owl-theme .owl-nav {
  margin-top: 0 !important;
  margin-top: 0 !important;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.technology-wrap.owl-theme .owl-nav .owl-prev {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px);
}

.technology-wrap.owl-theme .owl-nav .owl-prev i {
  background-color: #00a7f5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-size: 30px;
}

.technology-wrap.owl-theme .owl-nav .owl-next {
  margin: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px);
}

.technology-wrap.owl-theme .owl-nav .owl-next i {
  background-color: #00a7f5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-size: 30px;
}

.technology-wrap.owl-theme .owl-nav [class*=owl-] {
  background-color: transparent;
}

.technology-wrap:hover.owl-theme .owl-nav {
  opacity: 1;
}

/*
Customer Support Area Style
======================================================*/
.customer-title h2 {
  font-size: 40px;
  margin-bottom: 25px;
}

.customer-title p {
  margin-bottom: 25px;
}

.support-list li {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #22105f;
  position: relative;
  padding-left: 25px;
}

.support-list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 11px;
  height: 11px;
  background-color: #22105f;
}

.support-list li::after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 11px;
  height: 11px;
  background-color: #22105f;
  z-index: -1;
  opacity: 0.5;
}

/*
Solutions Support Area Style
======================================================*/
.solutions-wrap .solutions-title h2 {
  font-size: 40px;
  margin-top: -9px;
  margin-bottom: 25px;
}

.solutions-wrap .solutions-list {
  margin-top: 30px;
}

.solutions-wrap .solutions-list li {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #22105f;
  position: relative;
  padding-left: 30px;
}

.solutions-wrap .solutions-list li:last-child {
  margin-bottom: 0;
}

.solutions-wrap .solutions-list li i {
  font-size: 10px;
  background-color: #daf6fd;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  color: #00a7f5;
  position: absolute;
  left: 0;
  top: 5px;
}

.solutions-wrap .default-btn {
  margin-top: 30px;
}

/*
Hosting Solution Area Style
======================================================*/
.hosting-solution-area {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#04063c), to(#1c537b));
  background-image: linear-gradient(to bottom right, #04063c, #1c537b);
  position: relative;
  overflow: hidden;
}

.hosting-solution-area .shape-one {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 400px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.hosting-solution-area .shape-two {
  position: absolute;
  top: 50px;
  right: 0;
  -webkit-animation: movebounce 9s linear infinite;
          animation: movebounce 9s linear infinite;
}

.hosting-solution-wrap {
  text-align: center;
  max-width: 550px;
  margin: auto;
}

.hosting-solution-wrap h2 {
  font-size: 40px;
  margin-bottom: 30px;
  color: #ffffff;
  margin-top: -9px;
}

.hosting-solution-wrap p {
  color: #ffffff;
  margin-bottom: 30px;
}

.hosting-solution-wrap .default-btn {
  margin: 0 10px;
}

/*
Pricing Area Style
======================================================*/
.single-pricing {
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, from(#88a0f8), to(#c099f6));
  background-image: linear-gradient(to right, #88a0f8, #c099f6);
  padding: 30px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
}

.single-pricing::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 2px;
  width: 98%;
  height: 100%;
  background-image: url(../img/shape/price-shape.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  right: 0;
  z-index: -1;
}

.single-pricing::after {
  content: "";
  position: absolute;
  top: 0;
  left: 450px;
  width: 100%;
  height: 100%;
  background-image: url(../img/shape/card-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  right: 0;
  z-index: -1;
  opacity: 0.1;
  -webkit-transition: all 1s;
  transition: all 1s;
}

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

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

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

.single-pricing .pricing-top-heading::before {
  content: "";
  position: absolute;
  top: -45px;
  right: -45px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.1;
}

.single-pricing .pricing-top-heading::after {
  content: "";
  position: absolute;
  top: -45px;
  right: -45px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0.2;
}

.single-pricing span {
  font-size: 30px;
  font-family: "Dosis", sans-serif;
  color: #22105f;
  font-weight: 700;
  display: block;
  line-height: 1;
  margin-bottom: 30px;
}

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

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

.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: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #daf6fd;
  text-align: center;
  line-height: 15px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 0;
  color: #00a7f5;
}

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

.single-pricing:hover::after {
  left: 0;
}

.single-pricing:hover .pricing-top-heading::before {
  -webkit-animation: animationFramesOne 20s infinite linear;
          animation: animationFramesOne 20s infinite linear;
}

.single-pricing:hover .pricing-top-heading::after {
  -webkit-animation: animationFramesOne 10s infinite linear;
          animation: animationFramesOne 10s infinite linear;
}

.pricing-area .col-lg-4:nth-child(2) .single-pricing {
  background-image: -webkit-gradient(linear, left top, right top, from(#b6246e), to(#e2a9c7));
  background-image: linear-gradient(to right, #b6246e, #e2a9c7);
}

.pricing-area .col-lg-4:nth-child(2) .single-pricing .default-btn::after {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#b6246e), to(#e2a9c7));
  background-image: linear-gradient(to bottom right, #b6246e, #e2a9c7);
}

.pricing-area .col-lg-4:nth-child(2) .single-pricing .default-btn::before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#e2a9c7), to(#b6246e));
  background-image: linear-gradient(to bottom right, #e2a9c7, #b6246e);
}

.pricing-area .col-lg-4:nth-child(3) .single-pricing {
  background-image: -webkit-gradient(linear, left top, right top, from(#6eb9fd), to(#c7e4fe));
  background-image: linear-gradient(to right, #6eb9fd, #c7e4fe);
}

.pricing-area .col-lg-4:nth-child(3) .single-pricing .default-btn::after {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#6eb9fd), to(#c7e4fe));
  background-image: linear-gradient(to bottom right, #6eb9fd, #c7e4fe);
}

.pricing-area .col-lg-4:nth-child(3) .single-pricing .default-btn::before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#c7e4fe), to(#6eb9fd));
  background-image: linear-gradient(to bottom right, #c7e4fe, #6eb9fd);
}

.pricing-area .col-lg-4 .popular {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: #00a7f5;
  padding: 10px 10px;
  -webkit-clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
          clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
  -webkit-animation: Movebounce 5s linear infinite;
          animation: Movebounce 5s linear infinite;
}

/*
Server Area Style
======================================================*/
.server-content-wrap h2 {
  font-size: 40px;
  margin-top: -9px;
  margin-bottom: 25px;
}

.server-content-wrap ul li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}

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

.server-content-wrap ul li span {
  font-size: 24px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  color: #22105f;
  margin-bottom: 5px;
  display: block;
}

.server-content-wrap ul li i {
  font-size: 50px;
  position: absolute;
  top: 10px;
  left: 0;
  line-height: 1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0eadd3), to(#9b32fe));
  background-image: linear-gradient(to bottom, #0eadd3, #9b32fe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.server-content-wrap ul li::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -7px;
  width: 40px;
  height: 40px;
  background-color: #00a7f5;
  border-radius: 50%;
  opacity: 0.1;
}

.server-img {
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

/*
Locations Area Style
======================================================*/
.location-area {
  background-color: #04063c;
  text-align: center;
}

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

.location-area .section-title p {
  color: #ffffff;
}

.location-area .by-domain li {
  display: inline-block;
  color: #ffffff;
  padding: 0 10px;
}

.location-area .by-domain li span {
  color: #969696;
  font-weight: 600;
  display: inline-block;
  margin-right: 5px;
}

.map-img {
  position: relative;
  max-width: 600px;
  margin: 0 auto 30px;
}

.map-img .single-location {
  position: absolute;
  top: 75px;
  left: 60px;
  cursor: pointer;
}

.map-img .single-location.video-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.map-img .single-location.video-btn i {
  font-size: 20px;
  top: 4px;
  left: -1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}

.map-img .single-location span {
  font-weight: 600;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  left: -15px;
  top: 20px;
  background-color: #ffffff;
  padding: 10px;
  color: #22105f;
  border-radius: 4px;
}

.map-img .single-location.location-two {
  left: 300px;
  top: 35px;
}

.map-img .single-location.location-three {
  left: 300px;
  top: 200px;
}

.map-img .single-location.location-four {
  left: 450px;
  top: 100px;
}

.map-img .single-location.location-five {
  left: 520px;
  top: 300px;
}

.map-img .single-location.location-six {
  left: 130px;
  top: 250px;
}

.map-img .single-location:hover span {
  opacity: 1;
}

/*
Frequently Area Style
======================================================*/
.frequently-content-wrap ul li {
  position: relative;
  padding-left: 105px;
  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-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.frequently-content-wrap ul li i {
  font-size: 35px;
  color: #ffffff;
  position: absolute;
  top: 28px;
  left: 20px;
  line-height: 70px;
  background-color: #00a7f5;
  border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
  width: 70px;
  height: 70px;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

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

.frequently-content-wrap ul li:hover i {
  border-radius: 50%;
}

.frequently-img {
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

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

/*
Client Area Style
======================================================*/
.client-area {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#497595), to(#363863));
  background-image: linear-gradient(to bottom right, #497595, #363863);
  position: relative;
  overflow: hidden;
}

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

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

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

.client-area .owl-theme .owl-dots {
  line-height: 1;
}

.client-area .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 6px;
  margin: 0 5px;
  background: #D6D6D6;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.client-area .owl-theme .owl-dots .owl-dot.active span {
  width: 20px;
  background-color: #00a7f5;
}

.client-area .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #00a7f5;
}

.client-area .shape-ome {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.single-client {
  background-color: #ffffff;
  text-align: center;
  padding: 0 30px 30px 30px;
  border-radius: 4px;
  -webkit-box-shadow: -9px 9px 0px 0px #eee;
          box-shadow: -9px 9px 0px 0px #eee;
  margin-bottom: 30px;
  margin-top: 30px;
}

.single-client img {
  border-radius: 50%;
  margin-bottom: -30px !important;
  position: relative;
  top: -30px;
  width: unset;
}

.single-client h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}

.single-client span {
  margin-bottom: 10px;
  display: block;
}

.single-client ul {
  line-height: 1;
}

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

.single-client ul li i {
  color: #00a7f5;
}

.single-client-area .single-client {
  margin-bottom: 30px;
}

/*
Blog Area Style
======================================================*/
.single-blog {
  background-color: #d2ecfe;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.single-blog img {
  text-align: center;
}

.single-blog .blog-content-wrap {
  text-align: left;
  -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;
  padding: 30px;
}

.single-blog .blog-content-wrap ul {
  margin-bottom: 10px;
  line-height: 1;
}

.single-blog .blog-content-wrap ul li {
  display: inline-block;
  font-size: 13px;
  padding-right: 10px;
}

.single-blog .blog-content-wrap ul li:last-child {
  padding-right: 0;
}

.single-blog .blog-content-wrap ul li i {
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
}

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

.single-blog .blog-content-wrap ul li a:hover {
  color: #00a7f5;
}

.single-blog .blog-content-wrap h3 {
  margin-bottom: 14px;
}

.single-blog .blog-content-wrap h3 a {
  color: #22105f;
}

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

.single-blog:hover .blog-content-wrap h3 a {
  color: #00a7f5;
}

.single-blog:hover .read-more {
  color: #00a7f5;
}

.single-blog:hover .read-more i {
  background-color: #00a7f5;
  border-color: #00a7f5;
  color: #ffffff;
}

/*
Footer Top Area Style
======================================================*/
.footer-top-area {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#04183c), to(#00031e));
  background-image: linear-gradient(to bottom right, #04183c, #00031e);
}

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

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

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

.single-widget ul li a {
  color: #d9d6d6;
}

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

.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: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #d9d6d6;
  color: #d9d6d6;
  border-radius: 50%;
  text-align: center;
}

.single-widget .social-icon li a:hover {
  background-color: #00a7f5;
  border-color: #00a7f5;
  color: #ffffff;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

/*
Footer Bottom Area Style
======================================================*/
.footer-bottom-area {
  background-color: #00051e;
  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: #d9d6d6;
}

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

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

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

.footer-bottom-area .designed a {
  color: #00a7f5;
}

.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: 2px;
  background-color: #d9d6d6;
}

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

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

/*====================================================
HOME TWO STYLE
======================================================*/
/*
Main Banner Two Area Style
======================================================*/
.main-banner-area-two {
  background-color: transparent;
  background-image: url(../img/banner-two/banner-two-bg.jpg);
  height: 100vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

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

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

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

.main-banner-area-two .banner-img img:nth-child(2) {
  top: 55px;
  left: -45px;
}

.main-banner-area-two .banner-img img:nth-child(3) {
  top: 190px;
  left: 150px;
}

.main-banner-area-two .banner-img img:nth-child(4) {
  top: 250px;
  left: 350px;
}

.main-banner-area-two .banner-img img:nth-child(5) {
  top: 130px;
  right: 10px;
}

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

.main-banner-area-two .banner-img img:nth-child(7) {
  top: 0;
  z-index: -1;
  -webkit-animation: focus-one 4s linear 4s infinite;
          animation: focus-one 4s linear 4s infinite;
}

/*
Search Domain Area Style
======================================================*/
.search-domain-area {
  background-color: #efedf1;
}

.search-domain-area .search-text h2 {
  font-size: 40px;
}

.search-domain-area ul {
  text-align: center;
  margin-top: 30px;
}

.search-domain-area ul li {
  display: inline-block;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px;
}

.search-domain-area ul li span {
  margin: 0 5px;
}

.search-domain-area ul li:nth-child(1) span {
  color: #ff4b2b;
}

.search-domain-area ul li:nth-child(2) span {
  color: #22105f;
}

.search-domain-area ul li:nth-child(3) span {
  color: #1fa2e1;
}

.search-domain-area ul li:nth-child(4) span {
  color: #d84126;
}

.search-domain-area ul li:nth-child(5) span {
  color: #0371ec;
}

.search-domain-area ul li:nth-child(6) span {
  color: #b86d60;
}

/*
Services Area Style
======================================================*/
.services-area .single-technology {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.services-area .single-technology:hover {
  -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;
}

.services-area .single-technology.active {
  -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;
}

.services-area .single-technology.active::before {
  left: 0;
}

/*
Choose Area Style
======================================================*/
.choose-area {
  background-color: #12abd5;
}

.choose-area .choose-content-wrap h2 {
  font-size: 40px;
  margin-bottom: 25px;
  color: #ffffff;
}

.choose-area .choose-content-wrap p {
  color: #ffffff;
}

.choose-area .choose-content-wrap ul li {
  position: relative;
  padding-left: 60px;
  margin-bottom: 20px;
}

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

.choose-area .choose-content-wrap ul li span {
  font-size: 20px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  color: #ffffff;
  margin-bottom: 5px;
  display: block;
}

.choose-area .choose-content-wrap ul li i {
  font-size: 30px;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #ffffff;
  color: #22105f;
  font-weight: 700;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
}

.choose-area .choose-content-wrap ul li::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -7px;
  width: 40px;
  height: 40px;
  background-color: #00a7f5;
  border-radius: 50%;
  opacity: 0.1;
}

/*
Try Now Free Area Style
======================================================*/
.try-now-free {
  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);
}

.try-now-free .default-btn {
  float: right;
}

/*====================================================
HOME THREE STYLE
======================================================*/
/*
Main Banner Area Three Style
======================================================*/
.main-banner-area-three {
  background-color: #04063c;
  position: relative;
}

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

.main-banner-area-three .banner-img {
  text-align: center;
  display: block !important;
}

.main-banner-area-three .banner-img .banner-main-img {
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
  display: inline-table;
}

.main-banner-area-three .banner-img .banner-main-img-shape {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -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 100s infinite linear;
          animation: rotation 100s infinite linear;
  opacity: 0.4;
}

/*
Team Area Three Style
======================================================*/
.single-team {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}

.single-team .team-man {
  position: absolute;
  top: -70px;
  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;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-team h3 {
  margin-top: 20px;
}

.single-team span {
  margin-bottom: 10px;
  display: block;
}

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

.single-team .social-icon li a {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #22105f;
  color: #22105f;
  border-radius: 50%;
  text-align: center;
}

.single-team .social-icon li a:hover {
  background-color: #00a7f5;
  border-color: #00a7f5;
  color: #ffffff;
}

.single-team:hover .team-man {
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

/*
Contact Area Three Style
======================================================*/
.contact-area {
  background-color: #0a0d39;
}

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

.contact-area .section-title p {
  color: #ffffff;
}

.contact-area label {
  color: #ffffff;
}

.contact-area .form-control {
  color: #ffffff;
  background-color: #1e2258;
  border-color: #1e2258;
  border-radius: 4px;
}

.contact-area .form-control::-webkit-input-placeholder {
  color: #cac4c4 !important;
}

.contact-area .form-control:-ms-input-placeholder {
  color: #cac4c4 !important;
}

.contact-area .form-control::-ms-input-placeholder {
  color: #cac4c4 !important;
}

.contact-area .form-control::placeholder {
  color: #cac4c4 !important;
}

.contact-area .form-control:focus {
  background-color: transparent;
}

.contact-area .form-group {
  margin-bottom: 30px;
}

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

#msgSubmit {
  position: absolute;
  bottom: 3px;
  right: 0;
}

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

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

/*====================================================
HOME FOUR STYLE
======================================================*/
/*
Main Banner Four Area Style
======================================================*/
.main-banner-area-four .banner-text {
  margin-top: -120px;
}

.main-banner-area-four .banner-img {
  position: relative;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
  top: -50px;
}

.main-banner-area-four .banner-img .banner-img-part-one {
  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;
}

/*
Search Domain Area Style
======================================================*/
.search-domain-area-four {
  background-color: #efedf1;
  max-width: 1000px;
  margin: auto;
  padding: 50px;
  margin-top: -110px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}

.search-domain-area-four ul li {
  padding: 0 10px;
}

/*
Hosting Service Area Style
======================================================*/
.single-hosting-service {
  position: relative;
  padding-left: 95px;
  border: 1px dashed #22105f;
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 30px;
  margin-bottom: 30px;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-hosting-service::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #00a7f5;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-hosting-service i {
  position: absolute;
  top: 34px;
  left: 30px;
  font-size: 30px;
  color: #ffffff;
  background-color: #22105f;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-hosting-service h3 {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 10px;
}

.single-hosting-service p {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: -3px;
}

.single-hosting-service:hover {
  border-color: #00a7f5;
}

.single-hosting-service:hover::before {
  width: 100%;
}

.single-hosting-service:hover i {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  background-color: #ffffff;
  color: #00a7f5;
}

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

.single-hosting-service:hover p {
  color: #ffffff;
}

/*
Shared Hosting Area Style
======================================================*/
.hosting-list li {
  margin-bottom: 10px;
}

.hosting-list li:last-child {
  margin-bottom: 0;
}

.hosting-list li a {
  font-size: 20px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  color: #22105f;
  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: 20px;
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.hosting-list li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #00a7f5;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.hosting-list li:hover a {
  color: #ffffff;
}

.hosting-list li:hover a::before {
  width: 100%;
}

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

.shared-hosting-list {
  margin-top: 20px;
}

.shared-hosting-list li {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
}

.shared-hosting-list li:last-child {
  margin-bottom: 0;
}

.shared-hosting-list li i {
  color: #00a7f5;
  position: absolute;
  top: 1px;
  left: 0;
}

.special-intro-offer-wrap {
  margin-top: 100px;
}

.special-intro-offer-wrap .special-intro-offer {
  text-align: center;
  background-color: #ffffff;
  padding: 30px;
  margin: auto;
  border-radius: 4px;
}

.special-intro-offer-wrap .special-intro-offer h3 {
  margin-bottom: 20px;
}

.special-intro-offer-wrap .special-intro-offer span {
  display: block;
  font-size: 50px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  color: #00a7f5;
  line-height: 1;
  margin-bottom: 20px;
}

.special-intro-offer-wrap .special-intro-offer span sub {
  font-size: 14px;
  color: #4d4d4d;
}

.special-intro-offer-wrap .special-intro-offer p {
  margin-bottom: 20px;
}

.special-intro-offer-wrap .special-intro-offer-list ul {
  float: unset !important;
}

.special-intro-offer-wrap .special-intro-offer-list ul li {
  display: block !important;
  list-style: none;
  color: #ffffff !important;
  position: relative;
  font-weight: 600 !important;
  padding-left: 25px !important;
  margin-bottom: 10px;
}

.special-intro-offer-wrap .special-intro-offer-list ul li:last-child {
  margin-bottom: 0;
}

.special-intro-offer-wrap .special-intro-offer-list ul li:before {
  display: none;
}

.special-intro-offer-wrap .special-intro-offer-list ul li i {
  position: absolute;
  top: 5px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background-color: #ffffff;
  color: #00a7f5;
  font-size: 10px;
  text-align: center;
}

.reseller-hosting-title {
  padding-bottom: 70px !important;
}

.reseller-item {
  border: 1px dashed #ffffff;
  padding: 30px;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.reseller-item i {
  color: #00a7f5;
  font-size: 25px;
  line-height: 1;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.reseller-item h3 {
  color: #ffffff;
  margin-bottom: 14px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.reseller-item p {
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.reseller-item:hover {
  background-color: #00a7f5;
}

/*
Client Area Four Style
======================================================*/
.client-area-four {
  position: relative;
}

.client-area-four::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: #ffffff;
}

.client-area-four .single-client {
  -webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.05);
  margin-right: 10px;
  margin-left: 10px;
}

/*
Brand Area Style
======================================================*/
.brand-area {
  margin-top: -30px;
}

.single-brand {
  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: 20px 30px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.05);
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-brand img {
  height: 125px;
  margin: auto;
}

.single-brand:hover {
  background-color: #22105f;
}

/*====================================================
HOME FIVE STYLE
======================================================*/
/*
Main Slider Area Style
======================================================*/
.main-slider-area {
  height: 100vh;
}

.main-slider-area .banner-text {
  margin-top: 70px !important;
}

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

.main-slider-area .main-slider-item {
  height: 100vh;
}

.main-slider-area .owl-carousel .owl-stage-outer {
  overflow: none;
}

.main-slider-area .owl-item.active .banner-img {
  top: 80px;
}

.main-slider-area .owl-item.active .banner-img .animation-1 {
  -webkit-animation: 1s .1s fadeInDown both;
          animation: 1s .1s fadeInDown both;
}

.main-slider-area .owl-item.active .banner-img .animation-2 {
  -webkit-animation: 2s .2s fadeInDown both;
          animation: 2s .2s fadeInDown both;
}

.main-slider-area .owl-item.active .banner-img .animation-3 {
  -webkit-animation: 3s .3s fadeInDown both;
          animation: 3s .3s fadeInDown both;
}

.main-slider-area .owl-item.active .banner-img .animation-4 {
  -webkit-animation: 4s .4s fadeInDown both;
          animation: 4s .4s fadeInDown both;
}

.main-slider-area .owl-item.active .banner-img .animation-5 {
  -webkit-animation: 5s .5s fadeInDown both;
          animation: 5s .5s fadeInDown both;
}

.main-slider-area .owl-item.active .banner-img .animation-6 {
  -webkit-animation: 5s .5s fadeInDown both;
          animation: 5s .5s fadeInDown both;
}

.main-slider-area .owl-item.active .banner-img .animation-7 {
  -webkit-animation: 5s .5s fadeInDown both;
          animation: 5s .5s fadeInDown both;
}

.main-slider-area .owl-item.active .banner-img .animation-8 {
  -webkit-animation: 5s .5s fadeInDown both;
          animation: 5s .5s fadeInDown both;
}

.main-slider-area .banner-img img:nth-child(3) {
  top: -60px !important;
}

.main-slider-area .owl-prev {
  position: absolute;
  top: 50%;
  left: -60px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.main-slider-area .owl-prev i {
  font-size: 30px;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  color: #00a7f5;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.main-slider-area .owl-prev:hover i {
  background-color: #00a7f5;
  color: #ffffff;
}

.main-slider-area .owl-next {
  position: absolute;
  top: 50%;
  right: -60px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.main-slider-area .owl-next i {
  font-size: 30px;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  color: #00a7f5;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.main-slider-area .owl-next:hover i {
  background-color: #00a7f5;
  color: #ffffff;
}

.main-slider-area:hover .owl-prev {
  left: 0;
}

.main-slider-area:hover .owl-next {
  right: 0;
}

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

.page-title-area::before {
  content: '';
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/page-bg.png);
  -webkit-animation: moVEbounce 10s linear infinite;
          animation: moVEbounce 10s linear infinite;
}

.page-title-area .page-title-content h2 {
  margin-bottom: 0;
  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;
  float: right;
}

.page-title-area .page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding-left: 20px;
  color: #00a7f5;
}

.page-title-area .page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 12px;
  right: -15px;
  background-color: #00a7f5;
  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: #00a7f5;
}

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

.faq-area .faq-accordion .accordion .accordion-item {
  display: block;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
  background: #ffffff;
}

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

.faq-area .faq-accordion .accordion .accordion-title {
  padding: 12px 20px 12px 60px;
  color: #22105f;
  position: relative;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: -1px;
  display: block;
  font-size: 18px;
}

.faq-area .faq-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  background: #faf5f5;
  color: #00a7f5;
  font-size: 14px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faq-area .faq-accordion .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.faq-area .faq-accordion .accordion .accordion-title span {
  position: absolute;
  top: 14px;
  left: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #00a7f5;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
}

.faq-area .faq-accordion .accordion .accordion-title.active {
  border-bottom-color: #00a7f5;
}

.faq-area .faq-accordion .accordion .accordion-title.active i {
  background-color: #00a7f5;
  color: #fff;
}

.faq-area .faq-accordion .accordion .accordion-title.active i::before {
  content: "\f063";
}

.faq-area .faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 30px;
}

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

/*
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 h3 {
  margin-bottom: 20px;
}

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

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

/*
Sign In & Log In  Area Style
=====================================================*/
.user-area-all-style {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-image: url(../img/sign-up-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.user-area-all-style::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00a7f5;
  opacity: 0.9;
}

.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: 38px;
  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: #00a7f5;
}

.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;
  background-color: transparent;
  margin-bottom: 30px;
}

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

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn::after {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#fa4612), to(#fa4612));
  background-image: linear-gradient(to bottom right, #fa4612, #fa4612);
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn:hover::before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#fa4612), to(#fa4612));
  background-image: linear-gradient(to bottom right, #fa4612, #fa4612);
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn::after {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#3b5998), to(#3b5998));
  background-image: linear-gradient(to bottom right, #3b5998, #3b5998);
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn:hover::before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#3b5998), to(#3b5998));
  background-image: linear-gradient(to bottom right, #3b5998, #3b5998);
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn::after {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#1da1f2), to(#1da1f2));
  background-image: linear-gradient(to bottom right, #1da1f2, #1da1f2);
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn:hover::before {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#1da1f2), to(#1da1f2));
  background-image: linear-gradient(to bottom right, #1da1f2, #1da1f2);
}

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

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

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

.user-area-all-style .contact-form-action .account-desc a {
  color: #00a7f5;
  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: #00a7f5;
  font-weight: 600;
}

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

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

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

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

/* 
Coming Soon Area Style
=====================================================*/
.coming-soon-area {
  position: relative;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
  background-image: url(../img/coming-soon-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.coming-soon-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00a7f5;
  opacity: 0.9;
  z-index: 1;
}

.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: 50px;
}

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

.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;
  background-color: transparent;
  -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: #ffffff;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: 0 auto;
}

/*
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-contact-wrap {
  z-index: 1;
  position: relative;
}

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

.error-area .error-contact-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-contact-wrap h3 {
  margin: 30px 0 0;
  position: relative;
  color: #ff0000;
}

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

/*
Affiliate Area Style
=====================================================*/
.affiliate-content-wrap {
  max-width: 600px;
  margin: 50px auto 0;
  text-align: center;
}

.affiliate-content-wrap h3 {
  color: #ffffff;
  font-size: 30px;
  margin-bottom: 20px;
}

.affiliate-content-wrap p {
  color: #ffffff;
  margin-bottom: 20px;
}

.single-affiliate-info {
  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;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.single-affiliate-info i {
  color: #ffffff;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #00a7f5;
  font-size: 30px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-affiliate-info h3 {
  margin-bottom: 20px;
}

.single-affiliate-info p {
  margin-bottom: 20px;
}

.single-affiliate-info p a {
  color: #00a7f5;
}

.single-affiliate-info p a:hover {
  color: #22105f;
}

.single-affiliate-info .default-btn {
  padding: 10px 35px;
  display: block;
}

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

.single-work {
  position: relative;
  margin-bottom: 30px;
  padding-left: 115px;
}

.single-work span {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  background-color: #00a7f5;
  color: #ffffff;
  position: absolute;
  text-align: center;
  font-weight: 700;
  top: 0;
  left: 0;
  border-radius: 50%;
  font-size: 50px;
}

/*
Domain Banner Area Style
=====================================================*/
.domain-banner-area {
  background-color: #04063c;
  height: 700px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.domain-banner-area::before {
  content: "";
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/page-bg.png);
  -webkit-animation: moVEbounce 5s linear infinite;
          animation: moVEbounce 5s linear infinite;
  z-index: -1;
}

.domain-banner-area .banner-text {
  max-width: 600px;
  margin: auto;
}

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

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

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

.single-domine {
  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;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 4px;
  margin-bottom: 30px;
}

.single-domine .domain-name-wrap {
  position: relative;
  margin-bottom: 20px;
}

.single-domine .domain-name-wrap .domain-name {
  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;
}

.single-domine .domain-name-wrap .domain-name h3 {
  font-size: 25px;
}

.single-domine p {
  margin-bottom: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-domine span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #22105f;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-domine span sub {
  font-size: 12px;
  font: 500px;
  color: #4d4d4d;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-domine .default-btn {
  padding: 12px 35px;
}

.single-domine:hover {
  background-color: #00a7f5;
}

.single-domine:hover p {
  color: #ffffff;
}

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

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

.domain-pricing-list {
  margin-bottom: 30px;
}

.domain-pricing-list h2 {
  margin-bottom: 40px;
  text-align: center;
}

.domain-pricing-list .domain-price .domain-mane-title {
  background-color: #00a7f5;
}

.domain-pricing-list .domain-price .domain-mane-title:hover {
  background-color: #00a7f5;
}

.domain-pricing-list .domain-price tr {
  border: 1px solid #eeeeee;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.domain-pricing-list .domain-price tr:hover {
  background-color: #eeeeee;
}

.domain-pricing-list .domain-price th {
  padding: 20px 30px;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
  font-family: "Dosis", sans-serif;
  text-align: center;
}

.domain-pricing-list .domain-price td {
  font-size: 18px;
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  color: #22105f;
  padding: 5px 58px;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}

.domain-pricing-list .domain-price td .sale {
  position: absolute;
  top: 18px;
  background-color: #fcbe17;
  line-height: 1;
  color: #fff;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 50px;
  right: 15px;
}

.domain-pricing-list .domain-price td .save {
  position: absolute;
  top: 16px;
  background-color: #2ebf6d;
  line-height: 1;
  color: #ffffff;
  font-size: 14px;
  padding: 3px 8px;
  border-radius: 50px;
  right: -15px;
}

.domain-pricing-list .domain-price .table-domain-price {
  color: #4d4d4d;
}

.domain-pricing-list .domain-price .default-btn {
  padding: 8px 30px;
  position: relative;
  top: 5px;
  font-size: 15px;
  border: 1px solid #00a7f5;
  color: #00a7f5;
}

.domain-pricing-list .domain-price .default-btn:hover {
  border-color: transparent;
}

.domain-pricing-list .domain-price .default-btn::after {
  display: none;
}

.btn-center {
  display: table;
  margin: auto;
}

/*
Pricing Area Style
=====================================================*/
.shared-hosting-area .col-lg-3:nth-child(1) ul {
  border-left: 1px solid #eeeeee;
}

.shared-hosting-area .col-lg-3:nth-child(2) ul {
  border-left: 1px solid #eeeeee;
}

.shared-hosting-area .col-lg-3:nth-child(2) ul li:nth-child(10) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:nth-child(2) ul li:nth-child(11) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:nth-child(2) ul li:nth-child(12) {
  color: #fa4612;
}

.shared-hosting-area .col-lg-3:nth-child(3) ul {
  border-left: 1px solid #eeeeee;
}

.shared-hosting-area .col-lg-3:nth-child(3) ul li:nth-child(10) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:nth-child(3) ul li:nth-child(11) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:nth-child(3) ul li:nth-child(12) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:nth-child(4) ul {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}

.shared-hosting-area .col-lg-3:nth-child(4) ul li:nth-child(10) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:nth-child(4) ul li:nth-child(11) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:nth-child(4) ul li:nth-child(12) {
  color: #00a7f5;
}

.shared-hosting-area .col-lg-3:hover:nth-child(2) ul li:nth-child(10) {
  color: #ffffff;
}

.shared-hosting-area .col-lg-3:hover:nth-child(2) ul li:nth-child(11) {
  color: #ffffff;
}

.shared-hosting-area .col-lg-3:hover:nth-child(3) ul li:nth-child(10) {
  color: #ffffff;
}

.shared-hosting-area .col-lg-3:hover:nth-child(3) ul li:nth-child(11) {
  color: #ffffff;
}

.shared-hosting-area .col-lg-3:hover:nth-child(3) ul li:nth-child(12) {
  color: #ffffff;
}

.shared-hosting-area .col-lg-3:hover:nth-child(4) ul li:nth-child(10) {
  color: #ffffff;
}

.shared-hosting-area .col-lg-3:hover:nth-child(4) ul li:nth-child(11) {
  color: #ffffff;
}

.shared-hosting-area .col-lg-3:hover:nth-child(4) ul li:nth-child(12) {
  color: #ffffff;
}

.single-shared-hosting {
  margin-bottom: 30px;
}

.single-shared-hosting ul li {
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-shared-hosting ul li .default-btn {
  padding: 12px 35px;
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-shared-hosting ul .price-top-title {
  font-size: 25px;
  font-family: "Dosis", sans-serif;
  color: #22105f;
  font-weight: 700;
  padding: 30px 30px;
  background-color: #00a7f5;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-shared-hosting ul .price-title {
  font-size: 18px;
  font-family: "Dosis", sans-serif;
  color: #22105f;
  font-weight: 700;
  padding: 15px 30px;
  background-color: #f3f3f3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-shared-hosting ul .price-title sub {
  font-size: 14px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-shared-hosting:hover ul li {
  background-color: #00a7f5;
  color: #ffffff;
}

.single-shared-hosting:hover ul .price-top-title {
  color: #ffffff;
}

.single-shared-hosting:hover ul .price-title {
  color: #ffffff;
}

.single-shared-hosting:hover ul .price-title sub {
  color: #ffffff;
}

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

.tab.quote-list-tab .tabs {
  border-radius: 50px;
  display: inline-block;
  background-color: #04063c;
  margin-bottom: 30px;
}

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

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

.tab.quote-list-tab .tabs .current {
  background-color: #00a7f5;
  border-radius: 50px;
}

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

.tab .tabs_item {
  display: none;
}

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

/*
Blog Details Area Style
=====================================================*/
.blog-details-area {
  /*
	Sidebar Widget Area Style
	================================*/
}

.blog-details-area .blog-details-desc .article-image {
  position: relative;
  background-color: #22105f;
}

.blog-details-area .blog-details-desc .article-content {
  margin-top: 30px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta {
  margin-bottom: -10px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  color: #00a7f5;
  margin-right: 21px;
  font-size: 14px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li span {
  display: inline-block;
  color: #00a7f5;
  font-weight: 500;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a {
  display: inline-block;
  color: #666666;
  font-size: 13px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a:hover {
  color: #00a7f5;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li i {
  color: #00a7f5;
  margin-right: 2px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li::before {
  content: '';
  position: absolute;
  top: 11px;
  right: -15px;
  width: 6px;
  height: 1px;
  background: #00a7f5;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child {
  margin-right: 0;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before {
  display: none;
}

.blog-details-area .blog-details-desc .article-content h3 {
  margin-bottom: 13px;
  margin-top: 25px;
}

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

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

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

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

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

.blog-details-area .blog-details-desc .article-footer .article-tags span {
  display: inline-block;
  color: #00a7f5;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.blog-details-area .blog-details-desc .article-footer .article-tags a {
  display: inline-block;
  color: #666666;
  font-weight: 600;
}

.blog-details-area .blog-details-desc .article-footer .article-tags a:hover {
  color: #00a7f5;
}

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

.blog-details-area .blog-details-desc .article-footer .article-share .social {
  padding-left: 0;
  list-style-type: none;
  text-align: right;
  margin-bottom: 0;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li {
  display: inline-block;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li span {
  display: inline-block;
  margin-right: 2px;
  font-weight: 500;
  color: #666666;
}

.blog-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: #00a7f5;
  text-align: center;
  font-size: 14px;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li a:hover {
  background-color: #22105f;
}

.blog-details-area .blog-details-desc .post-navigation {
  margin-top: 30px;
}

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

.blog-details-area blockquote p {
  color: #22105f;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
  font-size: 17px !important;
}

.blog-details-area blockquote cite {
  display: none;
}

.blog-details-area blockquote::before {
  color: #00a7f5;
  content: "\ed67";
  position: absolute;
  left: 50px;
  top: -50px;
  z-index: -1;
  font-family: 'boxicons';
  font-size: 140px;
  font-weight: 900;
  opacity: 0.5;
}

.blog-details-area blockquote::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #00a7f5;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details-area .post-navigation {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.blog-details-area .post-navigation .navigation-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog-details-area .post-navigation .navigation-links .nav-previous {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.blog-details-area .post-navigation .navigation-links .nav-previous a i {
  margin-right: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}

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

.blog-details-area .post-navigation .navigation-links .nav-next a i {
  margin-left: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.blog-details-area .post-navigation .navigation-links div a {
  display: inline-block;
  font-weight: 600;
  color: #22105f;
}

.blog-details-area .post-navigation .navigation-links div a:hover {
  color: #00a7f5;
}

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

.blog-details-area .comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  line-height: initial;
  font-size: 22px;
}

.blog-details-area .comments-area .comments-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #00a7f5;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .comments-area ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .comments-area .children {
  margin-left: 40px;
}

.blog-details-area .comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 65px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.blog-details-area .comments-area .comment-body .reply {
  margin-top: 15px;
}

.blog-details-area .comments-area .comment-body .reply a {
  border: 1px solid #ded9d9;
  color: #22105f;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 600;
}

.blog-details-area .comments-area .comment-body .reply a:hover {
  color: #ffffff;
  background-color: #00a7f5;
  border-color: #00a7f5;
}

.blog-details-area .comments-area .comment-meta {
  margin-bottom: .8em;
}

.blog-details-area .comments-area .comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}

.blog-details-area .comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
  border-radius: 50%;
}

.blog-details-area .comments-area .comment-author .fn {
  font-weight: 600;
  color: #22105f;
  font-size: 14px;
}

.blog-details-area .comments-area .comment-author .says {
  display: none;
}

.blog-details-area .comments-area .comment-metadata {
  color: #666666;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.blog-details-area .comments-area .comment-metadata a {
  color: #666666;
  font-size: 11px;
}

.blog-details-area .comments-area .comment-metadata a:hover {
  color: #00a7f5;
}

.blog-details-area .comments-area .comment-content p {
  font-size: 14px;
}

.blog-details-area .comments-area .comment-respond {
  margin-top: 30px;
}

.blog-details-area .comments-area .comment-respond .comment-reply-title {
  margin-bottom: 15px;
  position: relative;
  font-size: 22px;
}

.blog-details-area .comments-area .comment-respond .comment-reply-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #00a7f5;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  display: inline-block;
}

.blog-details-area .comments-area .comment-respond .comment-form {
  overflow: hidden;
}

.blog-details-area .comments-area .comment-respond .comment-form-comment {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.blog-details-area .comments-area .comment-respond label {
  display: block;
  font-weight: 500;
  color: #22105f;
  margin-bottom: 5px;
}

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

.blog-details-area .comments-area .comment-respond input[type="datetime-local"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="week"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="month"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="text"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="email"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="url"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="password"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="search"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="tel"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond input[type="number"]:focus {
  border-color: #00a7f5;
}

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

.blog-details-area .comments-area .comment-respond textarea:focus {
  border-color: #00a7f5;
}

.blog-details-area .comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 6px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  color: #666666;
  font-weight: normal;
}

.blog-details-area .comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.blog-details-area .comments-area .comment-respond .form-submit input {
  background: #00a7f5;
  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;
}

.blog-details-area .comments-area .comment-respond .form-submit input:hover {
  color: #ffffff;
  background-color: #22105f;
}

.blog-details-area .comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-color: #00a7f5;
}

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

.blog-details-area .widget-area .widget .post-wrap {
  padding: 20px;
}

.blog-details-area .widget-area .widget:first-child {
  margin-top: 0;
}

.blog-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: #22105f;
  position: relative;
}

.blog-details-area .widget-area .widget .widget-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #00a7f5;
}

.blog-details-area .widget-area .widget_search form {
  position: relative;
}

.blog-details-area .widget-area .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.blog-details-area .widget-area .widget_search form .screen-reader-text {
  display: none;
}

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

.blog-details-area .widget-area .widget_search form .search-field:focus {
  border-color: #00a7f5;
}

.blog-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: #00a7f5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.blog-details-area .widget-area .widget_search form button:hover {
  background-color: #22105f;
}

.blog-details-area .widget-area .widget-peru-posts-thumb {
  position: relative;
  overflow: hidden;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.blog-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: #22105f;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 {
  background-image: url(../img/news-details/news-img-four.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 {
  background-image: url(../img/news-details/news-img-five.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 {
  background-image: url(../img/news-details/news-img-six.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 {
  background-image: url(../img/news-details/news-img-seven.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info {
  overflow: hidden;
}

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

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {
  display: inline-block;
  color: #474c40;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover {
  color: #00a7f5;
}

.blog-details-area .widget-area .widget_recent_entries ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

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

.blog-details-area .widget-area .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.blog-details-area .widget-area .widget_recent_entries ul li::before {
  background: #00a7f5;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.blog-details-area .widget-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #666666;
  margin-top: 4px;
}

.blog-details-area .widget-area .widget_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

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

.blog-details-area .widget-area .widget_categories ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.blog-details-area .widget-area .widget_categories ul li::before {
  background: #00a7f5;
  position: absolute;
  height: 10px;
  width: 10px;
  content: '';
  left: 0;
  top: 8px;
  border-radius: 50%;
}

.blog-details-area .widget-area .widget_categories ul li a {
  display: block;
  color: #666666;
  font-weight: normal;
  font-size: 14px;
}

.blog-details-area .widget-area .widget_categories ul li a span {
  float: right;
  font-size: 13px;
}

.blog-details-area .widget-area .widget_categories ul li a:hover {
  color: #00a7f5;
}

.blog-details-area .widget-area .widget_categories ul li .post-count {
  float: right;
}

.blog-details-area .widget-area .widget_meta ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .widget-area .widget_meta ul li {
  position: relative;
  margin-bottom: 12px;
  color: #666666;
  padding-left: 17px;
  font-size: 15px;
  font-weight: 500;
}

.blog-details-area .widget-area .widget_meta ul li:last-child {
  margin-bottom: 0;
}

.blog-details-area .widget-area .widget_meta ul li::before {
  background: #00a7f5;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.blog-details-area .widget-area .widget_tag_cloud .widget-title {
  margin-bottom: 0;
}

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

.blog-details-area .widget-area .tagcloud a:hover {
  background-color: #00a7f5;
  color: #ffffff;
}

.blog-details-area .widget-area .tagcloud a:focus {
  background-color: #00a7f5;
  color: #ffffff;
  border-color: #00a7f5;
}

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

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

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

.blog-details-area .widget-area .widget_services_list ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .widget-area .widget_services_list ul li a:hover {
  background-color: #00a7f5;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_services_list ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_services_list ul li a.active {
  background-color: #00a7f5;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_services_list ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_services_list ul li:last-child a {
  border-bottom: none;
}

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

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

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

.blog-details-area .widget-area .widget_download ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .widget-area .widget_download ul li a:hover {
  background-color: #00a7f5;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_download ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_download ul li a.active {
  background-color: #00a7f5;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_download ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_download ul li:last-child a {
  border-bottom: none;
}

.blog-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: #00a7f5;
  -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 #00a7f5;
  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: #00a7f5;
}

.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 {
  height: 455px;
}

/*
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;
  background-color: transparent;
}

.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 .form-control {
  border-radius: 4px !important;
}

/*
Team Expert Area Two Style
======================================================*/
.expert-team-area .single-team {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.expert-team-area .single-team:before {
  content: "";
  position: absolute;
  left: 170%;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
  -webkit-transition: .8s;
  transition: .8s;
}

.expert-team-area .single-team img {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 1s;
  transition: 1s;
}

.expert-team-area .single-team .team-content {
  position: absolute;
  background: #22105f;
  width: 100%;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: perspective(300px) rotateX(90deg);
          transform: perspective(300px) rotateX(90deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  text-align: center;
  padding: 10px;
}

.expert-team-area .single-team .team-content h3 {
  margin: 0;
  color: #ffffff;
}

.expert-team-area .single-team .team-content span {
  color: #ffffff;
  font-size: 13px;
}

.expert-team-area .single-team ul {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.expert-team-area .single-team ul li {
  background: #22105f;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-bottom: 1px solid #19345a;
  -webkit-transform: perspective(1000px) rotateY(90deg);
          transform: perspective(1000px) rotateY(90deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform-origin: left;
          transform-origin: left;
}

.expert-team-area .single-team ul li:hover {
  background-color: #00a7f5;
}

.expert-team-area .single-team ul li a {
  color: #ffffff;
}

.expert-team-area .single-team ul li:nth-child(1) {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.expert-team-area .single-team ul li:nth-child(2) {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

.expert-team-area .single-team ul li:nth-child(3) {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.expert-team-area .single-team ul li:nth-child(4) {
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

.expert-team-area .single-team:hover:before {
  left: -170%;
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

.expert-team-area .single-team:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.expert-team-area .single-team:hover .team-content {
  -webkit-transform: perspective(300px) rotateX(0deg);
          transform: perspective(300px) rotateX(0deg);
}

.expert-team-area .single-team:hover ul li {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
/*# sourceMappingURL=style.css.map */