/*
@File: Sekia Theme Styles

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

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

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

==== INDEX PAGE CSS

** - Default CSS
** - Preloader CSS
** - Navbar CSS
** - Main Banner CSS
** - About CSS
** - Features CSS
** - Product New Features CSS
** - Services CSS
** - Book Discover CSS
** - Overview CSS
** - CTA CSS
** - SAAS Tools CSS
** - Fun Facts CSS
** - Work Process CSS
** - Pricing CSS
** - Project CSS
** - Project Details CSS
** - Gallery CSS
** - Get Started CSS
** - How App Works CSS
** - Screenshot CSS
** - Team CSS
** - Next Generation CSS
** - Feedback CSS
** - App Download CSS
** - Platform Connect CSS
** - Blog CSS
** - Blog Details CSS
** - Boxes CSS
** - Join CSS
** - Analysis CSS
** - Partner CSS
** - Subscribe CSS
** - Product CSS
** - Product Details CSS
** - Page Title CSS
** - Pagination CSS
** - Sidebar CSS
** - Login CSS
** - Signup CSS
** - FAQ CSS
** - Error 404 CSS
** - Coming Soon CSS
** - Cart CSS
** - Checkout CSS
** - Contact Us CSS
** - Footer CSS
** - Back To Top CSS

*/
/*================================================
Default CSS
=================================================*/
body {
  font-family: "Nunito", sans-serif;
  padding: 0;
  margin: 0;
  color: #62618d;
}

a {
  color: #000000;
  text-decoration: none;
  -webkit-transition: .4s;
  transition: .4s;
  display: inline-block;
  outline: 0;
}

a:hover, a:focus {
  text-decoration: none;
}

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

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #0d1028;
}

p {
  font-size: 16px;
  color: #62618d;
  line-height: 1.8;
}

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

button {
  outline: 0 !important;
}

/* btn btn-primary */
.btn-primary {
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #ffffff;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.btn-primary.focus, .btn-primary:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  opacity: 1;
}

.btn {
  font-weight: bold;
  font-size: 14px;
  border: none;
  padding: 13px 30px;
  border-radius: 5px;
  text-transform: uppercase;
  position: relative;
  -webkit-box-shadow: 0 13px 27px 0 rgba(56, 48, 163, 0.25);
          box-shadow: 0 13px 27px 0 rgba(56, 48, 163, 0.25);
  z-index: 1;
  -webkit-transition: .9s;
  transition: .9s;
}

.btn::after, .btn::before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  -webkit-transition: .4s;
  transition: .4s;
  z-index: -1;
  border-radius: 5px;
}

.btn::after {
  left: 0;
}

.btn::before {
  right: 0;
}

.btn:hover::after, .btn:hover::before {
  width: 50%;
}

/* section title */
.section-title {
  text-align: center;
  max-width: 720px;
  margin-bottom: 60px;
  margin-top: -6px;
  margin-left: auto;
  margin-right: auto;
}

.section-title h2 {
  font-size: 35px;
  font-weight: 800;
  text-transform: capitalize;
  margin-bottom: 0;
}

.section-title p {
  max-width: 650px;
  margin: 0 auto;
}

.section-title .bar {
  height: 4px;
  width: 85px;
  margin: 20px auto 25px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.section-title .bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #ffffff;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
          animation-name: MOVE-BG;
}

@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(85px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(85px);
            transform: translateX(85px);
  }
}

/* form-control */
.form-group {
  margin-bottom: 15px;
}

.form-control {
  height: 50px;
  padding: 6px 15px;
  font-size: 15px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  -webkit-transition: .4s;
  transition: .4s;
  color: #62618d;
  background: #ffffff;
}

.form-control::-webkit-input-placeholder {
  color: #62618d;
}

.form-control:-ms-input-placeholder {
  color: #62618d;
}

.form-control::-ms-input-placeholder {
  color: #62618d;
}

.form-control::placeholder {
  color: #62618d;
}

.form-control:focus {
  color: #62618d;
  background-color: #ffffff;
  outline: 0;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

/*================================================
Preloader CSS
=================================================*/
.preloader-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: #ffffff;
}

.preloader-area .lds-hourglass {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  margin-top: -95px;
}

.preloader-area .lds-hourglass::after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 36px solid;
  -webkit-animation: lds-hourglass 2.9s infinite;
          animation: lds-hourglass 2.9s infinite;
}

@-webkit-keyframes lds-hourglass {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}

@keyframes lds-hourglass {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    -webkit-transform: rotate(900deg);
            transform: rotate(900deg);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg);
  }
}

/*================================================
Navbar CSS
=================================================*/
.sekia-mobile-nav {
  display: none;
}

.sekia-nav {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  z-index: 666;
  height: auto;
}

.sekia-nav nav {
  padding: 0;
}

.sekia-nav nav .logo img, .sekia-nav nav .navbar-brand img {
  max-width: 100px;
  height: auto;
}

.sekia-nav nav .logo .site-title h2, .sekia-nav nav .navbar-brand .site-title h2 {
  color: #fff;
  font-weight: 800;
  margin: 0;
  font-size: 30px;
}

.sekia-nav nav ul {
  list-style-type: none;
}

.sekia-nav nav .navbar-nav li {
  position: relative;
  padding: 15px 0 !important;
}

.sekia-nav nav .navbar-nav li a {
  font-weight: 600;
  font-size: 17px;
  color: #ffffff !important;
  padding: 0 0 !important;
  margin: 0 15px;
  position: relative;
  text-transform: capitalize;
}

.sekia-nav nav .navbar-nav li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #ffffff;
  opacity: 0;
  border-radius: 50%;
  visibility: hidden;
  -webkit-transition: .4s;
  transition: .4s;
}

.sekia-nav nav .navbar-nav li a:hover::before {
  opacity: 1;
  visibility: visible;
  left: -12px;
}

.sekia-nav nav .navbar-nav li a.active::before {
  opacity: 1;
  visibility: visible;
  left: -12px;
}

.sekia-nav nav .navbar-nav li:hover a::before {
  opacity: 1;
  visibility: visible;
  left: -12px;
}

.sekia-nav nav .navbar-nav li .dropdown-menu {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  position: absolute;
  display: block;
  top: 80px;
  left: 0;
  width: 250px;
  z-index: 99;
  padding: 10px 0;
  opacity: 0;
  border-radius: 5px;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li {
  position: relative;
  padding: 0 !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li a {
  font-size: 15px;
  font-weight: 600;
  padding: 8px 15px !important;
  margin: 0;
  display: block;
  color: #716c80 !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li a::before {
  left: 0;
  opacity: 0;
  visibility: hidden;
  top: 15px;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li a:hover {
  padding-left: 25px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li a:hover::before {
  left: 13px;
  opacity: 1;
  visibility: visible;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li a {
  padding-left: 15px !important;
  color: #716c80 !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li a::before {
  opacity: 0;
  left: 0;
  visibility: hidden;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li a:hover {
  padding-left: 25px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li a:hover::before {
  left: 13px;
  opacity: 1;
  visibility: visible;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  padding-left: 15px !important;
  color: #716c80 !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li a::before {
  opacity: 0;
  left: 0;
  visibility: hidden;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {
  padding-left: 25px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover::before {
  left: 13px;
  opacity: 1;
  visibility: visible;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  position: absolute;
  left: -100%;
  top: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  padding-left: 15px !important;
  color: #716c80 !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a::before {
  opacity: 0;
  left: 0;
  visibility: hidden;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover {
  padding-left: 25px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover::before {
  left: 13px;
  opacity: 1;
  visibility: visible;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -14px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover a {
  padding-left: 25px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover a::before {
  left: 13px;
  visibility: visible;
  opacity: 1;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -14px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li:hover a {
  padding-left: 25px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li .dropdown-menu li:hover a::before {
  left: 13px;
  visibility: visible;
  opacity: 1;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: -14px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li:hover a {
  padding-left: 25px !important;
}

.sekia-nav nav .navbar-nav li .dropdown-menu li:hover a::before {
  left: 13px;
  visibility: visible;
  opacity: 1;
}

.sekia-nav nav .navbar-nav li .dropdown-menu .active > a {
  padding-left: 25px !important;
  background-color: #f8f9fa;
}

.sekia-nav nav .navbar-nav li .dropdown-menu .active > a::before {
  left: 13px;
  opacity: 1;
  visibility: visible;
}

.sekia-nav nav .navbar-nav li .dropdown-menu .active .active > a {
  padding-left: 25px !important;
  background-color: #f8f9fa;
}

.sekia-nav nav .navbar-nav li .dropdown-menu .active .active > a::before {
  left: 13px;
  opacity: 1;
  visibility: visible;
}

.sekia-nav nav .navbar-nav li .dropdown-menu .active .active .active > a {
  padding-left: 25px !important;
  background-color: #f8f9fa;
}

.sekia-nav nav .navbar-nav li .dropdown-menu .active .active .active > a::before {
  left: 13px;
  opacity: 1;
  visibility: visible;
}

.sekia-nav nav .navbar-nav li:hover .dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  top: 100%;
}

.sekia-nav nav .navbar-nav li:last-child .dropdown-menu {
  left: auto;
  right: 0;
}

.sekia-nav nav .others-option .navbar-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sekia-nav nav .others-option .navbar-nav .cart-wrapper {
  position: relative;
  padding: 0 !important;
}

.sekia-nav nav .others-option .navbar-nav .cart-wrapper a {
  margin: 0 0 0 10px !important;
}

.sekia-nav nav .others-option .navbar-nav .cart-wrapper a .cart-icon {
  line-height: 52px;
  font-size: 25px;
}

.sekia-nav nav .others-option .navbar-nav .cart-wrapper a span {
  position: relative;
  width: 20px;
  height: 20px;
  font-size: 10px;
  background: #000000;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  top: -15px;
  color: #ffffff;
  padding-right: 1px;
  right: 10px;
}

.sekia-nav nav .others-option .navbar-nav li {
  padding: 0 !important;
}

.sekia-nav nav .others-option .navbar-nav li a {
  margin: 0 22px 0 10px !important;
}

.sekia-nav nav .others-option .navbar-nav li a::before {
  display: none;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu {
  cursor: pointer;
  width: 32px;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-1 {
  position: relative;
  width: 8px;
  height: 8px;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  margin-bottom: 2px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-1::before, .sekia-nav nav .others-option .navbar-nav li .side-menu .bar-1::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 0;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-1::after {
  right: -24px;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-2 {
  position: relative;
  width: 8px;
  height: 8px;
  margin-bottom: 2px;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-2::before, .sekia-nav nav .others-option .navbar-nav li .side-menu .bar-2::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 0;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-2::after {
  right: -24px;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-3 {
  position: relative;
  width: 8px;
  height: 8px;
  background: #ffffff;
  margin-bottom: 2px;
  display: block;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-3::before, .sekia-nav nav .others-option .navbar-nav li .side-menu .bar-3::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 0;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu .bar-3::after {
  right: -24px;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.sekia-nav nav .others-option .navbar-nav li .side-menu:hover .bar-2::after, .sekia-nav nav .others-option .navbar-nav li .side-menu:focus .bar-2::after {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.sekia-nav nav .others-option .navbar-nav li .side-menu:hover .bar-3::after, .sekia-nav nav .others-option .navbar-nav li .side-menu:hover .bar-3::before, .sekia-nav nav .others-option .navbar-nav li .side-menu:focus .bar-3::after, .sekia-nav nav .others-option .navbar-nav li .side-menu:focus .bar-3::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.sekia-nav.marketing-navbar nav .navbar-nav li a {
  color: #716c80 !important;
}

.sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-1 {
  background: #716c80;
}

.sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-1::before, .sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-1::after {
  background: #716c80;
}

.sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-2 {
  background: #716c80;
}

.sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-2::before, .sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-2::after {
  background: #716c80;
}

.sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-3 {
  background: #716c80;
}

.sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-3::before, .sekia-nav.marketing-navbar nav .navbar-nav li .side-menu .bar-3::after {
  background: #716c80;
}

.sekia-nav.marketing-navbar.is-sticky {
  background: #ffffff !important;
}

.sekia-nav.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 999;
  -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #f8f9fa;
}

.header-search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
          transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}

.header-search .header-search-form {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 950px;
  margin: 0 auto;
}

.header-search .header-search-form input[type="search"] {
  width: 100%;
  color: #222D39;
  font-size: 20px;
  text-align: left;
  border: 1px solid;
  margin: 0px auto;
  padding: 25px 10px 25px 30px;
  outline: none;
  background: transparent;
  -webkit-transition: .4s;
  transition: .4s;
}

.header-search .header-search-form .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  padding: 0 50px;
  border-radius: 0;
}

.header-search .close {
  position: absolute;
  background-color: transparent;
  border: none;
  opacity: 1 !important;
  visibility: visible;
  padding: 0;
  font-size: 25px;
  font-weight: 300;
  border-radius: 50%;
  cursor: pointer;
  width: 35px;
  height: 35px;
  border: 1px solid;
  -webkit-transition: .4s;
  transition: .4s;
  right: 29%;
  margin: -100px auto 0;
  top: 50%;
}

.header-search .close:hover, .header-search .close:focus {
  color: #ffffff !important;
  opacity: 1 !important;
}

.header-search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
          transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  visibility: visible;
}

.sidebar-modal {
  position: relative;
}

.sidebar-modal .navbar-nav li a {
  padding: 10px 0px 10px 15px;
}

.sidebar-modal .modal.right {
  z-index: 100000;
}

.sidebar-modal .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.sidebar-modal .modal.right.fade.show .modal-dialog {
  right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sidebar-modal .modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.sidebar-modal .modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: none;
}

.sidebar-modal .modal.right .modal-body {
  padding: 30px;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget {
  margin-bottom: 25px;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title {
  font-size: 17px;
  font-weight: 800;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title::before {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 50px;
  height: 2px;
  border-radius: 5px;
  content: '';
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 5px;
  background: #ffffff;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
          animation-name: MOVE-BG;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget:last-child {
  margin-bottom: 0;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li {
  margin-bottom: 10px;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a {
  color: #62618d;
  font-size: 15px;
  text-transform: capitalize;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li:last-child {
  margin-bottom: 0;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li {
  position: relative;
  font-weight: 700;
  padding-left: 50px;
  text-transform: capitalize;
  margin-bottom: 17px;
  font-size: 15px;
  color: #000;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li i {
  position: absolute;
  left: 0;
  top: 0;
  background: #f4f4f4;
  border: 1px solid #e7e7e7;
  border-radius: 30px;
  height: 40px;
  text-align: center;
  width: 40px;
  line-height: 40px;
  font-size: 18px;
  -webkit-transition: .4s;
  transition: .4s;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li span {
  display: block;
  font-weight: 400;
  color: #62618d;
  margin-top: 3px;
  text-transform: initial;
  font-size: 15px;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:hover i {
  color: #ffffff;
  border-color: #ffffff;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:last-child {
  margin-bottom: 0;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.social-list li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2px;
  margin-bottom: 5px;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.social-list li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  color: #62618d;
  border: 1px solid #62618d;
}

.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.social-list li a:hover, .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.social-list li a:focus {
  color: #ffffff !important;
}

.sidebar-modal .modal-header {
  display: inline;
  padding: 0;
  border: none;
}

.sidebar-modal .modal-header .close {
  height: 35px;
  width: 35px;
  font-size: 20px;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  opacity: 1;
}

.sidebar-modal .modal-header .close:hover {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.sidebar-modal .modal-header h2 {
  background: linear-gradient(142deg, #3ec9cf 0%, #2d136a 100%);
  padding: 30px 25px;
}

.sidebar-modal .modal-header h2 img {
  max-width: 100px;
}

.sidebar-modal .modal-header h2 .logo .site-title h2 {
  color: #fff;
  margin: 0;
  font-weight: 800;
  background: transparent;
  padding: 0;
  font-size: 30px;
}

.sidebar-modal button:focus {
  outline: 0px;
}

/*================================================
Main Banner CSS
=================================================*/
.main-banner {
  height: 840px;
  position: relative;
  z-index: 1;
}

.main-banner .hero-content h1, .main-banner .hero-content h2, .main-banner .hero-content h3 {
  color: #ffffff;
  font-size: 60px;
  font-weight: 700;
  margin: 0;
}

.main-banner .hero-content p {
  color: #fff;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 35px;
}

.main-banner .hero-content .btn:hover::after, .main-banner .hero-content .btn:hover::before {
  background: #ffffff;
}

.main-banner .hero-content .btn-primary:not(:disabled):not(.disabled).active, .main-banner .hero-content .btn-primary:not(:disabled):not(.disabled):active, .main-banner .hero-content .btn-primary .show > .btn-primary.dropdown-toggle {
  background: #ffffff;
}

.main-banner .hero-content .btn-primary:hover, .main-banner .hero-content .btn-primary:focus {
  background: #ffffff;
}

.main-banner .hero-content .video-btn {
  margin-left: 15px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
}

.main-banner .hero-content .video-btn i {
  font-size: 30px;
  position: relative;
  margin-left: 5px;
  top: 4px;
  -webkit-transition: .4s;
  transition: .4s;
}

.main-banner .hero-content form {
  max-width: 540px;
  position: relative;
}

.main-banner .hero-content form .form-control {
  height: 70px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 3px;
  color: #ffffff;
  padding-left: 20px;
  font-size: 16px;
}

.main-banner .hero-content form .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.main-banner .hero-content form .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.main-banner .hero-content form .form-control::-ms-input-placeholder {
  color: #ffffff;
}

.main-banner .hero-content form .form-control::placeholder {
  color: #ffffff;
}

.main-banner .hero-content form .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.main-banner .signup-download {
  background: #ffffff;
  padding: 30px 40px;
  border-radius: 3px;
  position: relative;
}

.main-banner .signup-download::before {
  content: '';
  position: absolute;
  z-index: -1;
  background: #ffffff;
  width: 96%;
  opacity: .62;
  height: 50%;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 3px;
  -webkit-transition: .4s;
  transition: .4s;
}

.main-banner .signup-download form .form-group {
  margin-bottom: 20px;
}

.main-banner .signup-download form .form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 17px;
}

.main-banner .signup-download form .btn {
  display: block;
  width: 100%;
}

.main-banner .app-image img {
  position: absolute;
  left: 0;
  top: -40px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
  width: 400px;
}

.main-banner .app-image img:last-child {
  -webkit-animation: movebounce 6s linear infinite;
          animation: movebounce 6s linear infinite;
  left: 270px;
  top: -20px;
}

.main-banner .product-image {
  position: relative;
}

.main-banner .product-image img {
  -webkit-animation: movebounce 6s linear infinite;
          animation: movebounce 6s linear infinite;
  width: 300px;
}

.main-banner .product-image img:nth-child(2) {
  position: absolute;
  right: -45px;
  bottom: -60px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.main-banner .product-image .offer-badge {
  position: absolute;
  right: 90px;
  top: 30px;
  width: 100px;
  height: 100px;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  -webkit-animation: ripple-white 1s linear infinite;
          animation: ripple-white 1s linear infinite;
  font-size: 18px;
  font-weight: 700;
  padding-top: 25px;
}

.main-banner .product-image .offer-badge span {
  display: block;
}

.main-banner .saas-image {
  position: relative;
}

.main-banner .saas-image img {
  position: absolute;
}

.main-banner .saas-image img:nth-child(1) {
  top: 20px;
  left: 0;
}

.main-banner .saas-image img:nth-child(2) {
  left: 55px;
  top: -100px;
}

.main-banner .saas-image img:nth-child(3) {
  left: 36%;
  z-index: 1;
  top: -170px;
}

.main-banner .saas-image img:nth-child(4) {
  right: 27%;
  top: 110px;
  z-index: 2;
}

.main-banner .saas-image img:nth-child(5) {
  right: 15%;
  top: 80px;
  z-index: 2;
}

.main-banner .saas-image img:nth-child(6) {
  right: 25%;
  top: -170px;
}

.main-banner .saas-image img:nth-child(7) {
  right: 47%;
  top: 96px;
  z-index: 2;
}

.main-banner .saas-image img:nth-child(8) {
  right: 22%;
  top: 45px;
  z-index: 1;
}

.main-banner .saas-image img:nth-child(9) {
  right: 75px;
  top: 20px;
}

.main-banner .saas-image img:nth-child(10) {
  left: 32%;
  top: -76px;
  z-index: 1;
}

.main-banner .saas-image img:nth-child(11) {
  right: 40%;
  top: -20px;
}

.main-banner .saas-image img:nth-child(12) {
  top: -292px;
  left: 45px;
}

.main-banner .saas-image img:last-child {
  display: none;
}

.main-banner .startup-image {
  position: relative;
}

.main-banner .startup-image img {
  position: absolute;
  width: unset !important;
}

.main-banner .startup-image img:nth-child(1) {
  top: 45px;
  right: 23%;
}

.main-banner .startup-image img:nth-child(2) {
  left: 20px;
  top: -35px;
  right: 0;
  margin: 0 auto;
}

.main-banner .startup-image img:nth-child(3) {
  right: 0;
  top: 65px;
}

.main-banner .startup-image img:nth-child(4) {
  left: 85px;
  top: 0;
}

.main-banner .startup-image img:nth-child(5) {
  left: 110px;
  top: 132px;
}

.main-banner .startup-image img:nth-child(6) {
  right: 8%;
  top: 131px;
}

.main-banner .startup-image img:nth-child(7) {
  right: 20%;
  top: -30px;
}

.main-banner .startup-image img:nth-child(8) {
  right: 38%;
  top: 64px;
}

.main-banner .startup-image img:nth-child(9) {
  right: 0;
  top: -15px;
}

.main-banner .startup-image img:nth-child(10) {
  left: 0;
  top: 245px;
  right: 0;
  margin: 0 auto;
}

.main-banner .startup-image img:last-child {
  display: none;
}

.main-banner .paymant-processing-image {
  position: relative;
}

.main-banner .paymant-processing-image img {
  position: absolute;
}

.main-banner .paymant-processing-image img:nth-child(1) {
  top: 135px;
  right: 0;
  left: 30px;
  margin: 0 auto;
}

.main-banner .paymant-processing-image img:nth-child(2) {
  right: 0;
  top: 25px;
  z-index: 1;
}

.main-banner .paymant-processing-image img:nth-child(3) {
  right: 0;
  top: 275px;
  left: 65%;
  margin: 0 auto;
  z-index: 1;
}

.main-banner .paymant-processing-image img:nth-child(4) {
  top: 170px;
  z-index: 1;
  left: 20px;
}

.main-banner .paymant-processing-image img:nth-child(5) {
  left: 115px;
  top: 240px;
  z-index: 1;
}

.main-banner .paymant-processing-image img:nth-child(6) {
  right: 0;
  top: -75px;
  left: 9px;
  margin: 0 auto;
}

.main-banner .paymant-processing-image img:nth-child(7) {
  right: 0;
  top: 23px;
}

.main-banner .paymant-processing-image img:nth-child(8) {
  left: 0;
  top: -45px;
  z-index: -1;
}

.main-banner .paymant-processing-image img:nth-child(9) {
  right: 21%;
  top: 16px;
}

.main-banner .paymant-processing-image img:last-child {
  display: none;
}

.main-banner.marketing-home {
  background: #ffffff url("../img/bg-point.png") no-repeat fixed right -500px center/auto;
}

.main-banner.marketing-home .hero-content h1 {
  color: #000000;
}

.main-banner.marketing-home .hero-content p {
  color: #62618d;
}

.main-banner.marketing-home .hero-content .video-btn {
  color: #716c80;
}

.main-banner.marketing-home .hero-content .btn-primary:not(:disabled):not(.disabled).active, .main-banner.marketing-home .hero-content .btn-primary:not(:disabled):not(.disabled):active, .main-banner.marketing-home .hero-content .btn-primary .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
}

.main-banner.marketing-home .hero-content .btn-primary:hover, .main-banner.marketing-home .hero-content .btn-primary:focus {
  color: #ffffff;
}

.main-banner.marketing-home .marketing-image {
  position: relative;
  height: 100%;
  width: 100%;
}

.main-banner.marketing-home .marketing-image img {
  position: absolute;
}

.main-banner.marketing-home .marketing-image img:nth-child(1) {
  right: 0;
  top: -45px;
}

.main-banner.marketing-home .marketing-image img:nth-child(2) {
  left: 90px;
  top: -30px;
}

.main-banner.marketing-home .marketing-image img:nth-child(3) {
  left: 60px;
  top: 165px;
}

.main-banner.marketing-home .marketing-image img:nth-child(4) {
  left: 0;
  right: -15px;
  text-align: center;
  margin: 0 auto;
  top: 185px;
}

.main-banner.marketing-home .marketing-image img:nth-child(5) {
  bottom: -55px;
  right: 0;
}

.main-banner.marketing-home .marketing-image img:nth-child(6) {
  bottom: -50px;
  right: 140px;
}

.main-banner.marketing-home .marketing-image img:nth-child(7) {
  left: 198px;
  bottom: -55px;
}

.main-banner.marketing-home .marketing-image img:nth-child(8) {
  left: 80px;
  bottom: -40px;
}

.main-banner.marketing-home .marketing-image img:nth-child(9) {
  right: 65px;
  bottom: 0;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
}

.main-banner.marketing-home .marketing-image img:nth-child(10) {
  left: 50px;
  top: 85px;
}

.main-banner.marketing-home .marketing-image img:nth-child(11) {
  right: 195px;
  bottom: -55px;
}

.main-banner.marketing-home .marketing-image img:nth-child(12) {
  top: 100px;
  right: -4px;
  left: 0;
  text-align: center;
  margin: 0 auto;
}

.main-banner.marketing-home .marketing-image img:nth-child(13) {
  left: 62px;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 20px;
  -webkit-animation: rotate3d 6s linear infinite;
          animation: rotate3d 6s linear infinite;
}

.main-banner.marketing-home .marketing-image img:last-child {
  display: none;
}

.main-banner.product-home .shape4 {
  left: auto;
  right: 20%;
  top: 25%;
}

.main-banner.software-home .bubble-animate .circle {
  background: #ffffff;
}

.main-banner.payment-processing-home .creative-shape img {
  width: 100%;
  height: 55px;
}

.main-banner.book-home {
  background-image: url(../img/book-banner.html);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.main-banner.book-home::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: -1;
  opacity: .87;
}

.main-banner.book-home .hero-content span {
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
  border-left: 3px solid #ffffff;
  padding-left: 10px;
}

.main-banner.book-home .hero-content em.inlucdebooks {
  display: block;
  color: #f2f2f2;
  margin-top: 20px;
}

.main-banner.book-home .book-image {
  height: 100%;
  width: 100%;
  position: relative;
}

.main-banner.book-home .book-image img {
  position: absolute;
  bottom: -215px;
  right: 45px;
}

.startup-home .main-banner {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.startup-home .main-banner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: -1;
  opacity: .95;
}

.startup-home .startup-bg1 {
  background-image: url(../img/main-bg-1.html);
}

.startup-home .startup-bg2 {
  background-image: url(../img/main-bg-2.html);
}

.startup-home .startup-bg3 {
  background-image: url(../img/main-bg-3.html);
}

.startup-home.owl-theme .owl-nav {
  margin-top: 0;
}

.startup-home.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: 10px;
  top: 50%;
  margin: 0;
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.1);
  line-height: 42px;
  font-size: 30px;
  border-radius: 5px;
  margin-top: -25px;
  -webkit-transition: .4s;
  transition: .4s;
}

.startup-home.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 10px;
}

.app-home .shape4 {
  left: auto !important;
  right: 15%;
}

.creative-shape {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}

#canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  z-index: -1;
}

.shape-1 {
  left: 20px;
  bottom: 10px;
  height: 150px;
  width: 150px;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  opacity: .5;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.shape1 {
  position: absolute;
  top: 85px;
  z-index: -1;
  left: 30px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.shape2 {
  position: absolute;
  top: 85px;
  z-index: -1;
  right: 30px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.shape3 {
  position: absolute;
  bottom: 85px;
  z-index: -1;
  right: 30px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.shape4 {
  position: absolute;
  left: 9%;
  top: 23%;
  z-index: -1;
  opacity: .3;
}

.shape6 {
  position: absolute;
  top: 30%;
  z-index: -1;
  left: 30px;
  -webkit-animation: rotate3d 4s linear infinite;
          animation: rotate3d 4s linear infinite;
  opacity: .6;
}

.shape7 {
  position: absolute;
  top: 20%;
  z-index: -1;
  left: 0;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
  opacity: .4;
}

.shape8 {
  position: absolute;
  z-index: -1;
  top: 60%;
  left: 15%;
}

.shape9 {
  position: absolute;
  left: 45%;
  top: 40%;
  z-index: -1;
  -webkit-animation: animationFramesOne 15s infinite linear;
          animation: animationFramesOne 15s infinite linear;
}

.shape10 {
  position: absolute;
  right: 5%;
  top: 8%;
  z-index: -1;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.shape11 {
  position: absolute;
  left: 3%;
  bottom: 3%;
  z-index: -1;
}

@-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 moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

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

.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

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

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

@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 40px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0);
  }
}

/*================================================
About CSS
=================================================*/
.about-content .section-title {
  margin-bottom: 15px;
  text-align: left;
}

.about-content .section-title .bar {
  margin-left: 0;
  margin-right: 0;
}

.about-content .section-title p {
  margin-left: 0;
  margin-right: 0;
}

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

.about-inner-area .about-text h3 {
  font-size: 23px;
  margin-bottom: 10px;
}

/*================================================
Features CSS
=================================================*/
.features-area {
  position: relative;
  z-index: 1;
}

.features-area.marketing-features .features-inner-area {
  margin-top: 90px;
}

.features-area.software-features .single-features {
  position: relative;
  text-align: left;
  padding-left: 85px;
}

.features-area.software-features .single-features .icon {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 25px;
}

.features-area.software-features .single-features h3 {
  margin-top: 0;
}

.features-area.book-features {
  background: #F9FAFC url("../img/bg-point.png") no-repeat fixed right -600px center/auto;
}

.single-features {
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
  margin-bottom: 40px;
}

.single-features .icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  font-size: 30px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-features h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 25px 0 10px;
}

.single-features:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.single-features:hover .icon {
  color: #ffffff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(26, 38, 74, 0.14);
          box-shadow: 0px 10px 30px 0px rgba(26, 38, 74, 0.14);
}

.single-holder-box {
  -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;
  text-align: center;
  border-radius: 5px;
  padding: 30px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-holder-box h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 10px;
}

.single-holder-box img {
  width: 120px;
}

.single-holder-box:hover {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}

.single-holder-box.mt-30 {
  margin-top: 30px;
}

.single-holder-box.mt-50 {
  margin-top: 50px;
}

.features-holder-content .section-title {
  text-align: left;
  margin-bottom: 0;
}

.features-holder-content .section-title h2 {
  font-size: 30px;
}

.features-holder-content .bar {
  margin-left: 0;
  margin-right: 0;
}

.features-holder-content p {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.features-holder-content p {
  margin-bottom: 15px;
}

.features-holder-content .btn {
  margin-top: 10px;
}

.single-features-box {
  margin-bottom: 30px;
  padding: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-features-box .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
  font-size: 25px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-features-box h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 25px 0 10px;
}

.single-features-box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.single-features-box:hover .icon {
  color: #ffffff;
}

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

.features-inner-area .features-inner-content {
  max-width: 540px;
}

.features-inner-area .features-inner-content .features-item {
  margin-bottom: 35px;
  position: relative;
  padding-left: 90px;
  -webkit-transition: .4s;
  transition: .4s;
}

.features-inner-area .features-inner-content .features-item:last-child {
  margin-bottom: 0;
}

.features-inner-area .features-inner-content .features-item .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  line-height: 75px;
  background: #ffffff;
  border-radius: 50%;
  font-size: 25px;
  text-align: center;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1) !important;
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1) !important;
  -webkit-transition: .4s;
  transition: .4s;
}

.features-inner-area .features-inner-content .features-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}

.features-inner-area .features-inner-content .features-item:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.features-inner-area .features-inner-content .features-item:hover .icon {
  color: #ffffff;
}

.product_features_section {
  border-top: 1px solid #eee;
}

.product_features_section .features-inner-area {
  margin-top: 0;
}

/*================================================
Product New Features CSS
=================================================*/
.new-features-area {
  position: relative;
  z-index: 1;
  background-image: url(../img/cta-bg.html);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.new-features-area::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .87;
}

.new-features-content > .section-title {
  margin-bottom: 0 !important;
}

.new-features-content .section-title {
  text-align: left;
  margin-bottom: 45px;
}

.new-features-content .section-title h2 {
  color: #ffffff;
  font-size: 32px;
}

.new-features-content .section-title .bar {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  background: #ffffff;
}

.new-features-content .single-inner-features {
  position: relative;
  margin-bottom: 30px;
  padding-left: 45px;
}

.new-features-content .single-inner-features:last-child {
  margin-bottom: 0;
}

.new-features-content .single-inner-features i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 30px;
  color: #ffffff;
}

.new-features-content .single-inner-features h3 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #ffffff;
}

.new-features-content .single-inner-features p {
  color: #fff;
}

.beautiful_interface .fun-facts-inner-area {
  margin-top: 0;
}

.product-slides .owl-nav {
  margin-top: 30px;
}

.product-slides .owl-nav [class*=owl-] {
  font-size: 25px;
  margin: 0 5px;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: .4s;
  transition: .4s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid;
}

.product-slides .owl-nav [class*=owl-]:hover {
  color: #fff;
}

.single_product {
  text-align: center;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #eee;
}

.single_product .product-img a {
  display: block;
}

.single_product .product-content {
  padding: 30px 15px;
  border-top: 1px solid #eee;
}

.single_product .product-content h3 {
  margin-bottom: 15px;
  font-size: 20px;
  padding: 0;
}

.single_product .product-content .price {
  color: #ff2d2d;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.single_product .product-content .price del {
  opacity: .50;
  margin-right: 5px;
}

.single_product .product-content .price ins {
  text-decoration: none;
}

.single_product .product-content .star-rating {
  float: none;
  margin: 12px auto 27px;
  color: #eac11d;
  font-size: 14px;
}

.single_product .product-content .add-to-cart-btn {
  display: inline-block;
  border: 1px solid;
  padding: 10px 22px;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
}

.single_product .product-content .add-to-cart-btn:hover {
  border-radius: 30px;
  color: #ffffff;
}

.single_product .product-content a.added_to_cart {
  margin-left: 10px;
}

.single_product .product-content ul {
  padding-left: 0;
  margin-bottom: 20px;
  list-style-type: none;
}

.single_product .product-content ul li {
  display: inline-block;
  color: #eac11d;
  font-size: 15px;
}

.single_product:hover .add-to-cart-btn {
  border-radius: 30px;
  color: #ffffff !important;
}

/*================================================
Services CSS
=================================================*/
.services-area {
  padding-bottom: 70px !important;
}

.single-services {
  margin-bottom: 30px;
  background: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-services .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  font-size: 25px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-services h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 10px;
}

.single-services:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}

.single-services:hover .icon {
  color: #ffffff;
}

/*================================================
Book Discover CSS
=================================================*/
.discover-content h3 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
}

.discover-content span {
  display: block;
  color: #62618d;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  letter-spacing: 2px;
}

.discover-content p {
  margin-bottom: 10px;
}

.discover-content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow: hidden;
}

.discover-content ul li {
  color: #62618d;
  float: left;
  width: 45%;
  margin-top: 10px;
}

.discover-content ul li i {
  margin-right: 5px;
  font-size: 18px;
}

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

/*================================================
Overview CSS
=================================================*/
.overview-section {
  position: relative;
  z-index: 1;
  background: #F9FAFC url("../img/bg-point.png") no-repeat fixed right -700px center/auto;
}

.overview-section .shape7 {
  opacity: 1;
}

.overview-section.software-overview.bg-gray {
  background: #ffffff;
}

.left-circle-shape {
  background: url("../img/bg-point.png") no-repeat fixed left -700px center/auto;
  position: relative;
  z-index: 1;
}

.right-circle-shape {
  background: url("../img/bg-point.png") no-repeat fixed right -700px center/auto;
  position: relative;
  z-index: 1;
}

.overview-box {
  margin-bottom: 60px;
}

.overview-box .overview-img {
  text-align: center;
}

.overview-box .overview-content .icon {
  background: #dadbff;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 25px;
}

.overview-box .overview-content span {
  display: block;
  margin-bottom: -10px;
}

.overview-box .overview-content h3 {
  position: relative;
  margin: 25px 0 15px;
  z-index: 1;
  text-transform: capitalize;
  font-size: 22px;
}

.overview-box .overview-content p {
  margin-bottom: 0;
}

.overview-box .overview-content ul {
  padding: 0;
  margin: 15px 0 25px;
  list-style-type: none;
}

.overview-box .overview-content ul li {
  color: #62618d;
  padding-left: 18px;
  position: relative;
  margin-bottom: 10px;
}

.overview-box .overview-content ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

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

.overview-box .overview-content ul.features-list {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 0;
}

.overview-box .overview-content ul.features-list li {
  float: left;
  width: 45%;
  background: #ffffff;
  border: 1px solid #eee;
  padding: 10px 20px 10px 30px;
  border-radius: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: 10px;
}

.overview-box .overview-content ul.features-list li::before {
  left: 15px;
  top: 16px;
}

.overview-box.modern-flexible {
  margin-top: 60px;
}

.overview-box.modern-flexible .single-item {
  position: relative;
  padding-left: 60px;
  margin-bottom: 30px;
}

.overview-box.modern-flexible .single-item .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  border: 1px solid;
  height: 45px;
  width: 45px;
  text-align: center;
  border-radius: 30px;
  line-height: 45px;
}

.overview-box.modern-flexible .single-item h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.overview-box.modern-flexible .single-item:last-child {
  margin-bottom: 0;
}

.overview-box.modern-flexible .single-item.right-icon {
  padding-left: 0;
  padding-right: 60px;
  text-align: right;
}

.overview-box.modern-flexible .single-item.right-icon .icon {
  left: auto;
  right: 0;
}

.overview-box:last-child {
  margin-bottom: 0;
}

.overview-box .app-fetured-item {
  position: relative;
  height: 100%;
}

.overview-box .app-fetured-item .app-item {
  text-align: center;
  width: 200px;
  padding: 45px 10px;
  border-radius: 5px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
  position: absolute;
}

.overview-box .app-fetured-item .app-item:nth-child(1) {
  background-image: -webkit-linear-gradient(40deg, #e87e16 0, #f0de14 100%);
  -webkit-box-shadow: 0 20px 40px 0 rgba(224, 149, 32, 0.4);
          box-shadow: 0 20px 40px 0 rgba(224, 149, 32, 0.4);
  right: 0;
  top: -150px;
  z-index: 1;
}

.overview-box .app-fetured-item .app-item:nth-child(2) {
  background-image: -webkit-linear-gradient(40deg, #7613c6 0, #41CBB0 100%);
  -webkit-box-shadow: 0 20px 40px 0 rgba(19, 196, 161, 0.4);
          box-shadow: 0 20px 40px 0 rgba(19, 196, 161, 0.4);
  left: 60px;
  top: 0;
}

.overview-box .app-fetured-item .app-item:nth-child(3) {
  background-image: -webkit-linear-gradient(40deg, #008000 0, #268B26 100%);
  -webkit-box-shadow: 0 20px 40px 0 rgba(0, 128, 0, 0.4);
          box-shadow: 0 20px 40px 0 rgba(0, 128, 0, 0.4);
  left: 90px;
  bottom: -10px;
}

.overview-box .app-fetured-item .app-item:nth-child(4) {
  background-image: -webkit-linear-gradient(40deg, #FF8A73 0, #F89B88 100%);
  -webkit-box-shadow: 0 20px 40px 0 rgba(255, 138, 115, 0.4);
          box-shadow: 0 20px 40px 0 rgba(255, 138, 115, 0.4);
  right: 35px;
  top: -15px;
}

.overview-box .app-fetured-item .app-item i {
  font-size: 40px;
  color: #ffffff;
}

.overview-box .app-fetured-item .app-item h6 {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 0;
}

/*================================================
CTA CSS
=================================================*/
.cta-area {
  position: relative;
  z-index: 1;
  padding: 60px 0;
  background-image: url(../img/cta-bg.html);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.cta-area::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .87;
}

.cta-area p {
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
}

.cta-area .btn:hover::after, .cta-area .btn:hover::before {
  background: #ffffff;
}

.cta-area .btn-primary:not(:disabled):not(.disabled).active, .cta-area .btn-primary:not(:disabled):not(.disabled):active, .cta-area .btn-primary .show > .btn-primary.dropdown-toggle {
  background: #ffffff;
}

.cta-area .btn-primary:hover, .cta-area .btn-primary:focus {
  background: #ffffff;
}

/*================================================
SAAS Tools CSS
=================================================*/
.saas-tools {
  position: relative;
  z-index: 1;
}

.saas-tools .bubble-animate .circle.small {
  opacity: .1;
}

.saas-tools .bubble-animate .circle.medium {
  opacity: .1;
}

.tab {
  overflow: hidden;
  background: #ffffff;
  padding: 40px 30px;
  -webkit-box-shadow: 0 6px 13px 0 rgba(137, 173, 255, 0.35);
          box-shadow: 0 6px 13px 0 rgba(137, 173, 255, 0.35);
  border-radius: 5px;
}

.tab .tabs {
  list-style-type: none;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  padding-left: 60px;
  padding-right: 60px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tab .tabs li {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}

.tab .tabs li:first-child {
  padding-left: 0;
}

.tab .tabs li:last-child {
  padding-right: 0;
}

.tab .tabs li a {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.tab .tabs li a i {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #dadbff;
  text-align: center;
  font-size: 25px;
  border-radius: 50%;
  margin-bottom: 20px;
  -webkit-transition: .4s;
  transition: .4s;
}

.tab .tabs li a:hover i {
  color: #ffffff;
}

.tab .tabs li.current i {
  color: #ffffff;
}

.tab .tab_content .tabs_item {
  display: none;
}

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

.tab .tab_content .tabs_item .tabs_item_content h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

.tab .tab_content .tabs_item .tabs_item_content p {
  margin-bottom: 0;
}

.tab .tab_content .tabs_item .tabs_item_content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-top: 15px;
}

.tab .tab_content .tabs_item .tabs_item_content ul li {
  margin-top: 10px;
  font-weight: 400;
  color: #62618d;
  position: relative;
  padding-left: 20px;
}

.tab .tab_content .tabs_item .tabs_item_content ul li:first-child {
  margin-top: 0;
}

.tab .tab_content .tabs_item .tabs_item_content ul li i {
  margin-right: 3px;
  position: absolute;
  left: 0;
  top: 3px;
}

/*================================================
Fun Facts CSS
=================================================*/
.single-funfact {
  position: relative;
  text-align: center;
  border: 1px solid #edf5ff;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}

.single-funfact .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  font-size: 25px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-funfact h3 {
  font-size: 35px;
  font-weight: 700;
  margin: 25px 0 8px;
}

.single-funfact p {
  font-size: 17px;
}

.single-funfact:hover {
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  background-color: #ffffff;
}

.single-funfact:hover .icon {
  color: #ffffff;
}

.single-funfact-box {
  position: relative;
  padding-left: 90px;
}

.single-funfact-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  text-align: center;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  font-size: 25px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-funfact-box h3 {
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 6px;
  color: #ffffff;
}

.single-funfact-box p {
  font-size: 17px;
  color: #ffffff;
}

.single-funfact-box:hover .icon {
  color: #ffffff;
}

.fun-facts-inner-area {
  margin-top: 100px;
}

.fun-facts-inner-area .fun-facts-inner-content {
  max-width: 540px;
}

.fun-facts-inner-area .fun-facts-inner-content h3 {
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 15px;
}

.fun-facts-inner-area .fun-facts-inner-content p {
  margin-bottom: 15px;
}

.fun-facts-inner-area .fun-facts-inner-content ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.fun-facts-inner-area .fun-facts-inner-content ul li {
  color: #62618d;
  padding-left: 18px;
  position: relative;
  margin-bottom: 10px;
}

.fun-facts-inner-area .fun-facts-inner-content ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.fun-facts-inner-area .fun-facts-inner-content ul li:last-child {
  margin-bottom: 0;
}

.app-funfacts-area {
  position: relative;
  z-index: 1;
  background-image: url(../img/cta-bg.html);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding-bottom: 70px !important;
}

.app-funfacts-area::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .87;
}

.app-funfacts-area .single-funfact {
  border: 1px solid #fff;
  margin-bottom: 30px;
}

.app-funfacts-area .single-funfact h3 {
  color: #ffffff;
}

.app-funfacts-area .single-funfact p {
  color: #ffffff;
}

.app-funfacts-area .single-funfact:hover {
  background: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

.app-funfacts-area .single-funfact:hover .icon {
  color: #ffffff;
}

/*================================================
Work Process CSS
=================================================*/
.saas-work-process {
  position: relative;
  z-index: 1;
  background-image: url(../img/cta-bg.html);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.saas-work-process::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .87;
}

.saas-work-process .section-title h2, .saas-work-process .section-title p {
  color: #ffffff;
}

.saas-work-process .section-title .bar {
  background: #ffffff;
}

.single-work-process {
  position: relative;
  padding: 30px;
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: .4s;
  transition: .4s;
  z-index: 1;
  text-align: center;
}

.single-work-process::before {
  content: '';
  position: absolute;
  z-index: -1;
  background: #ffffff;
  width: 96%;
  opacity: .62;
  height: 50%;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 3px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-work-process .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  font-size: 25px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-work-process h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 25px 0 10px;
}

.single-work-process:hover {
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  background-color: #ffffff;
}

.single-work-process:hover .icon {
  color: #ffffff;
}

.single-work-process:hover::before {
  bottom: -5px;
}

/*================================================
Pricing CSS
=================================================*/
.pricing-area {
  position: relative;
  z-index: 1;
}

.pricing-area.book-pricing .pricing-table .price-footer {
  margin-top: 30px;
}

.pricingTable {
  text-align: center;
  background: #ffffff;
  padding: 50px 0 30px;
  margin-top: 40px;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}

.pricingTable .pricing-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  line-height: 73px;
  background: #ffffff;
  position: absolute;
  top: -40px;
  left: 50%;
  -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);
  font-size: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.pricingTable .price-Value {
  display: inline-block;
  font-size: 45px;
  font-weight: 800;
  position: relative;
  color: #000000;
}

.pricingTable .price-Value del {
  display: none;
}

.pricingTable .price-Value ins {
  text-decoration: none;
}

.pricingTable .price-Value span.woocommerce-Price-currencySymbol {
  position: absolute;
  margin: -5px 0px 0 -25px;
  font-size: 30px;
}

.pricingTable .price-Value .currency {
  font-size: 18px;
  font-weight: 900;
  position: absolute;
  top: 3px;
  left: -13px;
}

.pricingTable .month {
  display: inline-block;
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
}

.pricingTable .pricingHeader {
  position: relative;
  z-index: 1;
}

.pricingTable .pricingHeader::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.pricingTable .pricingHeader .title {
  width: 50%;
  margin: 15px auto 10px;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  border-radius: 30px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.pricingTable .pricing-content {
  margin-top: 30px;
  margin-bottom: 35px;
}

.pricingTable .pricing-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricingTable .pricing-content ul li {
  margin-bottom: 10px;
  text-decoration: line-through;
  color: #807fa0;
}

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

.pricingTable .pricing-content ul li.active {
  text-decoration: none;
  color: #62618d;
}

.pricingTable:hover {
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.pricingTable:hover .pricing-icon {
  color: #ffffff;
}

.pricingTable:hover .pricingHeader .title {
  color: #ffffff;
}

/* Pricing Table Style Two */
.pricing-table {
  text-align: center;
  padding: 30px 0;
  -webkit-transition: .3s ease-in;
  transition: .3s ease-in;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  overflow: hidden;
  -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);
}

.pricing-table .price-header .title {
  color: #ffffff;
  font-size: 23px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.pricing-table .price-header .price {
  color: #000000;
  font-size: 45px;
  font-weight: 700;
  -webkit-transition: .3s ease-in;
  transition: .3s ease-in;
  text-align: left;
  position: relative;
  padding: 15px 0 15px 65px;
  z-index: 1;
  letter-spacing: 2px;
}

.pricing-table .price-header .price del {
  display: none;
}

.pricing-table .price-header .price ins {
  text-decoration: none;
}

.pricing-table .price-header .price span.woocommerce-Price-currencySymbol {
  position: absolute;
  margin: -5px 0px 0 -25px;
  font-size: 30px;
}

.pricing-table .price-header .price::after {
  position: absolute;
  left: -15%;
  top: 0;
  width: 100%;
  background-color: #ffffff;
  border-radius: 25px;
  content: '';
  height: 100%;
  -webkit-transform: skewX(-35deg);
  transform: skewX(-35deg);
  z-index: -1;
}

.pricing-table .price-header .price .dollar {
  font-size: 18px;
  font-weight: 900;
  position: relative;
  top: -25px;
}

.pricing-table .price-header .price .month {
  font-size: 15px;
  font-weight: 700;
}

.pricing-table .price-body ul {
  margin: 30px 0;
  padding: 0;
  list-style-type: none;
}

.pricing-table .price-body ul li {
  color: #ffffff;
  margin-bottom: 10px;
}

.pricing-table .price-body ul li:last-child {
  margin-bottom: 0;
}

.pricing-table .price-footer .btn:hover::after, .pricing-table .price-footer .btn:hover::before {
  background: #ffffff;
}

.pricing-table .price-footer .btn-primary:not(:disabled):not(.disabled).active, .pricing-table .price-footer .btn-primary:not(:disabled):not(.disabled):active, .pricing-table .price-footer .btn-primary .show > .btn-primary.dropdown-toggle {
  background: #ffffff;
}

.pricing-table .price-footer .btn-primary:hover, .pricing-table .price-footer .btn-primary:focus {
  background: #ffffff;
}

.pricing-table:hover {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}

/* Pricing Table Style Three */
.pricing-table-box {
  padding-bottom: 30px;
  background: #ffffff;
  text-align: center;
  z-index: 1;
  position: relative;
  border-radius: 5px;
  background-image: url(../img/patt.png);
  background-position: center center;
  overflow: hidden;
  -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
          box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
  -webkit-transition: .4s;
  transition: .4s;
}

.pricing-table-box .pricingTable-header {
  padding: 30px 15px 45px;
  -webkit-clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
          clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
  position: relative;
}

.pricing-table-box .pricingTable-header::before {
  content: "";
  width: 400px;
  height: 400px;
  border-radius: 50%;
  position: absolute;
  right: -50%;
  top: -130%;
  background: repeating-radial-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2) 20%);
  -webkit-transition: .4s;
  transition: .4s;
}

.pricing-table-box .title {
  font-size: 23px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.pricing-table-box .price-value {
  display: block;
  font-size: 45px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 30px;
}

.pricing-table-box .price-value del {
  display: none;
}

.pricing-table-box .price-value ins {
  text-decoration: none;
  margin-right: 10px;
}

.pricing-table-box .price-value span.woocommerce-Price-currencySymbol {
  position: absolute;
  margin: -5px 0px 0 -25px;
  font-size: 30px;
}

.pricing-table-box .price-value .amount {
  font-size: 45px;
}

.pricing-table-box .price-value span {
  font-size: 15px;
  text-transform: uppercase;
  margin-left: -5px;
}

.pricing-table-box .price-value sup {
  font-size: 23px;
  top: -20px;
  left: -5px;
}

.pricing-table-box .pricing-content {
  padding: 30px 25px;
  margin-bottom: 0;
  list-style-type: none;
}

.pricing-table-box .pricing-content li {
  text-transform: capitalize;
  border-bottom: 1px solid #eee;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.pricing-table-box .pricing-content li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.pricing-table-box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.pricing-table-box:hover .pricingTable-header::before {
  right: 50%;
}

/*================================================
Project CSS
=================================================*/
.project-area {
  position: relative;
  z-index: 1;
}

.project-area .owl-theme .owl-nav {
  margin-top: 30px;
}

.project-area .owl-theme .owl-nav [class*=owl-] {
  font-size: 25px;
  margin: 0 5px;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: .4s;
  transition: .4s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid;
}

.project-area .owl-theme .owl-controls {
  line-height: .1;
}

.project-area .pagination-area {
  margin-top: 20px;
}

.single-projects {
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 50px 0 rgba(46, 65, 90, 0.1);
          box-shadow: 0 10px 50px 0 rgba(46, 65, 90, 0.1);
  margin-bottom: 30px;
  border-radius: 5px;
}

.single-projects .project-content {
  padding: 30px;
}

.single-projects .project-content h3 {
  font-size: 24px;
  margin: 0;
}

.single-projects .project-content span {
  display: block;
  margin-bottom: 10px;
}

.single-projects .project-image {
  position: relative;
}

.single-projects .project-image::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: .4s;
  transition: .4s;
}

.single-projects .project-image a {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  margin: 0 auto;
  font-size: 30px;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  margin-top: -20px;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.single-projects .project-image img {
  -webkit-transform-style: unset !important;
          transform-style: unset !important;
  border-radius: 5px;
}

.single-projects:hover .project-image::before {
  visibility: visible;
  opacity: .8;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-projects:hover .project-image a {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*================================================
Project Details CSS
=================================================*/
.project-details-image {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  text-align: center;
}

.project-details-image::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s;
  transition: .4s;
}

.project-details-image a {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  color: #ffffff;
  font-size: 30px;
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
}

.project-details-image:hover::before {
  opacity: .77;
  visibility: visible;
}

.project-details-image:hover a {
  opacity: 1;
  visibility: visible;
  margin-top: -20px;
}

.project-details-desc h1, .project-details-desc h2, .project-details-desc h3, .project-details-desc h4 {
  font-size: 25px;
  margin-bottom: 15px;
}

.project-details-desc p {
  margin-bottom: 15px;
}

.project-details-desc ul, .project-details-desc ol {
  padding-left: 17px;
}

.project-details-desc ul li, .project-details-desc ol li {
  line-height: 1.8;
}

.project-details-desc .project-details-information {
  overflow: hidden;
  border-top: 1px solid #eee;
  margin-top: 30px;
}

.project-details-desc .project-details-information .single-info-box {
  float: left;
  width: 20%;
  margin-top: 30px;
  padding-right: 10px;
}

.project-details-desc .project-details-information .single-info-box h4 {
  font-size: 20px;
  margin-bottom: 10px;
}

.project-details-desc .project-details-information .single-info-box p {
  margin: 0;
}

.project-details-desc .project-details-information .single-info-box ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.project-details-desc .project-details-information .single-info-box ul li {
  display: inline-block;
}

.project-details-desc .project-details-information .single-info-box ul li a {
  margin-right: 4px;
  color: #62618d;
}

/*================================================
Gallery CSS
=================================================*/
.single-image {
  text-align: center;
  position: relative;
}

.single-image::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: .4s;
  transition: .4s;
}

.single-image a {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  margin: 0 auto;
  font-size: 30px;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  margin-top: -20px;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.single-image:hover::before {
  visibility: visible;
  opacity: .8;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.single-image:hover a {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*================================================
Get Started CSS
=================================================*/
.get-started {
  position: relative;
  z-index: 1;
}

.get-started-form {
  max-width: 600px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 40px;
  text-align: center;
  border-radius: 3px;
}

.get-started-form form .btn {
  display: block;
  width: 100%;
  letter-spacing: 2px;
}

.get-started-form form p {
  margin-top: 20px;
  margin-bottom: -5px;
}

.get-started-form form p a {
  color: #50a1ff;
}

/*================================================
How App Works CSS
=================================================*/
.how-app-work {
  position: relative;
  z-index: 1;
  background-image: url(../img/cta-bg.html);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.how-app-work::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .87;
}

.how-app-work .section-title h2, .how-app-work .section-title p {
  color: #ffffff;
}

.how-app-work .section-title .bar {
  background: #ffffff;
}

.how-app-work .app-mobile {
  text-align: center;
  margin-bottom: 60px;
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
}

.single-app-works {
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-app-works .icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-app-works h3 {
  margin-bottom: 15px;
  margin-top: 25px;
  font-size: 23px;
  font-weight: 700;
  color: #ffffff;
}

.single-app-works p {
  color: #ffffff;
}

.single-app-works:hover {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}

.single-app-works:hover .icon {
  color: #ffffff;
}

/*================================================
Screenshot CSS
=================================================*/
.screenshot-slides.owl-theme .owl-nav {
  margin-top: 115px;
}

.screenshot-slides.owl-theme .owl-nav [class*=owl-] {
  font-size: 25px;
  margin: 0 5px;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: .4s;
  transition: .4s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid;
}

.screenshot-slides.owl-theme .owl-controls {
  line-height: .1;
}

.screenshot-contain {
  position: relative;
  margin-top: 82px;
}

.screenshot-contain .mobile-light {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  width: auto;
  height: auto;
  top: -82px;
  z-index: 2;
}

.screenshot-contain .screenshot-item img {
  -webkit-transform-style: unset !important;
          transform-style: unset !important;
  width: unset !important;
  margin: auto;
}

.page-from-book .owl-theme .owl-nav {
  margin-top: 30px;
}

.page-from-book .screenshot-item {
  position: relative;
  text-align: center;
}

.page-from-book .screenshot-item a {
  display: block;
}

.page-from-book .screenshot-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: .4s;
  transition: .4s;
}

.page-from-book .screenshot-item .popup-btn {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  margin: 0 auto;
  font-size: 30px;
  color: #ffffff;
  opacity: 0;
  display: inline-block;
  visibility: hidden;
  margin-top: -20px;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.page-from-book .screenshot-item img {
  -webkit-transform-style: unset !important;
          transform-style: unset !important;
  width: unset !important;
}

.page-from-book .screenshot-item:hover::before {
  visibility: visible;
  opacity: .8;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.page-from-book .screenshot-item:hover .popup-btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*================================================
Team CSS
=================================================*/
.team-area {
  padding-bottom: 70px !important;
}

.team-slides.owl-theme .owl-nav {
  margin-top: 10px;
}

.team-slides.owl-theme .owl-nav [class*=owl-] {
  font-size: 25px;
  margin: 0 5px;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: .4s;
  transition: .4s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid;
}

.team-slides.owl-theme .owl-controls {
  line-height: .1;
}

.single-team-member {
  -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);
  margin-bottom: 30px;
  background: #ffffff;
  text-align: center;
  border-radius: 5px;
}

.single-team-member img {
  border-radius: 5px 5px 0 0;
}

.single-team-member .team-content {
  padding: 30px;
}

.single-team-member .team-content h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}

.single-team-member .team-content span {
  display: block;
  color: #62618d;
  font-size: 15px;
}

.single-team-member .team-content ul {
  padding: 0;
  margin: 15px 0 0;
  list-style-type: none;
}

.single-team-member .team-content ul li {
  display: inline-block;
}

.single-team-member .team-content ul li a {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #62618d;
  border-radius: 50%;
  font-size: 14px;
  margin: 0 1px;
  color: #62618d;
}

.single-team-member .team-content ul li a:hover {
  color: #ffffff;
}

.single-team-member .team-content ul li a.facebook {
  border-color: #5580FF;
  color: #5580FF;
}

.single-team-member .team-content ul li a.facebook:hover {
  background-color: #5580FF;
  color: #ffffff;
}

.single-team-member .team-content ul li a.instagram {
  border-color: #000000;
  color: #000000;
}

.single-team-member .team-content ul li a.instagram:hover {
  background-color: #000000;
  color: #ffffff;
}

.single-team-member .team-content ul li a.linkedin {
  border-color: #FFD474;
  color: #FFD474;
}

.single-team-member .team-content ul li a.linkedin:hover {
  background-color: #FFD474;
  color: #ffffff;
}

.single-team-member-box {
  -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);
  margin-bottom: 30px;
  background: #ffffff;
  text-align: center;
  border-radius: 5px;
  padding: 30px;
}

.single-team-member-box img {
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
          clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

.single-team-member-box .team-content {
  margin-top: 30px;
}

.single-team-member-box .team-content h3 {
  font-size: 20px;
  margin-bottom: 8px;
}

.single-team-member-box .team-content span {
  display: block;
  color: #62618d;
  font-size: 14px;
}

.single-team-member-box .team-content ul {
  padding: 0;
  margin: 15px 0 0;
  list-style-type: none;
}

.single-team-member-box .team-content ul li {
  display: inline-block;
}

.single-team-member-box .team-content ul li a {
  font-size: 18px;
  color: #62618d;
  margin: 0 4px;
}

.single-team-member-box .team-content ul li a:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-team-member-box .team-content ul li a.linkedin {
  color: #FFD474;
}

.single-team-member-box .team-content ul li a.instagram {
  color: #000000;
}

/*================================================
Next Generation CSS
=================================================*/
.next-generation-virtual-reality {
  padding-bottom: 70px !important;
}

.next-generation-virtual-reality .single-item {
  margin-bottom: 30px;
  position: relative;
  padding-left: 70px;
}

.next-generation-virtual-reality .single-item .icon {
  background-color: #000;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  -webkit-transition: .4s;
  transition: .4s;
  border: 1px solid;
  height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 30px;
  line-height: 50px;
}

.next-generation-virtual-reality .single-item h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.next-generation-virtual-reality .single-item:hover .icon {
  color: #fff;
}

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

.feedback-area .svg-feedback-bottom {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: -1;
}

.single-feedback {
  position: relative;
  padding: 30px;
  background: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
  text-align: center;
  border-radius: 3px;
  z-index: 1;
  margin-bottom: 30px;
  margin-top: 50px;
}

.single-feedback .client-info img {
  -webkit-clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
          clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  -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);
  margin: 0 auto;
  width: 115px;
  height: 115px;
}

.single-feedback .client-info h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 55px;
}

.single-feedback .client-info span {
  font-size: 14px;
}

.single-feedback p {
  margin-top: 15px;
}

.single-feedback::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  border-radius: 0 0 3px 3px;
  -webkit-transition: .4s;
  transition: .4s;
}

.single-feedback:hover {
  -webkit-box-shadow: 0 0 20px 5px rgba(137, 173, 255, 0.35);
          box-shadow: 0 0 20px 5px rgba(137, 173, 255, 0.35);
  background-color: #ffffff;
}

.single-feedback-box {
  background: #ffffff;
  -webkit-box-shadow: 0 10px 50px 0 rgba(46, 65, 90, 0.1);
          box-shadow: 0 10px 50px 0 rgba(46, 65, 90, 0.1);
  margin-bottom: 30px;
  margin-left: 30px;
  border-radius: 5px;
  position: relative;
  padding: 30px 30px 30px 40px;
}

.single-feedback-box .client-info img {
  position: absolute;
  left: -30px;
  width: 60px !important;
  height: 60px;
  top: 25px;
  border-radius: 50%;
  border: 3px solid #ffffff;
}

.single-feedback-box .client-info h3 {
  font-size: 20px;
  margin-bottom: 5px;
}

.single-feedback-box .client-info span {
  font-size: 14px;
}

.single-feedback-box p {
  margin-top: 15px;
}

.feedback-slides .owl-item .single-feedback {
  opacity: .5;
  -webkit-transition: .5s;
  transition: .5s;
}

.feedback-slides .owl-item .single-feedback::before {
  opacity: 0;
  visibility: hidden;
}

.feedback-slides .owl-item.active.center .single-feedback {
  opacity: 1;
  -webkit-transition: .5s;
  transition: .5s;
  -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);
}

.feedback-slides .owl-item.active.center .single-feedback::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.feedback-slides .owl-item.active.center .single-feedback-box {
  margin-top: 30px;
}

.feedback-slides.owl-theme .owl-nav {
  margin-top: 0;
}

.feedback-slides.owl-theme .owl-nav [class*=owl-] {
  font-size: 25px;
  margin: 0 5px;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: .4s;
  transition: .4s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid;
}

.feedback-slides.owl-theme .owl-controls {
  line-height: .1;
}

/*================================================
App Download CSS
=================================================*/
.app-download {
  position: relative;
  z-index: 1;
}

.app-download .section-title {
  text-align: left;
  margin-bottom: 0;
}

.app-download .section-title .bar {
  margin-left: 0;
  margin-right: 0;
}

.app-download .section-title p {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 35px;
}

.app-download .section-title .download-btn a {
  position: relative;
  padding: 12px 35px 12px 65px;
  color: #ffffff;
  border-radius: 70px;
  font-weight: 300;
  font-size: 15px;
  margin-right: 10px;
  -webkit-box-shadow: 0 13px 27px 0 rgba(56, 48, 163, 0.25);
          box-shadow: 0 13px 27px 0 rgba(56, 48, 163, 0.25);
}

.app-download .section-title .download-btn a:last-child {
  margin-right: 0;
}

.app-download .section-title .download-btn a i {
  position: absolute;
  left: 25px;
  top: 50%;
  font-size: 25px;
  margin-top: -12px;
}

.app-download .section-title .download-btn a span {
  display: block;
  font-weight: 700;
  font-size: 16px;
}

.app-download .section-title .download-btn a:hover, .app-download .section-title .download-btn a:focus {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.app-download .download-image {
  position: absolute;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  bottom: 220px;
}

.app-download .download-image img {
  -webkit-animation: movebounce 5s linear infinite;
          animation: movebounce 5s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 330px;
}

.app-download .download-image img:last-child {
  left: 225px;
  top: 25px;
}

/*================================================
Platform Connect CSS
=================================================*/
.platform-connect {
  background: #ffffff url("../img/bg-point.png") no-repeat fixed left -600px center/auto;
}

.platform-connect h2 {
  text-align: center;
  max-width: 520px;
  font-size: 35px;
  font-weight: 800;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.platform-connect .box {
  display: block;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
  position: relative;
  padding: 15px 15px 15px 15px;
  border-radius: 5px;
  -webkit-transition: .4s;
  transition: .4s;
  background: #ffffff;
  text-align: center;
}

.platform-connect .box img {
  position: relative;
  margin-bottom: 15px;
}

.platform-connect .box h3 {
  font-size: 20px;
  margin-bottom: 5px;
}

.platform-connect .box span {
  text-transform: uppercase;
  color: #62618d;
  font-size: 14px;
}

.platform-connect .box i {
  color: #62618d;
  -webkit-transition: .4s;
  transition: .4s;
  font-size: 25px;
  position: relative;
  bottom: -3px;
}

.platform-connect .box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

/*================================================
Blog CSS
=================================================*/
.blog-area {
  background: #F9FAFC url("../img/bg-point.png") no-repeat fixed right -600px center/auto;
}

.blog-area.blog-section {
  background: unset;
}

.blog-area .owl-theme .owl-nav {
  margin-top: 10px;
}

.blog-area .owl-theme .owl-nav [class*=owl-] {
  font-size: 25px;
  margin: 0 5px;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: .4s;
  transition: .4s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid;
}

.blog-area .owl-theme .owl-controls {
  line-height: .1;
}

.single-blog-post {
  background: #ffffff;
  margin-bottom: 30px;
  -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);
  position: relative;
}

.single-blog-post > a {
  display: block;
}

.single-blog-post .post-image {
  display: block;
}

.single-blog-post .blog-post-content {
  padding: 40px 30px;
  position: relative;
  border: 1px solid #eee;
}

.single-blog-post .blog-post-content ul {
  padding: 0;
  list-style-type: none;
  margin: 0 0 10px;
  line-height: 1;
}

.single-blog-post .blog-post-content ul li {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  color: #62618d;
  margin-bottom: 10px;
}

.single-blog-post .blog-post-content ul li:last-child {
  margin-right: 0;
}

.single-blog-post .blog-post-content ul li i {
  margin-right: 4px;
}

.single-blog-post .blog-post-content ul li a {
  color: #62618d;
  text-transform: capitalize;
}

.single-blog-post .blog-post-content h3 {
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.4;
}

.single-blog-post .blog-post-content h3 a {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  display: inherit;
}

.single-blog-post .blog-post-content p {
  margin: 0;
}

.single-blog-post .blog-post-content .read-more-link-content {
  line-height: 1;
  margin-top: 25px;
}

.single-blog-post .blog-post-content .read-more-btn {
  font-weight: bold;
  line-height: 1;
  color: #fff;
  padding: 15px 30px;
  border-radius: 30px;
  font-size: 14px;
}

.single-blog-post .blog-post-content .read-more-btn:hover {
  background-color: #000000;
  padding: 15px 32px;
}

.blog-slides .single-blog-post .blog-post-content h3 {
  font-size: 24px;
  line-height: 1.5;
}

/*================================================
Blog Details CSS
=================================================*/
.blog-details-area {
  position: relative;
}

.blog-details-area .post-controls-buttons {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px;
  background: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
          box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}

.blog-details-area .post-controls-buttons .controls-left {
  float: left;
}

.blog-details-area .post-controls-buttons .controls-right {
  float: right;
}

.blog-details-area .post-controls-buttons div a {
  border: 1px solid #eeeeee;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 700;
}

.blog-details-area .post-controls-buttons div a:hover, .blog-details-area .post-controls-buttons div a:focus {
  color: #ffffff;
}

/*================================================
Boxes CSS
=================================================*/
.boxes-area {
  position: relative;
  z-index: 1;
  margin-top: -140px;
}

.boxes-area .single-features-box {
  margin-bottom: 0;
}

.boxes-area .single-box {
  padding: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  -webkit-transition: .4s;
  transition: .4s;
}

.boxes-area .single-box .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
}

.boxes-area .single-box h3 {
  font-size: 23px;
  font-weight: 700;
  margin: 25px 0 15px;
}

.boxes-area .single-box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.boxes-area .single-box:hover .icon {
  color: #ffffff;
}

/*================================================
Join CSS
=================================================*/
join-area .container {
  padding: 0;
}

.join-content span {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
}

.join-content h3 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 15px;
}

.join-content p {
  margin-bottom: 25px;
}

/*================================================
Analysis CSS
=================================================*/
.analysis-form {
  background: #ffffff;
  -webkit-box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
          box-shadow: 5px 7px 30px rgba(72, 73, 121, 0.15);
  padding: 40px;
  border-radius: 5px;
  text-align: center;
}

.analysis-form h3 {
  font-size: 25px;
  margin-bottom: 30px;
}

.analysis-form form .btn {
  display: block;
  width: 100%;
  padding: 13px 40px;
  border-radius: 5px;
}

.optional .wpcf7-list-item {
  padding: 0;
}

.optional .wpcf7-list-item label a:hover {
  text-decoration: underline;
}

div.wpcf7-response-output {
  margin: 30px 0 0;
  padding: 15px 20px;
  border: 1px solid #ff0000 !important;
  background: #fff;
  text-align: center;
}

span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 13px;
  font-weight: normal;
  display: block;
  margin-top: 10px;
}

.analysis-text {
  margin-top: 50px;
}

.analysis-text span {
  text-transform: capitalize;
}

.analysis-text h3 {
  font-size: 30px;
  margin: 15px 0 20px;
}

.analysis-text ul {
  padding: 0;
  margin: 20px 0 0;
  list-style-type: none;
}

.analysis-text ul li {
  position: relative;
  color: #62618d;
  margin-bottom: 15px;
  padding-left: 30px;
}

.analysis-text ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 17px;
  height: 17px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.analysis-text ul li:last-child {
  margin-bottom: 0;
}

/*================================================
Partner CSS
=================================================*/
.partner-area {
  padding: 60px 0;
  border-top: 1px solid #edf5ff;
  border-bottom: 1px solid #edf5ff;
}

.partner-area .item {
  text-align: center;
  border: 2px dashed #efefef;
  padding: 8px 22px;
}

.partner-area .item a {
  display: block;
}

.partner-area .item a img {
  width: auto !important;
}

.partner-area .owl-controls .owl-nav {
  margin-top: 0;
}

.partner-area.app-partner {
  padding: 20px 0 0;
  border: 0;
}

.partner-area.marketing-partner {
  border-bottom: 1px dashed #edf5ff;
  border-top: 1px dashed #edf5ff;
}

.partner-area.software-partner {
  border-bottom: 1px dashed #edf5ff;
  border-top: none;
}

.partner-area.startup-partner {
  border-bottom: 1px dashed #edf5ff;
  border-top: none;
}

/*================================================
Subscribe CSS
=================================================*/
.subscribe-area {
  position: relative;
  z-index: 1;
  background-image: url(../img/map.png);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.subscribe-area::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .67;
}

.subscribe-area .section-title h2, .subscribe-area .section-title p {
  color: #ffffff;
}

.subscribe-area .section-title .bar {
  background: #ffffff;
}

.subscribe-area .newsletter-form {
  max-width: 650px;
  margin: 0 auto;
  position: relative;
  border-radius: 5px;
}

.subscribe-area .newsletter-form .form-control {
  height: 70px;
  background: white;
  -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 5px;
  color: #62618d;
  padding-left: 20px;
}

.subscribe-area .newsletter-form .form-control::-webkit-input-placeholder {
  color: #62618d;
}

.subscribe-area .newsletter-form .form-control:-ms-input-placeholder {
  color: #62618d;
}

.subscribe-area .newsletter-form .form-control::-ms-input-placeholder {
  color: #62618d;
}

.subscribe-area .newsletter-form .form-control::placeholder {
  color: #62618d;
}

.subscribe-area .newsletter-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.subscribe-area .newsletter-form .btn:hover, .subscribe-area .newsletter-form .btn:focus {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.subscribe-area .newsletter-form #validator-newsletter {
  position: absolute;
  bottom: -45px;
  color: #ffffff;
  left: 0;
  font-size: 20px;
}

.subscribe-area .newsletter-form #validator-newsletter.validation-danger {
  color: red;
}

.bubble-animate {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.bubble-animate .circle {
  bottom: 0;
  position: absolute;
  border-radius: 50%;
}

.bubble-animate .circle.small {
  width: 20px;
  height: 20px;
  opacity: 0.7;
}

.bubble-animate .circle.small.square1 {
  left: 18%;
  top: 100%;
  -webkit-animation-name: smallBubble;
          animation-name: smallBubble;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.small.square2 {
  left: 36%;
  top: 100%;
  -webkit-animation-name: smallBubble;
          animation-name: smallBubble;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.small.square3 {
  left: 54%;
  top: 100%;
  -webkit-animation-name: smallBubble;
          animation-name: smallBubble;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.small.square4 {
  left: 72%;
  top: 100%;
  -webkit-animation-name: smallBubble;
          animation-name: smallBubble;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.small.square5 {
  left: 90%;
  top: 100%;
  -webkit-animation-name: smallBubble;
          animation-name: smallBubble;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.medium {
  width: 40px;
  height: 40px;
  opacity: 0.35;
}

.bubble-animate .circle.medium.square1 {
  left: 21%;
  top: 100%;
  -webkit-animation-name: mediumBubble;
          animation-name: mediumBubble;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.medium.square2 {
  left: 42%;
  top: 100%;
  -webkit-animation-name: mediumBubble;
          animation-name: mediumBubble;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.medium.square3 {
  left: 63%;
  top: 100%;
  -webkit-animation-name: mediumBubble;
          animation-name: mediumBubble;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.medium.square4 {
  left: 84%;
  top: 100%;
  -webkit-animation-name: mediumBubble;
          animation-name: mediumBubble;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.medium.square5 {
  left: 105%;
  top: 100%;
  -webkit-animation-name: mediumBubble;
          animation-name: mediumBubble;
  -webkit-animation-duration: 18s;
          animation-duration: 18s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.large {
  width: 100px;
  height: 100px;
  opacity: 0.15;
}

.bubble-animate .circle.large.square1 {
  left: 21%;
  top: 100%;
  -webkit-animation-name: bigBubble;
          animation-name: bigBubble;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.large.square2 {
  left: 42%;
  top: 100%;
  -webkit-animation-name: bigBubble;
          animation-name: bigBubble;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.large.square3 {
  left: 63%;
  top: 100%;
  -webkit-animation-name: bigBubble;
          animation-name: bigBubble;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.large.square4 {
  left: 84%;
  top: 100%;
  -webkit-animation-name: bigBubble;
          animation-name: bigBubble;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

.bubble-animate .circle.large.square5 {
  left: 105%;
  top: 100%;
  -webkit-animation-name: bigBubble;
          animation-name: bigBubble;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes smallBubble {
  0% {
    top: 100%;
    margin-left: 10px;
  }
  25% {
    margin-left: -10px;
  }
  50% {
    margin-left: 10px;
  }
  75% {
    margin-left: -10px;
  }
  100% {
    top: 0%;
    opacity: 0;
    margin-left: 0px;
  }
}

@keyframes smallBubble {
  0% {
    top: 100%;
    margin-left: 10px;
  }
  25% {
    margin-left: -10px;
  }
  50% {
    margin-left: 10px;
  }
  75% {
    margin-left: -10px;
  }
  100% {
    top: 0%;
    opacity: 0;
    margin-left: 0px;
  }
}

@-webkit-keyframes mediumBubble {
  0% {
    top: 100%;
    margin-left: 15px;
  }
  25% {
    margin-left: -15px;
  }
  50% {
    margin-left: 15px;
  }
  75% {
    margin-left: -15px;
  }
  100% {
    top: 0%;
    opacity: 0;
    margin-left: 0px;
  }
}

@keyframes mediumBubble {
  0% {
    top: 100%;
    margin-left: 15px;
  }
  25% {
    margin-left: -15px;
  }
  50% {
    margin-left: 15px;
  }
  75% {
    margin-left: -15px;
  }
  100% {
    top: 0%;
    opacity: 0;
    margin-left: 0px;
  }
}

@-webkit-keyframes bigBubble {
  0% {
    top: 100%;
    margin-left: 20px;
  }
  25% {
    margin-left: -20px;
  }
  50% {
    margin-left: 20px;
  }
  75% {
    margin-left: -20px;
  }
  100% {
    top: 0%;
    opacity: 0;
    margin-left: 0px;
  }
}

@keyframes bigBubble {
  0% {
    top: 100%;
    margin-left: 20px;
  }
  25% {
    margin-left: -20px;
  }
  50% {
    margin-left: 20px;
  }
  75% {
    margin-left: -20px;
  }
  100% {
    top: 0%;
    opacity: 0;
    margin-left: 0px;
  }
}

/*================================================
Page Title CSS
=================================================*/
.page-title-banner {
  position: relative;
  z-index: 1;
  background-position: center center !important;
  background-size: cover !important;
  padding-top: 200px;
  padding-bottom: 120px;
  text-align: center;
}

.page-title-banner ul {
  padding: 0;
  margin: 20px 0 0;
  list-style-type: none;
}

.page-title-banner ul li {
  display: inline-block;
  color: #fff;
  margin-right: 15px;
  position: relative;
  text-transform: capitalize;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.page-title-banner h2 {
  margin: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-transform: capitalize;
  font-size: 35px;
  font-weight: 800;
  color: #ffffff;
}

.page-title-banner .bubble-animate .circle {
  background: #ffffff;
}

/*================================================
Login CSS
=================================================*/
.login-form {
  background: #ffffff;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 40px;
  border-radius: 5px;
}

.login-form h3 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 8px;
}

.login-form p {
  margin-bottom: 30px;
}

.login-form form .form-check {
  margin-top: 18px;
}

.login-form form .form-check .form-check-label {
  color: #62618d;
  position: relative;
  top: -2px;
}

.login-form form .forgot-password {
  margin-bottom: 20px;
  margin-top: 18px;
}

.login-form form .forgot-password a {
  color: #62618d;
}

.login-form form .btn {
  margin-bottom: 20px;
  margin-top: 10px;
}

.login-form form span {
  display: block;
  color: #62618d;
}

/*================================================
Signup CSS
=================================================*/
.signup-form {
  background: #ffffff;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 40px;
  border-radius: 5px;
}

.signup-form h3 {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 25px;
}

.signup-form form .form-check {
  margin-top: 18px;
}

.signup-form form .form-check .form-check-label {
  color: #62618d;
  position: relative;
  top: -2px;
}

.signup-form form .btn {
  margin-bottom: 20px;
  margin-top: 10px;
}

.signup-form form span {
  display: block;
  color: #62618d;
}

/*================================================
FAQ CSS
=================================================*/
.faq-accordion {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 60px;
  background: #ffffff;
  border-radius: 10px;
}

.faq-accordion .accordion {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.faq-accordion .accordion .accordion-item {
  display: block;
  margin-bottom: 15px;
}

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

.faq-accordion .accordion .accordion-item .accordion-title {
  display: block;
  padding: 20px 30px;
  text-decoration: none;
  background: #f5f9ff;
  font-size: 20px;
  font-weight: 700;
}

.faq-accordion .accordion .accordion-item .accordion-title:hover, .faq-accordion .accordion .accordion-item .accordion-title.active, .faq-accordion .accordion .accordion-item .accordion-title:focus {
  color: #ffffff;
}

.faq-accordion .accordion .accordion-item .accordion-title.active {
  border-radius: 0;
}

.faq-accordion .accordion .accordion-item .accordion-content {
  display: none;
  position: relative;
  overflow: hidden;
  padding: 25px;
  line-height: 1.9;
  border: 1px solid #eee;
}

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

.faq-contact {
  margin-top: 45px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  padding: 60px;
  border-radius: 4px;
}

.faq-contact h3 {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 25px;
}

.faq-contact form .btn {
  margin-top: 15px;
}

/*================================================
Error 404 CSS
=================================================*/
.notfound {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 40px;
  padding-left: 280px;
  max-width: 820px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  border-radius: 50px 5px 5px 50px;
}

.notfound .notfound-404 {
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 140px;
  height: 140px;
  background-image: url(../img/emoji.png);
  background-size: cover;
  margin-top: -68px;
}

.notfound .notfound-404::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(2.4);
          transform: scale(2.4);
  border-radius: 50%;
  background-color: #f2f5f8;
  z-index: -1;
}

.notfound h2 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 10px;
}

.notfound span {
  display: block;
  margin-bottom: 20px;
  color: #62618d;
  font-size: 18px;
}

/*================================================
Coming Soon CSS
=================================================*/
.coming-soon {
  position: relative;
  z-index: 1;
  background-image: url(../img/book-banner.html);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 100vh;
  text-align: center;
}

.coming-soon::before {
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  opacity: .77;
  content: '';
  position: absolute;
}

.coming-soon .coming-soon-content {
  max-width: 650px;
  margin: 0 auto;
}

.coming-soon .coming-soon-content h1 {
  color: #ffffff;
  font-size: 45px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 55px;
}

.coming-soon .coming-soon-content p {
  color: #c7c3c7;
  margin-top: 20px;
  margin-bottom: 35px;
}

.coming-soon .coming-soon-content form {
  position: relative;
  margin-top: 30px;
}

.coming-soon .coming-soon-content form .form-control {
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 50px;
  color: #ffffff;
  height: 55px;
  padding: 5px 20px;
}

.coming-soon .coming-soon-content form button {
  position: absolute;
  right: 0;
  height: 100%;
  top: 0;
  color: #ffffff;
  border: none;
  width: 130px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0 50px 50px 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.coming-soon .coming-soon-content #timer {
  margin-bottom: 35px;
}

.coming-soon .coming-soon-content #timer div {
  display: inline-block;
  font-size: 45px;
  font-weight: 900;
  color: #ffffff;
  width: 135px;
  height: 135px;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  padding-top: 34px;
  line-height: 40px;
  margin: 0 5px;
}

.coming-soon .coming-soon-content #timer span {
  display: block;
  font-size: 17px;
  font-weight: 600;
}

.coming-soon .event-countdown .simply-countdown .simply-section {
  background-color: #fff;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  text-align: center;
  display: inline-block;
  margin: 0 10px 10px;
}

.coming-soon .event-countdown .simply-countdown .simply-section .simply-amount {
  display: block;
  font-weight: 800;
  font-size: 35px;
  line-height: 1;
  margin-top: 23px;
}

.coming-soon .event-countdown .simply-countdown .simply-section span.simply-word {
  text-transform: capitalize;
  font-size: 14px;
}

/*================================================
Contact Us CSS
=================================================*/
.contact-info-box {
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 30px;
}

.contact-info-box .icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  font-size: 30px;
  -webkit-transition: .4s;
  transition: .4s;
}

.contact-info-box h3 {
  font-size: 23px;
  font-weight: 700;
  margin: 25px 0 15px;
}

.contact-info-box p {
  margin-bottom: 0;
}

.contact-info-box p a {
  color: #62618d;
}

.contact-info-box:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.contact-info-box:hover .icon {
  color: #ffffff;
}

#map {
  height: 500px;
  width: 100%;
}

.map-area .wpb_content_element {
  margin: 0;
}

#contactForm .help-block ul {
  margin: 0;
}

#contactForm .help-block ul li {
  color: red;
}

#contactForm .btn {
  margin-top: 10px;
}

#contactForm #msgSubmit.text-danger, #contactForm #msgSubmit.text-success {
  margin: 20px 0 0;
}

/*================================================
Footer CSS
=================================================*/
.footer-area {
  position: relative;
  z-index: 1;
  padding-top: 70px;
}

.footer-area .single-footer-widget {
  margin-top: 30px;
}

.footer-area .single-footer-widget .logo {
  display: block;
  margin-bottom: -8px;
}

.footer-area .single-footer-widget .logo img {
  max-width: 90px;
  height: auto;
}

.footer-area .single-footer-widget .logo .site-title h2 {
  margin: 0 0 -14px;
  font-weight: 800;
  font-size: 30px;
  line-height: 1;
}

.footer-area .single-footer-widget ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.footer-area .single-footer-widget ul.social-list {
  margin-top: 20px;
}

.footer-area .single-footer-widget ul.social-list li {
  display: inline-block;
  margin-right: 5px;
}

.footer-area .single-footer-widget ul.social-list li a {
  color: #000000;
  border: 1px solid #eee;
  width: 30px;
  text-align: center;
  line-height: 30px;
}

.footer-area .single-footer-widget ul.social-list li:last-child {
  margin-right: 0;
}

.footer-area .single-footer-widget ul.list li {
  margin-bottom: 9px;
}

.footer-area .single-footer-widget ul.list li a {
  display: block;
  color: #62618d;
  font-weight: 600;
}

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

.footer-area .single-footer-widget h3 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 20px;
}

.footer-area.bg-image {
  background-image: url(../img/footer-shape.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.copyright-area {
  padding: 30px 0;
  margin-top: 100px;
  border-top: 1px solid #eeeeee;
}

.copyright-area ul {
  text-align: right;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.copyright-area ul li {
  display: inline-block;
  position: relative;
  padding-left: 17px;
}

.copyright-area ul li::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 2px;
  height: 12px;
}

.copyright-area ul li:first-child::before {
  display: none;
}

.copyright-area ul li a {
  color: #62618d;
  text-transform: capitalize;
}

/*================================================
Back To Top CSS
=================================================*/
.back-to-top {
  position: fixed;
  right: 1.5%;
  bottom: -7.5%;
  height: 15px;
  cursor: pointer;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  text-align: center;
  z-index: 3;
  visibility: hidden;
  outline: 0 !important;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background-color: #7972ff;
}

.back-to-top::before, .back-to-top::after {
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}

.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid #7972ff;
}

.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid;
}

.back-to-top:hover, .back-to-top:focus {
  opacity: 1;
  text-decoration: none;
  height: 40px;
  color: #ffffff;
}

.back-to-top.show-back-to-top {
  display: block;
  bottom: 1.25%;
  visibility: visible;
}

/* WP core style */
.alignnone {
  display: block;
  margin-bottom: 15px;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 15px auto 15px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption.alignnone {
  margin: 15px auto 10px;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.screen-reader-text {
  display: none;
}

.gallery-caption {
  z-index: 100000;
}

.bypostauthor {
  z-index: 100000;
}

/* End WP core style */
/* Unit test pages style
====================================================================*/
/* Post type style */
.post_type {
  position: absolute;
  top: -1px;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  right: -1px;
  display: none;
}

.post_type_icon {
  position: absolute;
  top: -1px;
  color: #fff;
  right: 20px;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  font-size: 15px;
  border-radius: 0px 0px 30px 30px;
}

/* End Post type style */
/* Sticky Post */
.sticky .single-blog-post .blog-post-content {
  padding-left: 60px;
  border: 1px solid #343a40;
  background-color: #343a40;
}

.sticky .single-blog-post .blog-post-content h3 {
  color: #fff;
  position: relative;
}

.sticky .single-blog-post .blog-post-content h3::before {
  font-family: "FontAwesome";
  content: "\f08d";
  position: absolute;
  left: -30px;
  top: 0;
  font-size: 25px;
  font-weight: normal;
}

.sticky .single-blog-post .blog-post-content h3 a {
  color: #fff;
}

.sticky .single-blog-post .blog-post-content p {
  color: #fff;
}

.sticky .single-blog-post .blog-post-content ul.entry-meta li {
  color: #fff;
}

.sticky .single-blog-post .blog-post-content ul.entry-meta li a {
  color: #fff;
}

.sticky .single-blog-post .blog-post-content ul.entry-meta li a:hover {
  text-decoration: underline;
}

/* End Sticky Post */
/* Pagination */
.pagination-area {
  text-align: center;
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0 0 rgba(255, 61, 70, 0.2);
  box-shadow: 0px 0 0 rgba(255, 61, 70, 0.2);
  font-size: 15px;
  line-height: 40px;
  color: #0a0c19;
  text-align: center;
  display: inline-block;
  margin-right: 6px;
}

.pagination-area .page-numbers:last-child {
  margin-right: 0;
}

.pagination-area .page-numbers:hover {
  -webkit-box-shadow: 0px 16px 32px rgba(255, 61, 70, 0.2);
  box-shadow: 0px 16px 32px rgba(255, 61, 70, 0.2);
  color: #ffffff;
}

.pagination-area .page-numbers:hover:hover i {
  color: #fff;
}

.pagination-area .current {
  color: #ffffff;
}

.pages-links {
  margin: 15px 0;
}

.pages-links .page-links-title {
  padding-right: 5px;
  font-weight: 500;
}

.pages-links .post-page-numbers {
  width: 35px;
  height: 35px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0 0 rgba(255, 61, 70, 0.2);
  box-shadow: 0px 0 0 rgba(255, 61, 70, 0.2);
  font-size: 15px;
  line-height: 35px;
  color: #0a0c19;
  text-align: center;
  display: inline-block;
  margin-right: 6px;
}

.pages-links .post-page-numbers:last-child {
  margin-right: 0;
}

.pages-links .post-page-numbers:hover {
  -webkit-box-shadow: 0px 16px 32px rgba(255, 61, 70, 0.2);
  box-shadow: 0px 16px 32px rgba(255, 61, 70, 0.2);
  color: #ffffff;
}

.pages-links .post-page-numbers:hover:hover i {
  color: #fff;
}

.pages-links .current {
  color: #ffffff;
}

/* End Pagination */
/* Page Markup And Formatting */
.page-main-content {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}

.page-main-content h1 {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h2 {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h3 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 800;
}

.page-main-content p {
  margin-top: 18px;
  margin-bottom: 18px;
}

.page-main-content p:first-child {
  margin-top: 0;
}

.page-main-content .entry-content a {
  text-decoration: underline;
}

.page-main-content .entry-content a:hover {
  text-decoration: none;
}

.page-main-content footer.entry-footer {
  clear: both;
}

.page-main-content footer.entry-footer .edit-link {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}

.page-main-content dl, .page-main-content ol, .page-main-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.page-main-content dt {
  margin-bottom: 5px;
  color: #0d1028;
}

.page-main-content dd {
  margin: 0 1rem 1rem;
  line-height: 1.8;
}

.page-main-content ul {
  list-style: disc;
  padding-left: 20px;
}

.page-main-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 5px;
}

.page-main-content ul li ul {
  margin: 5px 0 0;
  list-style-type: circle;
}

.page-main-content ul li ul li {
  list-style-type: circle;
}

.page-main-content ol {
  padding-left: 20px;
}

.page-main-content ol li {
  line-height: 1.8;
  margin-bottom: 5px;
}

.page-main-content ol li ol {
  margin: 5px 0 0;
}

.page-main-content b, .page-main-content strong {
  color: #212529;
}

.page-main-content dfn, .page-main-content cite, .page-main-content em, .page-main-content i {
  font-style: italic;
}

.page-main-content code, .page-main-content kbd, .page-main-content tt, .page-main-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.page-main-content kbd {
  background-color: #f1f0f0;
}

.page-main-content mark, .page-main-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.page-main-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.page-main-content abbr, .page-main-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

address {
  margin: 20px 0;
  font-style: italic;
  line-height: 30px;
}

blockquote {
  background-color: #fafafa;
  padding: 30px !important;
  line-height: 25px;
  font-weight: 500;
  position: relative;
  margin: 20px 0;
  border-left: 3px solid;
}

blockquote p {
  font-size: 15px;
  margin-bottom: 10px !important;
  color: #0d1028;
  font-weight: 600;
  font-style: italic;
}

blockquote p:last-child {
  margin-bottom: 0 !important;
}

blockquote cite {
  color: #6c7781;
  font-size: 14px;
  font-style: normal !important;
}

table {
  margin: 0 0 2rem;
  border-collapse: collapse;
  width: 100%;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}

table td, table th {
  padding: .5em;
  border: 1px solid #eee;
}

table td a {
  font-weight: 600;
  text-decoration: underline;
}

table td a:hover {
  text-decoration: none;
}

table th a {
  text-decoration: underline;
}

table th a:hover {
  text-decoration: none;
}

/* End Page Markup And Formatting */
/* Widget sidebar */
.blog-sidebar {
  padding-left: 15px;
}

.blog-sidebar .widget {
  margin-top: 30px;
}

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

.blog-sidebar .widget {
  border: 1px solid #eee;
  padding: 30px;
  background-color: #fff;
  -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);
}

.blog-sidebar .widget .widget-title {
  font-weight: 800;
  font-size: 20px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-transform: capitalize;
  position: relative;
}

.blog-sidebar .widget .widget-title::before {
  content: '';
  height: 24px;
  width: 3px;
  left: -31px;
  position: absolute;
}

.blog-sidebar .widget ul {
  padding-left: 17px;
  list-style-type: none;
  margin: 0;
}

.blog-sidebar .widget ul li {
  position: relative;
  margin-bottom: 6px;
  line-height: 1.8;
  font-size: 16px;
}

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

.blog-sidebar .widget ul li::before {
  height: 7px;
  width: 7px;
  content: '';
  left: -17px;
  top: 8px;
  position: absolute;
}

.blog-sidebar .widget ul li a {
  color: #62618d;
}

.blog-sidebar .widget ul li a:hover .post_count {
  border: 1px solid;
}

.blog-sidebar .widget ul li a .post_count {
  position: absolute;
  right: 0;
  border: 1px solid #eee;
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
}

.blog-sidebar .widget_search form {
  position: relative;
}

.blog-sidebar .widget_search form label {
  display: block;
}

.blog-sidebar .widget_search form .form-control {
  background-color: #f8f8f8;
  border-color: #eee;
  height: 50px;
  padding: 6px 18px;
  border: 1px solid #eee;
  width: 100%;
  border-radius: 0;
  display: block;
  font-size: 15px;
}

.blog-sidebar .widget_search form .search-submit {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  border: none;
  color: #fff;
  font-size: 15px;
  height: 50px;
  padding: 05px 15px;
}

.blog-sidebar .widget_search form .search-submit:hover {
  background-color: #000;
  color: #fff;
}

.blog-sidebar select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  color: #555;
  font-size: 13.5px;
  padding: 8px 15px;
}

.blog-sidebar .widget_categories ul li a {
  text-transform: capitalize;
}

.blog-sidebar .widget_categories ul li .children {
  margin-top: 10px;
}

.blog-sidebar .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 10px;
  display: inline-block;
}

.blog-sidebar .widget_pages ul li a {
  text-transform: capitalize;
}

.blog-sidebar .widget_rss ul li {
  margin-bottom: 20px;
}

.blog-sidebar .widget_rss ul li::before {
  top: 10px;
}

.blog-sidebar .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.blog-sidebar .widget_rss ul li .rsswidget {
  display: block;
  color: #222222;
  font-weight: bold;
  font-size: 15px;
}

.blog-sidebar .widget_rss ul li .rss-date {
  font-size: 13px;
  margin: 3px 0 10px;
  display: block;
}

.blog-sidebar .widget_rss ul li .rssSummary {
  color: #555;
  line-height: 25px;
  font-size: 14px;
}

.blog-sidebar .widget_rss ul li cite {
  font-weight: bold;
  display: block;
  margin-top: 10px;
  font-style: normal;
  color: #222;
  font-size: 13.5px;
}

.blog-sidebar .tagcloud a {
  border: 1px solid #eee;
  padding: 6px 18px;
  font-size: 14px !important;
  color: #555;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  text-transform: capitalize;
  border-radius: 30px;
}

.blog-sidebar .tagcloud a:hover {
  color: #fff;
}

.blog-sidebar .widget_text p img {
  margin: 10px 0;
}

.blog-sidebar .widget_text .wp-caption-text {
  border: none;
  text-align: center;
  font-size: 14px;
}

.blog-sidebar .calendar_wrap table {
  margin: 0;
  text-align: center;
}

.blog-sidebar .calendar_wrap table th, .blog-sidebar .calendar_wrap table td {
  font-size: 14px;
}

.blog-sidebar .calendar_wrap table #prev a, .blog-sidebar .calendar_wrap table #next a {
  text-decoration: underline;
}

.blog-sidebar .calendar_wrap table #prev a:hover, .blog-sidebar .calendar_wrap table #next a:hover {
  text-decoration: none;
}

.blog-sidebar .calendar_wrap table #today {
  font-weight: bold;
  color: #fff;
}

.blog-sidebar .calendar_wrap table #today a {
  color: #fff;
  text-decoration: none;
}

.blog-sidebar .calendar_wrap caption {
  padding-top: 0;
  color: #393d40;
  caption-side: top;
  font-weight: bold;
  font-size: 15px;
}

.blog-sidebar .widget_nav_menu .sub-menu {
  margin-top: 8px;
}

.blog-sidebar .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: bold;
  font-size: 14px;
}

.blog-sidebar .widget_recent_comments .recentcomments a {
  font-weight: bold;
  color: #484848;
}

.blog-sidebar .widget_media_gallery .gallery {
  margin: 0;
}

.blog-sidebar .widget_media_gallery .gallery .gallery-item {
  margin: 0;
}

.blog-sidebar .widget_recent_entries ul li a {
  font-weight: bold;
  color: #484848;
}

.blog-sidebar .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 12px;
  color: #767676;
}

.blog-sidebar p {
  font-size: 15px;
}

.blog-sidebar span.post-count {
  float: right;
  font-size: 15px;
}

.nice-select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  color: #555;
  font-size: 13.5px;
  padding: 8px 15px;
}

.nice-select span.current {
  display: block;
  margin-top: 3px;
  font-size: 15px;
}

.nice-select ul.list {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important;
  border-radius: 0;
}

.nice-select ul.list li {
  list-style-type: none !important;
  font-size: 14px;
  padding: 8px 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: auto;
  text-transform: capitalize;
}

.nice-select ul.list li::before {
  display: none;
}

/* End Widget sidebar */
/* Entry meta */
.blog-meta ul {
  list-style-type: none;
  padding: 0 !important;
  margin: 0 0 10px !important;
  line-height: 1;
}

.blog-meta ul li {
  display: inline-block;
  font-size: 14px;
  color: #62618d;
  line-height: 1 !important;
  margin-right: 15px;
  margin-bottom: 10px !important;
}

.blog-meta ul li:last-child {
  margin-right: 0;
}

.blog-meta ul li a {
  color: #62618d !important;
  text-decoration: none !important;
}

.blog-meta ul li i {
  padding-right: 5px;
  font-style: normal !important;
}

/* End Entry meta */
/* HTML Tags and Formatting */
.blog-details .blog-details-content {
  overflow: hidden;
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
          box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  background: #ffffff;
  padding: 30px;
  border: 1px solid #eee;
}

.blog-details .blog-details-content .entry-meta {
  margin-top: 10px;
}

.blog-details .blog-details-content h1 {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 800;
}

.blog-details .blog-details-content h2 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 800;
}

.blog-details .blog-details-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 800;
}

.blog-details .blog-details-content h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 800;
}

.blog-details .blog-details-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 800;
}

.blog-details .blog-details-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 800;
}

.blog-details .blog-details-content p a {
  text-decoration: underline;
}

.blog-details .blog-details-content p a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content .entry-content a {
  text-decoration: underline;
}

.blog-details .blog-details-content .entry-content a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content dl, .blog-details .blog-details-content ol, .blog-details .blog-details-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details .blog-details-content dt {
  margin-bottom: 5px;
  color: #0d1028;
}

.blog-details .blog-details-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.blog-details .blog-details-content ul {
  list-style: disc;
  padding-left: 20px;
}

.blog-details .blog-details-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 5px;
}

.blog-details .blog-details-content ul li a {
  text-decoration: underline;
}

.blog-details .blog-details-content ul li a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content ul li ul, .blog-details .blog-details-content ul li ol {
  margin: 5px 0 0;
  list-style-type: circle;
}

.blog-details .blog-details-content ul li ul li, .blog-details .blog-details-content ul li ol li {
  list-style-type: circle;
}

.blog-details .blog-details-content ol {
  padding-left: 20px;
}

.blog-details .blog-details-content ol li {
  line-height: 1.8;
  margin-bottom: 5px;
}

.blog-details .blog-details-content ol li a {
  text-decoration: underline;
}

.blog-details .blog-details-content ol li a:hover {
  text-decoration: none;
}

.blog-details .blog-details-content ol li ol, .blog-details .blog-details-content ol li ul {
  margin: 5px 0 0;
}

.blog-details .blog-details-content b, .blog-details .blog-details-content strong {
  font-weight: 600;
  color: #212529;
}

.blog-details .blog-details-content dfn, .blog-details .blog-details-content cite, .blog-details .blog-details-content em, .blog-details .blog-details-content i {
  font-style: italic;
}

.blog-details .blog-details-content code, .blog-details .blog-details-content kbd, .blog-details .blog-details-content tt, .blog-details .blog-details-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.blog-details .blog-details-content kbd {
  background-color: #f5f5f5;
}

.blog-details .blog-details-content mark, .blog-details .blog-details-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.blog-details .blog-details-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.blog-details .blog-details-content abbr, .blog-details .blog-details-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

.blog-details .blog-details-content table th a {
  font-size: 13px;
}

/* End HTML Tags and Formatting */
/* Post Tag Media */
.post-tag-media {
  background-color: #fafafa;
  clear: both;
  margin-top: 20px;
  padding: 10px 25px;
}

.post-tag-media ul {
  padding: 0 !important;
  margin: 0 !important;
}

.post-tag-media ul li {
  display: inline-block;
  margin: 5px 0;
}

.post-tag-media ul li span {
  font-weight: bold;
  margin-right: 5px;
  display: inline-block;
  color: #0d1028;
}

.post-tag-media ul li a {
  color: #62618d !important;
  margin-left: 5px;
  text-transform: capitalize;
  font-size: 13px;
  border: 1px solid #eee;
  padding: 6px 20px 3px;
  display: inline-block;
  text-decoration: none !important;
  border-radius: 30px;
  font-weight: bold;
}

/* End Post Tag Media */
/* Template: Comments */
.comments-area .comments-title {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 800;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-bottom: 10px;
}

.comments-area .comments-title::before {
  content: '';
  height: 24px;
  width: 3px;
  left: -31px;
  position: absolute;
}

.comments-area .comment-content h1 {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 800;
}

.comments-area .comment-content h2 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 800;
}

.comments-area .comment-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 800;
}

.comments-area .comment-content h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 800;
}

.comments-area .comment-content h5 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 800;
}

.comments-area .comment-content h6 {
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: 800;
}

.comments-area .comment-content p {
  margin-bottom: 10px;
  font-size: 15px;
}

.comments-area .comment-content p:last-child {
  margin-bottom: 0;
}

.comments-area .comment-content p a {
  text-decoration: underline;
}

.comments-area .comment-content p a:hover {
  text-decoration: none;
}

.comments-area .comment-content .entry-content a {
  text-decoration: underline;
}

.comments-area .comment-content .entry-content a:hover {
  text-decoration: none;
}

.comments-area .comment-content dl, .comments-area .comment-content ol, .comments-area .comment-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.comments-area .comment-content dt {
  margin-bottom: 5px;
  color: #0d1028;
}

.comments-area .comment-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.comments-area .comment-content dd a {
  text-decoration: underline;
}

.comments-area .comment-content dd a:hover {
  text-decoration: none;
}

.comments-area .comment-content ul {
  list-style: disc;
  padding-left: 20px;
}

.comments-area .comment-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 5px;
}

.comments-area .comment-content ul li ul {
  margin: 5px 0 0;
  list-style-type: circle;
}

.comments-area .comment-content ul li ul li {
  list-style-type: circle;
}

.comments-area .comment-content ol {
  padding-left: 20px;
}

.comments-area .comment-content ol li {
  line-height: 1.8;
  margin-bottom: 5px;
  list-style-type: decimal;
}

.comments-area .comment-content ol li ol {
  margin: 5px 0 0;
}

.comments-area .comment-content b, .comments-area .comment-content strong {
  font-weight: 600;
  color: #212529;
}

.comments-area .comment-content dfn, .comments-area .comment-content cite, .comments-area .comment-content em, .comments-area .comment-content i {
  font-style: italic;
}

.comments-area .comment-content code, .comments-area .comment-content kbd, .comments-area .comment-content tt, .comments-area .comment-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.comments-area .comment-content kbd {
  background-color: #fafafa;
}

.comments-area .comment-content mark, .comments-area .comment-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.comments-area .comment-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
  background: #fafafa;
}

.comments-area .comment-content abbr, .comments-area .comment-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

/* End Template: Comments */
/* Comments list style */
#comments {
  clear: both;
  padding: 30px;
  margin-top: 30px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #eee;
  -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);
}

#comments .comment-list {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none;
}

#comments .comment-list .children {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#comments .comment-list:before {
  display: none;
}

#comments .comment-list .comment-body {
  border-bottom: 1px solid #eee;
  margin-left: 65px;
  font-size: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#comments .comment-list .comment-body .comment-content img {
  margin: 7px 0;
}

#comments .comment-list .comment-body .reply {
  margin-top: 15px;
}

#comments .comment-list .comment-body .reply a {
  border: 1px solid;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7px 15px;
  line-height: 1;
  border-radius: 30px;
  font-size: 11px;
  text-decoration: none;
}

#comments .comment-list .comment-body .reply a:hover {
  background-color: #000;
  color: #fff;
  border-color: #fff;
}

#comments .comment-author {
  font-size: 15px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}

#comments .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

#comments .comment-author .fn {
  color: #000;
}

#comments .comment-author .says {
  display: none;
}

#comments .comment-meta {
  margin-bottom: 1em;
}

#comments .comment-metadata {
  color: #615b5b;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#comments .comment-metadata a {
  color: #615b5b;
}

#comments .comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}

#comments .comment-reply-link {
  font-weight: 600;
  position: relative;
}

#comments .comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}

#comments .children {
  padding-left: 10px !important;
}

#comments .children .comment-author .avatar {
  height: 30px;
  left: -45px;
  width: 30px;
}

#comments .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #575757;
  padding: 2px;
}

#comments .no-comments,
#comments .comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}

#comments .comments-pagination {
  margin: 2em 0 3em;
}

.comments-area .comment-list .comment .comment-respond {
  margin-bottom: 30px;
}

/* End Comments list style */
/* Comment form */
.comment-respond .comment-reply-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-bottom: 10px;
}

.comment-respond .comment-reply-title::before {
  content: '';
  height: 24px;
  width: 3px;
  left: -31px;
  position: absolute;
}

.comment-respond form {
  overflow: hidden;
}

.comment-respond form label {
  display: block;
  font-weight: 600;
  color: #444967;
  margin-bottom: 10px;
}

.comment-respond input[type="date"], .comment-respond input[type="time"], .comment-respond input[type="datetime-local"], .comment-respond input[type="week"], .comment-respond input[type="month"], .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond input[type="password"], .comment-respond input[type="search"], .comment-respond input[type="tel"], .comment-respond input[type="number"], .comment-respond textarea {
  background-image: none;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 0;
  color: #686868;
  padding: 6px 15px;
  width: 100%;
  height: 45px;
}

.comment-respond textarea {
  height: auto !important;
}

.comment-respond .form-submit {
  text-align: left;
}

.comment-respond .form-submit input {
  border: 1px solid;
  color: #fff;
  padding: 15px 25px;
  display: inline-block;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: .5s;
  -webkit-transition: .5s;
}

.comment-respond .form-submit input:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.comment-respond input:focus, .comment-respond textarea:focus {
  outline: 0;
  border: 1px solid;
}

.comment-respond p {
  line-height: 1;
  margin-bottom: 0;
  margin-top: 25px;
}

.comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
}

.comment-respond p.comment-notes {
  line-height: 25px;
  font-size: 14px;
  margin-top: 5px;
}

.comment-respond p.comment-form-comment {
  float: left;
  width: 100%;
}

.comment-respond p.comment-form-author {
  width: 50%;
  float: left;
  padding-right: 12px;
}

.comment-respond p.comment-form-email {
  width: 50%;
  float: left;
  padding-left: 12px;
}

.comment-respond p.comment-form-url {
  float: left;
  width: 100%;
}

.comment-respond p.comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
}

.comment-respond p.comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 3px;
}

.comment-respond p.form-submit {
  float: left;
  width: 100%;
}

.comment-respond p.logged-in-as {
  line-height: 26px;
  font-size: 15px;
  margin-top: 5px;
}

.comment-respond p.logged-in-as a {
  text-decoration: underline;
  font-size: 15px;
  color: #62618d;
}

.comment-respond p.logged-in-as a:hover {
  text-decoration: none;
}

.comment-respond .required {
  color: red;
}

/* End Comment form */
/* Recent posts with thumb */
.widget_sekia_posts_thumbs .item {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.widget_sekia_posts_thumbs .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.widget_sekia_posts_thumbs .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.widget_sekia_posts_thumbs .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-position: center center !important;
}

.widget_sekia_posts_thumbs .item .info {
  overflow: hidden;
}

.widget_sekia_posts_thumbs .item .info .title {
  font-size: 15px;
  margin: 0;
  line-height: 1.5;
}

.widget_sekia_posts_thumbs .item .info .title a {
  color: #484848;
}

.widget_sekia_posts_thumbs .item .info time {
  display: block;
  font-size: 13px;
  color: #767676;
  margin-top: 5px;
}

.widget_sekia_posts_thumbs .no-thumb .info time {
  margin-top: 0;
}

/* End Resent posts with thumb */
/* Unit test all post style */
.wp-block-image {
  margin-bottom: 20px;
}

.wp-block-image figcaption {
  color: #62618d;
  font-size: 14px;
  margin-top: 12px;
}

.wp-block-image figcaption a {
  text-decoration: underline;
}

.wp-block-image figcaption a:hover {
  text-decoration: none;
}

.wp-block-button .wp-block-button__link {
  font-size: 16px;
  border-radius: 5px;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: #222;
  color: #fff;
}

.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  font-size: 16px;
  border-radius: 5px;
}

.is-style-outline .wp-block-button__link:hover {
  background-color: transparent;
  color: #222 !important;
  border-color: #222;
}

pre.wp-block-code {
  border: 1px solid #eee;
  padding: 10px 15px;
}

pre.wp-block-preformatted {
  background-color: #fafafa;
  padding: 20px;
  margin: 20px 0;
}

.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d;
  border-color: transparent;
  border-width: 2px;
  padding: 0;
}

.wp-block-pullquote blockquote {
  color: #111;
  border: none;
  margin-right: 0;
  padding-left: 0;
}

.wp-block-pullquote blockquote p {
  font-size: 2.25em;
  font-style: italic;
}

.wp-block-pullquote blockquote cite {
  display: inline-block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  line-height: 1.6;
  text-transform: none;
  color: #767676;
  font-size: 15px;
  font-style: normal;
}

.wp-block-table.is-style-stripes td {
  border-color: #767676;
}

.wp-block-verse {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
}

.wp-block-columns {
  margin-top: 20px;
  margin-bottom: 20px;
}

.wp-block-media-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-media-text .has-large-font-size {
  font-size: 25px;
  margin-top: 0 !important;
}

.page-links {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
}

.page-links span.page-links-title {
  font-weight: 500;
  font-size: 20px;
  padding-right: 10px;
}

.page-links .post-page-numbers {
  width: 35px;
  height: 35px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #eee;
  font-size: 15px;
  line-height: 35px;
  color: #0a0c19;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  text-decoration: none !important;
}

.page-links .post-page-numbers:hover {
  color: #ffffff;
}

.page-links .current {
  color: #ffffff;
}

.wp-block-archives-list {
  padding: 0 !important;
}

.wp-block-archives-list li {
  list-style: none !important;
}

.wp-block-archives-list li a {
  color: #62618d;
}

.wp-block-archives-list li a:hover {
  text-decoration: underline;
}

.wp-block-categories-list {
  padding: 0 !important;
}

.wp-block-categories-list li {
  list-style: none !important;
}

.wp-block-categories-list li a {
  color: #62618d;
  text-transform: capitalize;
}

.wp-block-categories-list li a:hover {
  text-decoration: underline;
}

.wp-block-categories-list li span.post-count {
  padding-left: 8px;
  float: right;
}

.wp-block-categories-list li .children li a {
  position: relative;
}

.wp-block-categories-list li .children li a::before {
  content: '-';
  position: absolute;
  left: -13px;
  top: -2px;
}

.wp-block-archives-dropdown {
  margin-bottom: 20px;
}

.wp-block-archives-dropdown select {
  height: 45px;
  border: 1px solid #eee;
  width: 100%;
  font-size: 14px;
  padding: 8px 15px;
  color: #555;
}

.wp-block-latest-comments {
  padding: 0 !important;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  font-weight: 600;
  text-decoration: underline;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover {
  text-decoration: none;
}

.wp-block-latest-posts li a {
  font-weight: 600;
}

.blog-details-area iframe, .blog-details-area video {
  width: 100%;
}

.wp-block-gallery {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wp-block-gallery .blocks-gallery-item {
  margin-bottom: 15px !important;
}

.wp-block-cover {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-cover p.wp-block-cover-text {
  font-weight: bold;
  margin-bottom: 20px !important;
  font-size: 30px !important;
  line-height: 1.5;
}

.wp-block-cover p.wp-block-cover-text strong {
  color: #fff;
}

.wp-block-cover.has-background-dim.alignleft {
  margin-top: 0;
}

.wp-block-cover.has-background-dim-60.has-background-dim .wp-block-cover-text a {
  color: #fff;
}

.wp-block-file a {
  text-decoration: underline;
  font-size: 15px;
}

.wp-block-file a:hover {
  text-decoration: none;
}

.wp-block-file .wp-block-file__button {
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 500;
  display: table;
  margin: 10px 0 0;
}

.wp-block-file .wp-block-file__button:hover {
  background-color: #000 !important;
  color: #fff;
}

.wp-block-quote.is-style-large {
  border: none;
  padding-left: 0;
  margin: 20px 0;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color p {
  color: #fff;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color cite {
  color: #fff;
  font-style: normal;
}

.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote {
  max-width: 80%;
  background: transparent;
}

.wp-block-gallery.alignwide {
  width: 100%;
}

.wp-caption .wp-caption-text {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  text-align: center;
  padding: 12px 0 0;
}

.wp-caption .wp-caption-text a {
  text-decoration: underline;
}

.wp-caption .wp-caption-text a:hover {
  text-decoration: none;
}

.has-very-light-gray-color.has-very-light-gray-color {
  color: #fff;
}

.wp-block-video figcaption {
  color: #62618d;
}

pre.wp-block-verse {
  color: #62618d;
}

/* End Unit test all post style */
/* Post Format: Gallery */
.gallery {
  margin: 30px -1.1666667% 0;
}

.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  padding: 0 1.1400652% 2.2801304%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

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

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

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

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

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

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

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

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  font-size: 14px;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385em;
}

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

/* End Post Format: Gallery */
/* Pingback style */
.comments-area .comment-list .trackback .comment-body {
  margin-left: 0 !important;
}

.comments-area .comment-list .trackback .comment-body a {
  text-decoration: underline;
}

.comments-area .comment-list .trackback .comment-body a:hover {
  text-decoration: none;
}

.comments-area .comment-list .trackback a.url {
  display: inherit;
  margin-top: 10px;
  font-size: 15px;
}

.comments-area .comment-list .trackback span.edit-link {
  margin-top: 10px;
  display: inherit;
}

.comments-area .comment-list .pingback .comment-body {
  margin-left: 0 !important;
}

.comments-area .comment-list .pingback .comment-body a {
  text-decoration: underline;
}

.comments-area .comment-list .pingback .comment-body a:hover {
  text-decoration: none;
}

.comments-area .comment-list .pingback a.url {
  display: inherit;
  margin-top: 10px;
  font-size: 15px;
}

.comments-area .comment-list .pingback span.edit-link {
  margin-top: 10px;
  display: inherit;
}

/* End Pingback style */
/* Post password form style */
.post-password-form label {
  font-weight: 600;
}

.post-password-form label input {
  border: 1px solid #ccc;
  height: 45px;
  margin: 0 10px;
  padding: 5px 15px;
}

.post-password-form input[type="submit"] {
  border: 1px solid;
  color: #fff;
  height: 45px;
  padding: 5px 20px;
  font-weight: 600;
  cursor: pointer;
}

.post-password-form input[type="submit"]:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

/* End Post password form style */
/* Comment navigation */
.comment-navigation .nav-links {
  overflow: hidden;
  margin-bottom: 25px;
}

.comment-navigation .nav-links .nav-previous {
  float: left;
}

.comment-navigation .nav-links .nav-previous a {
  border: 1px solid #eee;
  padding: 7px 18px;
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
}

.comment-navigation .nav-links .nav-previous a:hover {
  background-color: #000;
  color: #fff;
}

.comment-navigation .nav-links .nav-next {
  float: right;
}

.comment-navigation .nav-links .nav-next a {
  border: 1px solid #eee;
  padding: 7px 18px;
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
}

.comment-navigation .nav-links .nav-next a:hover {
  background-color: #000;
  color: #fff;
}

/* End Comment navigation */
/* Post search not found form */
.no-results h1.page-title {
  font-size: 25px;
}

.no-results form {
  position: relative;
}

.no-results form .form-control {
  border-radius: 0;
}

.no-results form .search-submit {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  border: none;
  color: #fff;
  font-size: 15px;
  height: 50px;
  padding: 05px 15px;
}

.no-results form .search-submit:hover {
  background-color: #222;
  color: #fff;
}

/* End Post search not found form */
/* Single footer widget */
.footer-area .single-footer-widget img.alignnone.size-full {
  margin: 15px 0 30px;
}

.footer-area .single-footer-widget h3 a {
  color: #0d1028;
}

.footer-area .single-footer-widget ul {
  padding-left: 0;
  list-style-type: none;
  margin: 0;
}

.footer-area .single-footer-widget ul li {
  font-size: 15px;
  position: relative;
  margin-bottom: 5px;
  line-height: 1.8;
  color: #62618d;
  font-weight: 600;
}

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

.footer-area .single-footer-widget ul li a {
  color: #62618d;
}

.footer-area .single-footer-widget ul .children {
  padding-left: 15px;
}

.footer-area .single-footer-widget table td, .footer-area .single-footer-widget table th {
  color: #62618d;
}

.footer-area .widget_search form {
  position: relative;
}

.footer-area .widget_search form .form-control {
  background-color: #fff;
  border-radius: 0;
  height: 50px;
  padding: 6px 18px;
  width: 100%;
  display: block;
}

.footer-area .widget_search form button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  border: none;
  color: #fff;
  font-size: 20px;
  height: 50px;
  padding: 0 15px;
}

.footer-area .widget_search form button:hover {
  background-color: #000;
  color: #fff;
}

.footer-area select {
  height: 45px;
  border: 2px solid #eee;
  width: 100%;
  color: #62618d;
  font-size: 15px;
  padding: 8px 15px;
}

.footer-area .widget_categories ul li a {
  display: block;
  text-transform: capitalize;
}

.footer-area .widget_categories ul li .children {
  margin-top: 5px;
}

.footer-area .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 5px;
  display: inline-block;
}

.footer-area .widget_pages ul li a {
  text-transform: capitalize;
}

.footer-area .widget_rss ul li {
  margin-bottom: 20px;
}

.footer-area .widget_rss ul li::before {
  top: 10px;
}

.footer-area .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.footer-area .widget_rss ul li .rsswidget {
  display: block;
  color: #62618d;
  font-weight: 600;
  font-size: 17px;
}

.footer-area .widget_rss ul li .rss-date {
  color: #62618d;
  font-size: 11px;
  margin: 5px 0 10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer-area .widget_rss ul li .rssSummary {
  color: #62618d;
}

.footer-area .widget_rss ul li cite {
  font-weight: 500;
  display: block;
  margin-top: 10px;
  font-style: normal;
  color: #62618d;
}

.footer-area .tagcloud a {
  border: 1px solid #62618d;
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px !important;
  color: #62618d;
  margin: 5px 5px 5px 0;
  text-transform: capitalize;
}

.footer-area .tagcloud a:hover {
  color: #fff;
}

.footer-area .widget_text p {
  color: #62618d;
  margin-top: 5px;
}

.footer-area .widget_text p:first-child {
  margin-top: 0;
}

.footer-area .widget_text p strong {
  font-size: 14px;
}

.footer-area .widget_text p img {
  margin: 10px 0;
  max-width: 100%;
  width: auto;
}

.footer-area .calendar_wrap table {
  text-align: center;
  margin: 0;
}

.footer-area .calendar_wrap table #today {
  font-weight: 500;
  color: #fff;
}

.footer-area .calendar_wrap table #today a {
  color: #fff;
  text-decoration: none;
}

.footer-area .calendar_wrap table #prev a, .footer-area .calendar_wrap table #next a {
  text-decoration: underline;
  font-size: 14px;
}

.footer-area .calendar_wrap table #prev a:hover, .footer-area .calendar_wrap table #next a:hover {
  text-decoration: none;
}

.footer-area .calendar_wrap table td a, .footer-area .calendar_wrap table th a {
  color: #62618d;
  font-size: 15px;
}

.footer-area .calendar_wrap caption {
  color: #62618d;
  caption-side: top;
  font-weight: 600;
  padding: 0 0 15px;
  line-height: 1;
}

.footer-area .widget_nav_menu .sub-menu {
  margin-top: 5px;
  padding-left: 15px;
}

.footer-area .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: 600;
  font-size: 14px;
}

.footer-area .widget_recent_comments .recentcomments .comment-author-link a {
  color: #62618d;
}

.footer-area .widget_media_gallery .gallery {
  margin: 0;
}

.footer-area .widget_media_gallery .gallery .gallery-item {
  margin: 0;
}

.footer-area .widget_recent_entries ul li {
  line-height: 1.5;
}

.footer-area .widget_recent_entries ul li a {
  color: #62618d;
  font-weight: bold;
  font-size: 14px;
}

.footer-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 12px;
  color: #767676;
  text-transform: uppercase;
  margin-top: 5px;
}

.footer-area span.post-count {
  float: right;
  font-size: 14px;
}

.footer-area img.rss-widget-icon {
  margin-top: -5px;
}

/* End Single footer widget */
/* After login top bar */
.sekia-nav.hide-wp-nav {
  margin-top: 32px;
}

/* End After login top bar */
.sekia-single-blank-page {
  height: 400px;
}

/* All shop pages style
================================================*/
.products-area {
  position: relative;
}

/* woocommerce-products-header */
.page-title-banner .woocommerce-breadcrumb {
  margin: 10px 0 0;
  color: #fff;
  font-size: 15px;
}

.page-title-banner .woocommerce-breadcrumb a {
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0 2px;
}

/* End woocommerce-products-header */
/* Woocommerce topbar */
.woocommerce-topbar {
  border: 1px solid #eee;
  position: relative;
  padding: 20px 30px;
  margin-bottom: 30px;
  background: #fafafa;
}

.woocommerce-topbar .woocommerce-result-count {
  font-size: 16px;
  margin: 0;
  float: none;
  color: #565656;
}

.woocommerce-topbar .woocommerce-topbar-ordering {
  margin: 0;
  float: none;
  position: absolute;
  top: 10px;
  right: 20px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .form-control {
  border: 1px solid #eee;
  cursor: pointer;
  background-color: #fff;
  border-color: #ebebeb;
  border-radius: 0;
  height: 50px;
  padding: 10px 15px;
  width: 200px;
  font-size: 15px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .form-control option {
  font-size: 14px;
}

/* End woocommerce topbar */
/* Single products card */
.woocommerce ul.products {
  margin: 0;
}

.woocommerce ul.products li.product h3 {
  margin-bottom: 15px;
  font-size: 20px;
  padding: 0;
}

.woocommerce ul.products li.product .price {
  color: #ff2d2d;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}

.woocommerce ul.products li.product .price del {
  margin-right: 3px;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  font-weight: 600;
}

.woocommerce ul.products li.product .star-rating {
  margin: 12px auto 27px;
  color: #eac11d;
}

.woocommerce ul.products li.product .add-to-cart-btn {
  display: inline-block;
  border: 1px solid;
  padding: 10px 22px;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  line-height: 20px;
  font-size: 13px;
}

.woocommerce ul.products li.product:hover .add-to-cart-btn {
  border-radius: 30px;
  color: #ffffff;
}

.woocommerce ul.products li.product a.added_to_cart {
  margin-left: 10px;
}

.single-products {
  text-align: center;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #eee;
}

.single-products > a {
  display: none;
}

.single-products .products-image {
  overflow: hidden;
  position: relative;
}

.single-products .products-image > a {
  display: block !important;
}

.single-products .products-image img {
  -webkit-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  margin: 0 !important;
}

.single-products .products-image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  content: '';
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.single-products .products-image ul {
  padding: 0;
  z-index: 2;
  list-style-type: none;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

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

.single-products .products-image ul li a {
  display: block;
  background: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
  margin: 0 5px;
}

.single-products .products-image ul li a:hover {
  color: #ffffff;
}

.single-products .products-image ul li a:nth-child(1) {
  margin-left: -15px;
}

.single-products .products-image ul li a:nth-child(3) {
  margin-right: -15px;
}

.single-products .products-content {
  padding: 30px 15px;
  border-top: 1px solid #eee;
}

.single-products .products-content ul {
  padding-left: 0;
  margin-bottom: 20px;
  list-style-type: none;
}

.single-products .products-content ul li {
  display: inline-block;
  color: #eac11d;
  font-size: 15px;
}

.single-products:hover .products-image img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.single-products:hover .products-image::before {
  opacity: .40;
  visibility: visible;
}

.single-products:hover .products-image ul {
  opacity: 1;
  visibility: visible;
}

.single-products:hover .products-image ul li a:nth-child(1) {
  margin-left: 0;
}

.single-products:hover .products-image ul li a:nth-child(3) {
  margin-right: 0;
}

.single-products .sale-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #ff2d2d;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  z-index: 2;
  font-size: 13px;
  text-align: center;
}

.product-link a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: none;
}

/* End single products card */
/* Product Quick View Modal */
.productsQuickView {
  padding: 0 !important;
  z-index: 1000000;
}

.productsQuickView .modal-dialog {
  max-width: 900px;
}

.productsQuickView .modal-dialog .modal-content {
  border: none;
  border-radius: 0;
}

.productsQuickView .modal-dialog .modal-content button.close {
  position: absolute;
  right: 10px;
  display: inline-block;
  opacity: 1;
  top: 10px;
  width: 35px;
  z-index: 333;
  height: 35px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  outline: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.productsQuickView .modal-dialog .modal-content button.close:hover, .productsQuickView .modal-dialog .modal-content button.close:hover {
  color: #ffffff;
}

.productsQuickView .modal-dialog .modal-content button.close span {
  display: block;
  margin-top: -2px;
}

.productsQuickView .modal-dialog .modal-content .products-image img {
  width: 100%;
}

.productsQuickView .modal-dialog .modal-content .products-content {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.productsQuickView .modal-dialog .modal-content .products-content h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}

.productsQuickView .modal-dialog .modal-content .products-content p {
  margin-bottom: 15px;
  font-size: 15px;
}

.productsQuickView .modal-dialog .modal-content .products-content .price {
  color: #ff2d2d;
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.productsQuickView .modal-dialog .modal-content .products-content .price del {
  margin-right: 5px;
  opacity: .60;
}

.productsQuickView .modal-dialog .modal-content .products-content .star-rating {
  color: #eac11d;
  font-size: 14px;
  display: block;
  margin-bottom: 15px;
  float: none;
}

.productsQuickView .modal-dialog .modal-content .products-content form .quantity {
  display: inline-block;
}

.productsQuickView .modal-dialog .modal-content .products-content form .quantity input {
  border: 1px solid #eeeeee;
  background: #ffffff;
  height: 45px;
  padding: 8px 15px;
  width: 75px;
  outline: 0;
  font-size: 16px;
}

.productsQuickView .modal-dialog .modal-content .products-content form button {
  border-radius: 0;
  color: #ffffff;
  border: none;
  height: 45px;
  padding: 0 20px;
  position: relative;
  top: -1px;
  cursor: pointer;
  font-weight: 600;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 14px;
  margin-left: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content form button:hover {
  background-color: #0a0c19;
  color: #ffffff;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta {
  margin-top: 15px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta .sku_wrapper {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta .posted_in {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta .tagged_as {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta span {
  display: inline-block;
  color: #0a0c19;
  margin-right: 8px;
  font-size: 15px;
  font-weight: 600;
}

.productsQuickView .modal-dialog .modal-content .products-content .product-meta span a {
  display: inline-block;
  color: #666666;
  font-weight: normal;
  font-size: 13px;
  text-transform: capitalize;
}

.productsQuickView .grouped_form {
  font-size: 14px;
}

.productsQuickView .grouped_form .add-to-cart-btn {
  color: #fff;
  font-size: 12px;
  padding: 10px 10px;
}

.productsQuickView .grouped_form .add-to-cart-btn:hover {
  background-color: #000;
  color: #fff;
}

.productsQuickView .variations_form td {
  text-transform: capitalize;
}

.productsQuickView .variations_form td a.reset_variations {
  margin-left: 10px;
}

.productsQuickView .variations_form .label label {
  margin: 0;
}

.productsQuickView .variations_form .value select {
  border: 1px solid #eee;
  font-size: 13px;
  height: 35px;
  padding: 5px 10px;
}

.productsQuickView .variations_form .reset_variations {
  font-size: 13px;
  margin-top: 10px;
}

.productsQuickView .variations_form .woocommerce-variation-price {
  margin-bottom: 10px;
}

.productsQuickView table.variations {
  margin-bottom: 15px;
}

.productsQuickView table.variations .nice-select span.current {
  font-size: 14px;
}

/* End Product Quick View Modal */
/* Product details style */
.pswp {
  z-index: 100005;
}

.products_details {
  /* You May Also Like Products */
  /* End You May Also Like Products */
  /* Related Products */
  /* End Related Products */
}

.products_details .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
  display: block;
}

.products_details div.product {
  /* Woocommerce tabs */
  /* End Woocommerce tabs */
}

.products_details div.product span.sale-btn {
  position: absolute;
  text-align: center;
  top: 15px;
  left: 15px;
  background: #ff2d2d;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  z-index: 2;
  font-size: 13px;
}

.products_details div.product .product_title {
  display: block;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 15px;
}

.products_details div.product .product_title::before {
  content: '';
  left: 0;
  bottom: -1px;
  width: 30px;
  height: 2px;
  position: absolute;
}

.products_details div.product p.price, .products_details div.product span.price {
  font-size: 15px;
  margin-bottom: 5px;
  color: #ff2d2d;
  font-weight: 600;
}

.products_details div.product p.price del, .products_details div.product span.price del {
  margin-right: 5px;
}

.products_details div.product p.price ins, .products_details div.product span.price ins {
  text-decoration: none;
}

.products_details div.product .woocommerce-product-rating {
  margin-bottom: 5px;
}

.products_details div.product .woocommerce-product-rating .star-rating {
  font-size: 14px;
  color: #eac11d;
}

.products_details div.product .woocommerce-product-rating a.woocommerce-review-link {
  color: #62618d;
  font-size: 14px;
}

.products_details div.product .woocommerce-product-details__short-description p {
  font-size: 15px;
}

.products_details div.product form.cart {
  margin-top: 15px;
  margin-bottom: 0;
}

.products_details div.product form.cart .qty {
  height: 40px;
  font-size: 14px;
  width: 100px;
  padding: 5px;
  border: 1px solid #eee;
}

.products_details div.product form.cart a.button.alt, .products_details div.product form.cart button.button.alt, .products_details div.product form.cart input.button.alt {
  font-weight: normal;
  font-size: 13px;
  height: 40px;
  border-radius: 0;
}

.products_details div.product form.cart a.button.alt:hover, .products_details div.product form.cart button.button.alt:hover, .products_details div.product form.cart input.button.alt:hover {
  background-color: #000;
  color: #fff;
}

.products_details div.product form.cart table {
  margin-bottom: 15px;
  border-bottom: none;
}

.products_details div.product form.cart table tr del {
  opacity: .50;
  margin-right: 3px;
}

.products_details div.product form.cart table tr:nth-child(even), .products_details div.product form.cart table tr:hover {
  background-color: #fff;
}

.products_details div.product form.cart .variations {
  margin-bottom: 15px;
  border-bottom: none;
}

.products_details div.product form.cart .variations select {
  border: 1px solid #eee;
  height: 35px;
  font-size: 14px;
  padding: 5px 10px;
}

.products_details div.product form.cart .variations label {
  text-transform: capitalize;
}

.products_details div.product form.cart .variations th, .products_details div.product form.cart .variations td {
  padding: 5px 0;
}

.products_details div.product form.cart .variations th span.current, .products_details div.product form.cart .variations td span.current {
  margin: 0;
  font-size: 14px;
}

.products_details div.product form.cart .single_variation_wrap p {
  font-size: 15px;
}

.products_details div.product form.cart .single_variation_wrap .woocommerce-variation-price {
  margin-bottom: 10px;
}

.products_details div.product form.cart .group_table td {
  vertical-align: middle;
}

.products_details div.product form.cart .group_table td label {
  margin: 0;
  font-size: 14px;
}

.products_details div.product form.cart .group_table td:first-child {
  width: 130px;
  text-align: center;
}

.products_details div.product form.cart .group_table td .qty {
  width: 100%;
}

.products_details div.product form.cart .group_table td .button {
  font-weight: normal;
  font-size: 13px;
  border-radius: 0;
  color: #fff;
  padding: 12px 15px;
  width: 100%;
}

.products_details div.product form.cart .group_table td .button:hover {
  background-color: #000;
  color: #fff;
}

.products_details div.product .product_meta {
  margin-top: 20px;
}

.products_details div.product .product_meta span.sku_wrapper {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 5px;
}

.products_details div.product .product_meta span.posted_in, .products_details div.product .product_meta span.tagged_as {
  margin-top: 5px;
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
}

.products_details div.product .product_meta span.posted_in a, .products_details div.product .product_meta span.tagged_as a {
  font-size: 15px;
  color: #666666;
  margin-left: 5px;
  display: inline-block;
  text-transform: capitalize;
}

.products_details div.product .woocommerce-tabs {
  padding-top: 10px;
}

.products_details div.product .woocommerce-tabs ul.tabs {
  margin: 0;
  padding: 0;
}

.products_details div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 1px solid #eee;
}

.products_details div.product .woocommerce-tabs ul.tabs li {
  background-color: #fafafa;
  margin: 0 10px 0 0;
  border-color: #eee;
  padding: 0;
}

.products_details div.product .woocommerce-tabs ul.tabs li::after, .products_details div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}

.products_details div.product .woocommerce-tabs ul.tabs li a {
  padding: 10px 20px;
  font-size: 15px;
}

.products_details div.product .woocommerce-tabs ul.tabs li.active {
  color: #fff;
  border-radius: 0;
}

.products_details div.product .woocommerce-tabs ul.tabs li.active a:hover {
  color: #fff;
}

.products_details div.product .woocommerce-tabs .panel {
  margin: 0;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 25px;
}

.products_details div.product .woocommerce-tabs .panel h1, .products_details div.product .woocommerce-tabs .panel h2, .products_details div.product .woocommerce-tabs .panel h3 {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.products_details div.product .woocommerce-tabs .panel h4, .products_details div.product .woocommerce-tabs .panel h5, .products_details div.product .woocommerce-tabs .panel h6 {
  font-size: 17px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.products_details div.product .woocommerce-tabs .panel p {
  font-size: 15px;
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-tabs .panel p:last-child {
  margin-bottom: 0;
}

.products_details div.product .woocommerce-tabs .panel table.shop_attributes {
  margin-bottom: 0;
  margin-top: 15px;
}

.products_details div.product .woocommerce-tabs .panel table.shop_attributes td, .products_details div.product .woocommerce-tabs .panel table.shop_attributes th {
  border: 1px solid #eee !important;
  padding: 10px 15px;
  text-transform: capitalize;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
  border: none;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .woocommerce-Reviews-title {
  text-transform: capitalize;
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments p.woocommerce-noreviews {
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 15px !important;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments ol.commentlist li {
  margin-bottom: 15px !important;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments p.meta {
  margin-bottom: 5px !important;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .woocommerce-review__author {
  color: #222222;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .star-rating {
  font-size: 14px;
  color: #eac11d;
}

.products_details div.product .woocommerce-tabs .panel .products-reviews #comments .description p {
  font-size: 15px;
  margin-bottom: 12px !important;
}

.products_details div.product .woocommerce-tabs .panel .comment-reply-title {
  font-size: 15px;
  font-weight: normal;
  border-bottom: none;
  display: block;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.products_details div.product .woocommerce-tabs .panel .comment-reply-title::before {
  display: none;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating label {
  margin-bottom: 5px;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating p.stars {
  margin-bottom: 20px !important;
  display: inline-block;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating p.stars a {
  color: #eac11d;
}

.products_details div.product .woocommerce-tabs .panel .comment-form-rating .nice-select {
  margin-bottom: 20px;
  border-radius: 0;
}

.products_details div.product .woocommerce-tabs .panel #respond textarea#comment {
  padding: 12px 15px;
  font-size: 15px;
}

.products_details div.product .woocommerce-tabs .panel #respond .comment-form-comment textarea {
  margin: 0;
}

.products_details div.product .woocommerce-tabs .panel #respond p.comment-form-comment, .products_details div.product .woocommerce-tabs .panel #respond .comment-form-author, .products_details div.product .woocommerce-tabs .panel #respond .comment-form-email, .products_details div.product .woocommerce-tabs .panel #respond .comment-form-cookies-consent {
  margin-bottom: 20px !important;
}

.products_details div.product .woocommerce-tabs .panel #respond p.form-submit {
  margin: 0 !important;
}

.products_details div.product .woocommerce-tabs .panel #respond input#submit {
  padding: 13px 20px;
  border-radius: 0;
  color: #fff;
  border: 1px solid;
  font-size: 14px;
}

.products_details div.product .woocommerce-tabs .panel #respond input#submit:hover {
  background-color: #000000;
  color: #fff;
  border: 1px solid #000000;
}

.products_details .up-sells.upsells.products {
  margin-top: 35px;
}

.products_details .up-sells.upsells.products h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.products_details .related.products {
  margin-top: 35px;
}

.products_details .related.products h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

@-webkit-keyframes scaleup {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleup {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes starred {
  from {
    color: #f2b01e;
  }
  to {
    color: #f2b01e;
  }
}

@keyframes starred {
  from {
    color: #f2b01e;
  }
  to {
    color: #f2b01e;
  }
}

/* End Product details */
/* Cart pages style */
.cart-table table {
  margin-bottom: 0;
}

.cart-table table thead tr th {
  color: #0d1028;
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 15px !important;
  text-transform: uppercase;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #eaedff;
  font-weight: 700;
  font-size: 14px;
}

.cart-table table tbody tr td {
  vertical-align: middle;
  padding: 10px 12px !important;
  border-color: #eaedff;
  border-left: none;
  border-right: none;
}

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

.cart-table table tbody tr td.product-thumbnail a img {
  width: 50px;
}

.cart-table table tbody tr td.product-name a {
  font-weight: normal;
  display: inline-block;
}

.cart-table table tbody tr td.product-name span {
  font-weight: 600;
}

.cart-table table tbody tr td.product-subtotal .remove {
  color: red;
  float: right;
  position: relative;
  top: -1px;
}

.cart-table table tbody tr td.product-quantity .form-control {
  background: transparent;
  width: 80px;
}

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

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

.cart-table .quantity .input-text {
  border: 1px solid #eee;
  height: 40px;
  font-size: 15px;
  padding: 5px 10px;
  width: 100px;
}

.cart-table .coupon .form-control {
  width: 150px !important;
  padding: 5px 15px !important;
  height: 48px;
  margin-right: 10px !important;
}

.cart-table a.remove {
  font-size: 17px;
}

.cart-table a.remove:hover {
  background-color: transparent;
  color: red !important;
}

.cart-table a.remove i {
  font-style: inherit;
}

.cart-totals {
  background: #ffffff;
  padding: 40px;
  max-width: 600px;
  width: 100% !important;
  -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin: 10px auto 0;
  float: none !important;
}

.cart-totals h3 {
  margin-top: -5px;
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 700;
}

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

.cart-totals ul li {
  border: 1px solid #eaedff;
  padding: 10px 15px;
  color: #0a0c19;
  font-weight: 600;
  overflow: hidden;
}

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

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

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

.cart-totals .wc-proceed-to-checkout {
  padding-bottom: 0;
}

.cart-totals .wc-proceed-to-checkout .btn {
  color: #fff;
  text-decoration: none;
}

/* End cart pages style */
.checkout-area .title {
  font-size: 20px;
  margin-bottom: 20px;
}

.checkout-area .select2-container--default .select2-selection--single {
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 50px;
}

.checkout-area .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #495057;
  margin-top: 10px;
  padding-left: 15px;
  font-size: 14px;
}

.checkout-area .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 12px;
  right: 10px;
}

/* Checkout page style */
/* Billing details */
.billing-details {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
}

.billing-details .form-row:last-child {
  margin-bottom: 0;
}

.billing-details .form-group label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  line-height: 1 !important;
  color: #000;
}

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

.billing-details .form-group .woocommerce-input-wrapper {
  width: 100%;
  display: block;
}

.billing-details .form-group .form-control {
  background: #fff;
  border: 1px solid #eee;
  height: 45px;
  font-size: 15px;
}

.billing-details .form-group select {
  cursor: pointer;
}

.billing-details .form-check {
  margin-bottom: 15px;
}

.billing-details .form-check label {
  font-size: 15px;
  font-weight: 400;
}

.checkout-area .woocommerce-shipping-fields {
  margin-top: 30px;
}

.checkout-area .woocommerce-shipping-fields h3 {
  font-size: 16px;
  margin-top: 0;
}

.checkout-area form .form-row {
  padding: 0;
  margin: 0 0 25px;
}

.checkout-area .shipping_address .form-group label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  line-height: 1 !important;
  color: #000;
}

.checkout-area .shipping_address .form-group .form-control {
  background: #fff;
  border: 1px solid #eee;
  height: 45px;
  font-size: 15px;
}

.checkout-area .shipping_address .form-group .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.checkout-area .woocommerce-additional-fields .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

.checkout-area .woocommerce-additional-fields .form-row:last-child {
  margin-bottom: 0;
}

.order-details {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
}

.order-details ul {
  list-style-type: none;
}

.order-details ul li {
  list-style-type: none;
}

.order-details .form-row:last-child {
  margin-bottom: 0;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  padding: 1em 2em 1em 3.5em !important;
}

/* End checkout page style */
/* Checkout coupon */
.woocommerce .checkout_coupon {
  border: 1px solid #eee;
}

.woocommerce .checkout_coupon .input-text {
  border: 1px solid #eee;
  height: 45px;
  padding: 8px 15px;
}

.woocommerce .checkout_coupon .button {
  color: #fff;
  font-size: 14px;
  height: 45px;
  padding: 10px 20px;
}

.woocommerce .checkout_coupon .button:hover {
  background-color: #000;
  color: #fff;
}

/* Shop Sidebar */
.shop-sidebar {
  padding-left: 15px;
}

.shop-sidebar ul {
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
}

.shop-sidebar ul li {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
}

.shop-sidebar ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.shop-sidebar ul li a {
  color: #0a0c19;
}

.shop-sidebar ul ul.children {
  padding-left: 15px !important;
  margin-top: 8px;
}

.shop-sidebar .widget {
  margin-top: 30px;
  border: 1px solid #eee;
  padding: 30px 25px;
  background-color: #fff;
}

.shop-sidebar .widget:first-child {
  margin-top: 0;
}

.shop-sidebar .widget h3 {
  font-size: 18px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.shop-sidebar .widget .tagcloud a {
  border: 1px solid #eee;
  padding: 6px 18px;
  font-size: 14px !important;
  color: #555;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  text-transform: capitalize;
  border-radius: 30px;
}

.shop-sidebar .widget .tagcloud a:hover {
  color: #fff;
}

.shop-sidebar .widget_product_search form {
  position: relative;
}

.shop-sidebar .widget_product_search form .search-field {
  width: 100%;
  display: block;
  height: 50px;
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #eeeeee;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shop-sidebar .widget_product_search form .search-field:hover, .shop-sidebar .widget_product_search form .search-field:focus {
  outline: 0;
}

.shop-sidebar .widget_product_search form button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  border: none;
  color: #fff;
  font-size: 15px;
  height: 50px;
  padding: 05px 15px;
}

.shop-sidebar .widget_product_search form button:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .woocommerce button.button {
  color: #fff;
  font-size: 13px !important;
  font-weight: normal;
}

.shop-sidebar .woocommerce button.button:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .widget_shopping_cart .cart_list li {
  padding-left: 25px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.shop-sidebar .widget_shopping_cart .cart_list li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.shop-sidebar .widget_shopping_cart .cart_list li a {
  font-size: 14px;
}

.shop-sidebar .widget_shopping_cart .cart_list li .remove {
  font-size: 20px !important;
  top: 5px;
}

.shop-sidebar .widget_shopping_cart .cart_list li a img {
  margin-top: 5px;
}

.shop-sidebar .widget_shopping_cart .cart_list li span.quantity {
  font-size: 13px;
}

.shop-sidebar .widget_shopping_cart p.woocommerce-mini-cart__total.total {
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
  color: #333;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li, .shop-sidebar .widget_products .product_list_widget li, .shop-sidebar .widget_recently_viewed_products .product_list_widget li, .shop-sidebar .widget_recent_reviews .product_list_widget li {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li::last-child, .shop-sidebar .widget_products .product_list_widget li::last-child, .shop-sidebar .widget_recently_viewed_products .product_list_widget li::last-child, .shop-sidebar .widget_recent_reviews .product_list_widget li::last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li::last-child, .shop-sidebar .widget_products .product_list_widget li::last-child, .shop-sidebar .widget_recently_viewed_products .product_list_widget li::last-child, .shop-sidebar .widget_recent_reviews .product_list_widget li::last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li a, .shop-sidebar .widget_products .product_list_widget li a, .shop-sidebar .widget_recently_viewed_products .product_list_widget li a, .shop-sidebar .widget_recent_reviews .product_list_widget li a {
  font-size: 14px;
  color: #0a0c19;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li .amount, .shop-sidebar .widget_products .product_list_widget li .amount, .shop-sidebar .widget_recently_viewed_products .product_list_widget li .amount, .shop-sidebar .widget_recent_reviews .product_list_widget li .amount {
  font-size: 13px;
  margin-top: 5px;
  display: inline-block;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li .price, .shop-sidebar .widget_products .product_list_widget li .price, .shop-sidebar .widget_recently_viewed_products .product_list_widget li .price, .shop-sidebar .widget_recent_reviews .product_list_widget li .price {
  color: #ff2d2d;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li del, .shop-sidebar .widget_products .product_list_widget li del, .shop-sidebar .widget_recently_viewed_products .product_list_widget li del, .shop-sidebar .widget_recent_reviews .product_list_widget li del {
  opacity: .60;
  color: #ff2d2d;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li ins, .shop-sidebar .widget_products .product_list_widget li ins, .shop-sidebar .widget_recently_viewed_products .product_list_widget li ins, .shop-sidebar .widget_recent_reviews .product_list_widget li ins {
  text-decoration: none;
  color: #ff2d2d;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li .star-rating, .shop-sidebar .widget_products .product_list_widget li .star-rating, .shop-sidebar .widget_recently_viewed_products .product_list_widget li .star-rating, .shop-sidebar .widget_recent_reviews .product_list_widget li .star-rating {
  margin: 5px 0;
}

.shop-sidebar .widget_top_rated_products .product_list_widget li span.reviewer, .shop-sidebar .widget_products .product_list_widget li span.reviewer, .shop-sidebar .widget_recently_viewed_products .product_list_widget li span.reviewer, .shop-sidebar .widget_recent_reviews .product_list_widget li span.reviewer {
  font-size: 12px !important;
  text-transform: capitalize;
}

.shop-sidebar .star-rating {
  font-size: 12px;
  color: #eac11d;
}

.shop-sidebar a.button {
  color: #fff;
  font-size: 12px;
  margin: 10px 10px 0 0 !important;
  text-transform: capitalize;
}

.shop-sidebar a.button:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .wcppec-cart-widget-button {
  margin-top: 10px;
}

.shop-sidebar .select2-container .select2-selection--single {
  border: 1px solid #eee;
  height: 45px;
  border-radius: 0;
}

.shop-sidebar .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
  padding-right: 20px;
  padding-top: 8px;
}

.shop-sidebar .select2-container .select2-selection--single .select2-selection__placeholder {
  color: #62618d;
}

.shop-sidebar .select2-container .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 5px;
}

.shop-sidebar .select2-container--default .select2-selection--multiple {
  border: 1px solid #eee;
  border-radius: 0;
  padding: 1px 15px;
}

.shop-sidebar span.reviewer {
  font-size: 14px;
}

.shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit {
  border: 1px solid #eee;
  color: #fff;
  font-size: 13px;
  padding: 7px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .widget_price_filter .price_label {
  font-size: 15px;
}

.shop-sidebar .widget_layered_nav .selection ul li {
  border: none;
  padding-top: 5px;
}

.shop-sidebar .widget_layered_nav .selection ul li a {
  color: #eac11d;
}

.select2-dropdown {
  border: 1px solid #eee !important;
}

.select2-results__option {
  padding: 5px 15px !important;
  font-size: 13px !important;
}

.return-to-shop .button.wc-backward {
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
  padding: 12px 20px;
  text-decoration: none;
}

.return-to-shop .button.wc-backward:hover {
  background-color: #000;
  color: #fff;
}

/* End Shop Sidebar */
/* MyAccount */
.woocommerce .woocommerce-MyAccount-navigation {
  background: #fafafa;
  border: 1px solid #eee;
  padding: 30px;
}

.woocommerce .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
  list-style-type: none;
  margin-bottom: 10px;
}

.woocommerce .woocommerce-MyAccount-navigation ul li:last-child {
  margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
  background-color: #fff;
  display: block;
  padding: 7px 20px;
  color: #333;
  text-decoration: none;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-content {
  border: 1px solid #eee;
  padding: 30px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-error {
  margin-top: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields {
  margin-top: 20px;
}

.woocommerce .woocommerce-MyAccount-content form label {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}

.woocommerce .woocommerce-MyAccount-content .col-1 {
  max-width: 48%;
  padding: 0;
}

.woocommerce .woocommerce-MyAccount-content .col-2 {
  max-width: 48%;
  padding: 0;
}

.woocommerce .woocommerce-MyAccount-content h3 {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 10px;
}

.woocommerce .woocommerce-MyAccount-content .title {
  margin-top: 0;
  font-size: 25px;
  margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-content .addresses .edit {
  font-size: 14px;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .input-text {
  border: 1px solid #eee;
  height: 45px;
  padding: 5px 15px;
  font-size: 14px;
  color: #666666;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .woocommerce-form-row span {
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
}

.woocommerce .woocommerce-MyAccount-content .edit-account fieldset {
  margin-top: 20px;
  color: #000;
}

.woocommerce .woocommerce-MyAccount-content .edit-account fieldset legend {
  font-size: 20px;
  color: #000;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
  margin-bottom: 20px;
  padding: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label {
  width: 100%;
  line-height: 1;
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .input-text {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  height: 45px;
  padding: 5px 15px;
  font-size: 14px;
  color: #62618d;
}

.woocommerce-MyAccount-content form p:last-child {
  margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-input-wrapper {
  width: 100%;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection--single {
  height: 45px;
  border: 1px solid #eee;
  border-radius: 0;
  padding: 8px 15px;
  font-size: 13px;
}

.woocommerce .woocommerce-MyAccount-content .button {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 13px 20px;
  text-decoration: none;
}

.woocommerce .woocommerce-MyAccount-content .button:hover {
  background-color: #000;
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-content address {
  font-style: normal;
  font-size: 15px;
  border: 1px solid #eee;
  padding: 10px 20px;
  margin-top: 0;
}

.woocommerce .woocommerce-MyAccount-content fieldset .woocommerce-form-row {
  margin-bottom: 15px;
}

.woocommerce .woocommerce-MyAccount-content p {
  margin-top: 0;
}

/* login form */
.woocommerce form.login, .woocommerce form.register, .woocommerce .woocommerce-ResetPassword {
  border: 1px solid #eee;
  padding: 25px;
  margin: 0 0 0px;
}

.woocommerce form.login .form-row label, .woocommerce form.register .form-row label, .woocommerce .woocommerce-ResetPassword .form-row label {
  font-weight: bold;
  color: #000;
  width: 100%;
  font-size: 15px;
}

.woocommerce form.login button.button, .woocommerce form.register button.button, .woocommerce .woocommerce-ResetPassword button.button {
  color: #fff;
  padding: 12px 25px;
  margin-top: 10px;
}

.woocommerce form.login button.button:hover, .woocommerce form.register button.button:hover, .woocommerce .woocommerce-ResetPassword button.button:hover {
  background-color: #000;
  color: #fff;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.woocommerce form.login button.button::before, .woocommerce form.login button.button::after, .woocommerce form.register button.button::before, .woocommerce form.register button.button::after, .woocommerce .woocommerce-ResetPassword button.button::before, .woocommerce .woocommerce-ResetPassword button.button::after {
  display: none;
}

.wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 {
  color: #fff !important;
}

/* End All shop pages style */
.et-demo-options-toolbar {
  position: fixed;
  top: 50%;
  width: 40px;
  right: 0;
  line-height: 60px;
  border: 1px solid #eee;
  border-right: 0;
  border-radius: 5px 0 0 5px;
  z-index: 99999;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
          box-shadow: -3px 0 10px -2px rgba(0, 0, 0, 0.1);
}

.et-demo-options-toolbar a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #111;
}

.et-demo-options-toolbar a:focus, .et-demo-options-toolbar a:hover {
  color: #111 !important;
}

[class*=hint--] {
  position: relative;
  display: inline-block;
}

[class*=hint--]:before,
[class*=hint--]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
  visibility: visible;
  opacity: 1;
}

[class*=hint--]:hover:before,
[class*=hint--]:hover:after {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

[class*=hint--]:before {
  content: '';
  position: absolute;
  background: 0 0;
  border: 7px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:after {
  background: #000;
  color: #fff;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 15px;
  white-space: nowrap;
  border-radius: 5px;
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label='']:before,
[aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important;
}

.hint--top-left:before {
  border-top-color: #000;
}

.hint--top-right:before {
  border-top-color: #000;
}

.hint--top:before {
  border-top-color: #000;
}

.hint--bottom-left:before {
  border-bottom-color: #000;
}

.hint--bottom-right:before {
  border-bottom-color: #000;
}

.hint--bottom:before {
  border-bottom-color: #000;
}

.hint--left:before {
  border-left-color: #000;
}

.hint--right:before {
  border-right-color: #000;
}

.hint--top:before {
  margin-bottom: -13px;
}

.hint--top:before,
.hint--top:after {
  bottom: 100%;
  left: 50%;
}

.hint--top:before {
  left: calc(50% - 7px);
}

.hint--top:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}

.hint--bottom:before {
  margin-top: -13px;
}

.hint--bottom:before,
.hint--bottom:after {
  top: 100%;
  left: 50%;
}

.hint--bottom:before {
  left: calc(50% - 7px);
}

.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}

.hint--right:before {
  margin-left: -13px;
  margin-bottom: -7px;
}

.hint--right:after {
  margin-bottom: -15px;
}

.hint--right:before,
.hint--right:after {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--right:hover:after {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.hint--left:before {
  margin-right: -13px;
  margin-bottom: -7px;
}

.hint--left:after {
  margin-bottom: -15px;
}

.hint--left:before,
.hint--left:after {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.hint--top-left:before {
  margin-bottom: -13px;
}

.hint--top-left:before,
.hint--top-left:after {
  bottom: 100%;
  left: 50%;
}

.hint--top-left:before {
  left: calc(50% - 7px);
}

.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.hint--top-left:after {
  margin-left: 14px;
}

.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}

.hint--top-right:before {
  margin-bottom: -13px;
}

.hint--top-right:before,
.hint--top-right:after {
  bottom: 100%;
  left: 50%;
}

.hint--top-right:before {
  left: calc(50% - 7px);
}

.hint--top-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.hint--top-right:after {
  margin-left: -14px;
}

.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--top-right:hover:after {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--bottom-left:before {
  margin-top: -13px;
}

.hint--bottom-left:before,
.hint--bottom-left:after {
  top: 100%;
  left: 50%;
}

.hint--bottom-left:before {
  left: calc(50% - 7px);
}

.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.hint--bottom-left:after {
  margin-left: 14px;
}

.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}

.hint--bottom-right:before {
  margin-top: -13px;
}

.hint--bottom-right:before,
.hint--bottom-right:after {
  top: 100%;
  left: 50%;
}

.hint--bottom-right:before {
  left: calc(50% - 7px);
}

.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.hint--bottom-right:after {
  margin-left: -14px;
}

.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.hint--bottom-right:hover:after {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

[class*=hint--]:after {
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

.hint--white:after {
  color: #111;
  background-color: #fff;
  text-shadow: 0 -1px 0px #bfbfbf;
}

.hint--white.hint--top-left:before {
  border-top-color: #fff;
}

.hint--white.hint--top-right:before {
  border-top-color: #fff;
}

.hint--white.hint--top:before {
  border-top-color: #fff;
}

.hint--white.hint--bottom-left:before {
  border-bottom-color: #fff;
}

.hint--white.hint--bottom-right:before {
  border-bottom-color: #fff;
}

.hint--white.hint--bottom:before {
  border-bottom-color: #fff;
}

.hint--white.hint--left:before {
  border-left-color: #fff;
}

.hint--white.hint--right:before {
  border-right-color: #fff;
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--no-animate:before,
.hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}

.hint--bounce:before,
.hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}