/*
@File: Gunter Theme Styles

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

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

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

** - Default CSS
** - Preloader CSS
** - Header CSS
** - Main Banner CSS
** - Features CSS
** - About CSS
** - Services CSS
** - Services Details CSS
** - Project CSS
** - Project Details CSS
** - Feedback CSS
** - Partner CSS
** - Team CSS
** - Subscribe CSS
** - Blog CSS
** - Blog Details CSS
** - Contact CSS
** - Page Title CSS
** - Pagination CSS
** - Sidebar CSS
** - Footer CSS
** - Dark Home CSS
*/
/*================================================
Default CSS
=================================================*/
body {
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #62618d;
}

p {
  font-size: 15px;
  color: #62618d;
  line-height: 1.8;
  margin-bottom: 15px;
  margin-top: 0;
}

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

img {
  max-width: 100%;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin-top: 0;
  margin-bottom: 10px;
  color: #000000;
}

a {
  outline: 0 !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

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

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

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

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

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

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

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

.bg-gray {
  background-color: #f4f4f4;
}

.uk-dark {
  background-color: #000000;
}

button:focus {
  outline: 0;
}

/*uk-default-btn*/
.uk-button-default {
  border: 2px solid;
  color: #ffffff;
}

.uk-button-default:hover, .uk-button-default:focus {
  background: #ffffff;
  color: #ffffff;
}

.uk-button-default i {
  margin-left: 3px;
}

.uk-button {
  font-size: 15px;
  font-weight: 600;
  line-height: unset;
  text-transform: capitalize;
  padding: 13px 32px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.uk-button::before, .uk-button::after {
  content: "";
  position: absolute;
  height: 0;
  width: 51%;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-button::after {
  left: 0;
  top: 0;
}

.uk-button::before {
  right: 0;
  bottom: 0;
}

.uk-button:hover::before, .uk-button:hover::after, .uk-button:focus::before, .uk-button:focus::after {
  height: 100%;
}

/* Section title */
.section-title {
  margin-bottom: 60px !important;
  position: relative;
}

.section-title .bar {
  position: relative;
  z-index: 1;
  width: 55px;
  height: 3px;
  margin-top: 12px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.section-title .bar::before, .section-title .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.section-title .bar::after {
  right: 10px;
}

.section-title .bar::before {
  right: 20px;
}

.section-title span {
  margin-bottom: 5px;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
}

.section-title h2 {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.5;
}

.section-title .uk-button {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
}

/*uk-input*/
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 47px;
}

.uk-input,
.uk-select,
.uk-textarea {
  padding: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  padding-left: 15px;
}

/*================================================
Preloader CSS
=================================================*/
.uk-preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  left: 0;
  right: 0;
}

.uk-preloader .spinner {
  width: 70px;
  height: 70px;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 50%;
  margin-top: -70px;
}

.uk-preloader .spinner .double-bounce1, .uk-preloader .spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
          animation: sk-bounce 2s infinite ease-in-out;
}

.uk-preloader .spinner .double-bounce2 {
  opacity: 0.8;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*================================================
Header CSS
=================================================*/
.header-area {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9999;
  padding-top: 30px;
  padding-bottom: 30px;
}

.header-area .uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}

.header-area.uk-sticky-fixed {
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
}

.header-area #navbar-toggle {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 35px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  padding: 0;
  height: 20px;
  min-height: 20px;
  display: none;
}

.header-area #navbar-toggle span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #000000;
}

.header-area #navbar-toggle * + span {
  margin-top: 3px;
}

.uk-sticky-placeholder {
  display: none;
}

.navbar .uk-navbar-nav li {
  padding: 0 15px;
}

.navbar .uk-navbar-nav li a {
  color: #000000;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  padding: 0;
  position: relative;
  min-height: 25px;
  z-index: 1;
}

.navbar .uk-navbar-nav li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 2px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar .uk-navbar-nav li a:hover::before, .navbar .uk-navbar-nav li a:focus::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.navbar .uk-navbar-nav li .uk-nav-sub {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 200px;
  width: 200px;
  padding: 10px 0;
  background: #fff;
  color: #666;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
  top: 115% !important;
}

.navbar .uk-navbar-nav li .uk-nav-sub li a {
  color: #000000;
}

.navbar .uk-navbar-nav li .uk-nav-sub li a::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 3px;
  content: '';
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar .uk-navbar-nav li .uk-nav-sub li a::before {
  display: none;
}

.navbar .uk-navbar-nav li .uk-nav-sub li a:hover::after, .navbar .uk-navbar-nav li .uk-nav-sub li a:focus::after {
  opacity: 1;
  height: 100%;
  visibility: visible;
}

.navbar .uk-navbar-nav li .uk-nav-sub li.uk-active a::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.navbar .uk-navbar-nav li .uk-nav-sub li:last-child {
  margin-bottom: 0;
}

.navbar .uk-navbar-nav li .uk-nav-sub li .uk-nav-sub {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 95% !important;
}

.navbar .uk-navbar-nav li .uk-nav-sub li .uk-nav-sub li .uk-nav-sub {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.navbar .uk-navbar-nav li .uk-nav-sub li .uk-nav-sub li .uk-nav-sub li .uk-nav-sub {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.navbar .uk-navbar-nav li:hover .uk-dropdown, .navbar .uk-navbar-nav li:hover .uk-nav-sub {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.navbar .uk-navbar-nav li:hover .uk-dropdown li:hover .uk-nav-sub, .navbar .uk-navbar-nav li:hover .uk-nav-sub li:hover .uk-nav-sub {
  opacity: 1;
  visibility: visible;
  top: auto;
  left: -100%;
  margin-top: -30px;
}

.navbar .uk-navbar-nav li.uk-active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.navbar .lang {
  margin-left: 6px;
}

.navbar .lang form select {
  background: transparent;
  border: none;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  outline: 0 !important;
  cursor: pointer;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.navbar .uk-navbar-nav li .uk-nav-sub li .uk-nav-sub li .uk-nav-sub {
  opacity: 0 !important;
  visibility: hidden !important;
}

.navbar .uk-navbar-nav li .uk-nav-sub li .uk-nav-sub li:hover .uk-nav-sub {
  opacity: 1 !important;
  visibility: visible !important;
}

.multi-page-menu .uk-navbar-nav .uk-nav-sub {
  list-style-type: none;
}

.multi-page-menu .uk-navbar-nav .uk-nav-sub li {
  padding: 0;
}

.multi-page-menu .uk-navbar-nav .uk-nav-sub li a {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 20px;
  display: block;
  line-height: 24px;
}

.logo .navbar-brand h2 {
  margin: 0;
  font-size: 30px;
  font-weight: bold;
}

.uk-sticky-below {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  -webkit-box-shadow: 0 0 10px #333;
          box-shadow: 0 0 10px #333;
}

.menu-shrink {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: .9s;
  transition: .9s;
  padding-top: 26px;
  padding-bottom: 26px;
  -webkit-box-shadow: 0 0 10px #5f5959;
          box-shadow: 0 0 10px #5f5959;
}

.header-info {
  overflow: hidden;
  padding: 10px 0;
}

.header-info .h-info-list {
  float: left;
}

.header-info .h-info-list ul {
  list-style-type: none;
  padding: 0;
  margin: 7px 0 0;
}

.header-info .h-info-list ul li {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}

.header-info .h-info-list ul li:last-child {
  margin-right: 0;
}

.header-info .h-info-list ul li i {
  padding-right: 5px;
}

.header-info .h-social-link {
  float: right;
}

.header-info .h-social-link ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.header-info .h-social-link ul li {
  display: inline-block;
  margin: 0 5px 0 0;
}

.header-info .h-social-link ul li i {
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 30px;
}

.top-dark {
  background-color: #000;
  border-bottom: 1px solid #222;
}

.top-dark .h-info-list ul li a {
  color: #eee;
}

.top-light .h-info-list ul li a {
  color: #fff;
}

.top-light .h-info-list ul li a:hover {
  color: #000;
}

.top-light .h-info-list ul li i {
  color: #fff;
}

.top-light .h-social-link li {
  margin: 0;
}

.top-light .h-social-link li a:hover {
  background-color: #fff;
}

.header-area.light {
  background-color: #fff;
}

.header-area.light .cart-link {
  color: #000;
}

.hide-adminbar.menu-shrink {
  margin-top: 32px !important;
}

/* Mobile Navbar */
.mobile-navbar {
  z-index: 999999;
}

.mobile-navbar .uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}

.mobile-navbar .uk-offcanvas-bar {
  width: 290px;
  padding: 40px;
  background-color: #000000;
}

.mobile-navbar .uk-navbar-nav {
  display: block;
}

.mobile-navbar .uk-navbar-nav li {
  padding: 10px 0;
  display: block;
}

.mobile-navbar .uk-navbar-nav li a {
  color: #ffffff;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  padding: 0;
  display: inline-block;
  position: relative;
  min-height: 25px;
  z-index: 1;
}

.mobile-navbar .uk-navbar-nav li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 2px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.mobile-navbar .uk-navbar-nav li a:hover::before, .mobile-navbar .uk-navbar-nav li a:focus::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.mobile-navbar .uk-navbar-nav li.uk-active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.mobile-navbar .uk-navbar-nav li .sub-menu {
  padding-left: 20px;
}

.mobile-navbar .uk-navbar-nav li .sub-menu li {
  padding: 5px 0;
}

.mobile-navbar .uk-navbar-nav li .sub-menu li a {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

/*================================================
Main Banner CSS
=================================================*/
.main-banner {
  height: 800px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: 520px;
  background-position: 92%;
  position: relative;
  z-index: 1;
}

.item-bg1 {
  background-image: url(../img/man1.png);
}

.item-bg2 {
  background-image: url(../img/beard-man.png);
}

.item-bg3 {
  background-image: url(../img/main-women.png);
}

.main-banner-content {
  max-width: 560px;
}

.main-banner-content h2 {
  font-size: 60px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  line-height: 70px;
  padding: 8px 0;
  margin: 0;
}

.main-banner-content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 100%;
  z-index: -1;
}

.main-banner-content p {
  margin-top: 30px;
  margin-bottom: 30px;
}

.main-banner-content a {
  display: inline-block;
}

.main-banner-content .uk-button {
  font-size: 15px;
  padding: 13px 32px;
}

.main-banner-content .video-btn {
  margin-left: 60px;
  color: #848484;
  font-weight: 600;
}

.main-banner-content .video-btn .uk-icon {
  width: 45px;
  margin-right: 10px;
  height: 45px;
  line-height: 40px;
  background-color: #ffffff;
  border: 2px solid;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.main-banner-content .video-btn .uk-icon svg {
  width: 30px;
}

.main-banner-content .video-btn:hover .uk-icon, .main-banner-content .video-btn:focus .uk-icon {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}

.uk-dark .lead-generation-form {
  padding: 40px;
  background-color: #080808;
  border: 3px solid #111;
}

.uk-dark .lead-generation-form .uk-margin {
  padding-left: 0 !important;
}

.uk-dark .lead-generation-form span.wpcf7-list-item {
  margin: 0 !important;
}

.uk-dark .lead-generation-form span.wpcf7-list-item input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 3px !important;
}

.uk-dark .lead-generation-form span.wpcf7-list-item-label {
  font-size: 13px;
  color: #8a8a8a;
}

.uk-dark .lead-generation-form span.wpcf7-list-item-label a {
  color: #bfb8b8;
}

.uk-dark .lead-generation-form span.wpcf7-list-item-label a:hover {
  text-decoration: underline;
  color: #fff;
}

.uk-dark .lead-generation-form .uk-button {
  margin-top: 5px !important;
}

.light-banner .lead-generation-form {
  padding: 40px;
  background-color: #f7f7ff;
}

.light-banner .lead-generation-form .uk-margin {
  padding-left: 0 !important;
}

.light-banner .lead-generation-form span.wpcf7-list-item {
  margin: 0 !important;
}

.light-banner .lead-generation-form span.wpcf7-list-item input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 3px !important;
}

.light-banner .lead-generation-form span.wpcf7-list-item-label {
  font-size: 13px;
  color: #62618d;
}

.light-banner .lead-generation-form span.wpcf7-list-item-label a:hover {
  text-decoration: underline;
}

.light-banner .lead-generation-form .uk-button {
  margin-top: 5px !important;
}

.light-banner .lead-generation-form .uk-input {
  background-color: #fff !important;
  border: 1px solid #eee !important;
}

span.wpcf7-not-valid-tip {
  font-size: 13px;
  margin-top: 10px;
}

div.wpcf7-response-output {
  margin: 20px 0 0;
  padding: 10px 15px;
}

.form-left .main-banner-content {
  margin-top: 30px;
  padding-left: 15px;
}

/* Main banner slider */
.main-banner-slider .owl-nav {
  margin: 0;
}

.main-banner-slider button.owl-prev {
  left: 0;
  position: absolute;
  top: 50%;
  margin: -30px 0 0 !important;
  color: #fff !important;
  border-radius: 0px 0px 0px 0px !important;
  height: 40px !important;
  width: 40px !important;
}

.main-banner-slider button.owl-next {
  right: 0;
  position: absolute;
  top: 50%;
  margin: -30px 0 0 !important;
  color: #fff !important;
  border-radius: 0px 0px 0px 0px !important;
  height: 40px !important;
  width: 40px !important;
}

/* Video Banner BG */
.video-banner-bg {
  position: relative;
}

.video-banner-bg::after {
  content: "";
  background-color: #fff;
  left: 0;
  height: 100%;
  opacity: .80;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.video-banner-bg .video-area {
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.video-banner-bg .video-area video {
  min-width: 100%;
  min-height: 100%;
}

.video-banner-bg .main-banner-content {
  text-align: center;
  margin: auto;
  max-width: 670px;
  width: 100%;
}

.video-banner-bg .main-banner-content h2 {
  padding: 0;
  line-height: 65px;
}

.video-banner-bg .main-banner-content h2::before {
  display: none;
}

.video-banner-bg.uk-dark::after {
  background-color: #000000;
  opacity: .90;
}

/* End Video Banner BG */
/* Banner left img */
.banner-left-img {
  background-position: 10%;
}

/* End Banner left img */
/*================================================
Features CSS
=================================================*/
.features-area {
  position: relative;
  margin-top: -98px;
  z-index: 1;
  background: #ffffff;
}

.features-area.uk-dark {
  background-color: #000000;
}

.single-features-box {
  background-color: #f7f7ff;
  position: relative;
  z-index: 1;
  padding: 55px 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .icon {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .icon i::before {
  font-size: 45px;
}

.single-features-box h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .dot-img {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .dot-img img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .dot-img img.white-dot {
  display: none;
}

.single-features-box .bar {
  position: relative;
  z-index: 1;
  width: 55px;
  height: 3px;
  margin-top: 7px;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .bar::before, .single-features-box .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .bar::after {
  right: 10px;
}

.single-features-box .bar::before {
  right: 20px;
}

.single-features-box .animation-img img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-features-box .animation-img img:nth-child(1) {
  left: 0;
  bottom: 0;
}

.single-features-box .animation-img img:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.single-features-box .animation-img img:nth-child(3) {
  top: 0;
  left: 0;
}

.single-features-box .animation-img img:nth-child(4) {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

.single-features-box .animation-img img:nth-child(5) {
  right: 0;
  top: 0;
}

.single-features-box .animation-img img:nth-child(6) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.single-features-box .animation-img img:nth-child(7) {
  bottom: 0;
  right: 0;
}

.single-features-box .animation-img img:nth-child(8) {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.single-features-box:hover .animation-img img, .single-features-box:focus .animation-img img {
  opacity: 1;
  visibility: visible;
}

.single-features-box:hover .animation-img img:nth-child(1), .single-features-box:focus .animation-img img:nth-child(1) {
  left: -25px;
  bottom: -24px;
}

.single-features-box:hover .animation-img img:nth-child(2), .single-features-box:focus .animation-img img:nth-child(2) {
  left: -35px;
}

.single-features-box:hover .animation-img img:nth-child(3), .single-features-box:focus .animation-img img:nth-child(3) {
  top: -15px;
  left: -16px;
}

.single-features-box:hover .animation-img img:nth-child(4), .single-features-box:focus .animation-img img:nth-child(4) {
  top: -28px;
}

.single-features-box:hover .animation-img img:nth-child(5), .single-features-box:focus .animation-img img:nth-child(5) {
  right: -25px;
  top: -26px;
}

.single-features-box:hover .animation-img img:nth-child(6), .single-features-box:focus .animation-img img:nth-child(6) {
  right: -25px;
}

.single-features-box:hover .animation-img img:nth-child(7), .single-features-box:focus .animation-img img:nth-child(7) {
  bottom: -26px;
  right: -25px;
}

.single-features-box:hover .animation-img img:nth-child(8), .single-features-box:focus .animation-img img:nth-child(8) {
  bottom: -25px;
}

.single-features-box p {
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

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

.single-features-box:hover h3, .single-features-box:focus h3, .single-features-box.active h3 {
  color: #ffffff;
}

.single-features-box:hover p, .single-features-box:focus p, .single-features-box.active p {
  color: #ffffff;
}

.single-features-box:hover .dot-img img.color-dot, .single-features-box:focus .dot-img img.color-dot, .single-features-box.active .dot-img img.color-dot {
  display: none;
}

.single-features-box:hover .dot-img img.white-dot, .single-features-box:focus .dot-img img.white-dot, .single-features-box.active .dot-img img.white-dot {
  display: block;
}

.single-features-box:hover .bar, .single-features-box:focus .bar, .single-features-box.active .bar {
  background: #ffffff;
}

.br-line {
  position: relative;
  overflow: hidden;
  height: 60px;
  width: 3px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 1;
}

.br-line::after, .br-line::before {
  content: "";
  position: absolute;
  background: #ffffff;
  width: 100%;
  height: 3px;
  left: 0;
  z-index: -1;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -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;
}

.br-line::after {
  top: 5px;
}

.br-line::before {
  top: 15px;
}

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

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

/*================================================
About CSS
=================================================*/
.about-area {
  position: relative;
  overflow: hidden;
}

.about-content .section-title {
  margin-bottom: 40px !important;
}

.about-content .about-text {
  position: relative;
  padding-left: 65px;
}

.about-content .about-text .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.about-content .about-text .icon i::before {
  font-size: 45px;
}

.about-content .about-text h3 {
  margin-top: 0;
  font-size: 20px;
}

.about-content .about-text .signature {
  margin-top: 35px;
}

.about-img {
  position: absolute;
  right: 0;
  top: 70px;
  width: auto !important;
  text-align: right;
}

.about-img img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.about-img .about-img1 {
  width: 85%;
}

.about-img .about-img2 {
  position: absolute;
  left: 70px;
  bottom: -82px;
}

.about-img .shape-img {
  position: absolute;
  -webkit-animation: moveleftbounce 3s linear infinite;
          animation: moveleftbounce 3s linear infinite;
  left: 44%;
  top: 9%;
}

.about-img .uk-button {
  color: #ffffff;
  position: absolute;
  right: 0;
  bottom: -25px;
}

.about-img .uk-button:hover, .about-img .uk-button:focus {
  background-color: #000000;
}

.about-img:hover img, .about-img:focus img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

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

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

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

.services-area .item {
  margin-bottom: 30px;
}

.single-services {
  position: relative;
  z-index: 1;
  background-color: #f9f9f9;
  padding: 40px 55px 40px 108px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 65px 0 0 65px;
}

.single-services .icon {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: -1;
  width: 75px;
  height: 75px;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin-top: -38px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services .icon i {
  line-height: 75px;
}

.single-services .icon i::before {
  font-size: 35px;
}

.single-services h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services h3 a {
  color: #000000;
}

.single-services .link-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  color: #bdbdbd;
  display: block;
  margin-top: -19px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services .link-btn::before {
  font-size: 25px;
}

.single-services:hover h3, .single-services:hover a, .single-services:focus h3, .single-services:focus a, .single-services.active h3, .single-services.active a {
  color: #ffffff;
}

.single-services:hover .link-btn, .single-services:focus .link-btn, .single-services.active .link-btn {
  right: 10px;
  color: #ffffff;
}

/*================================================
Services Details CSS
=================================================*/
.services-details .uk-width-1-5 {
  width: 33%;
}

.services-details-desc h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
}

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

.services-details-desc .services-image-slides {
  margin-bottom: 30px;
  margin-top: 25px;
}

.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 15px;
}

.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot {
  outline: 0 !important;
}

.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  margin: 0 4px;
  outline: 0 !important;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
  position: relative;
  padding: 0;
  text-align: center;
  border: 1px solid #ffffff;
}

.services-details-desc .services-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 8px;
  height: 8px;
  top: 3px;
  border-radius: 50%;
}

.services-details-desc .services-image-slides .item {
  background-position: center center;
  height: 500px;
  width: 100%;
  background-size: cover;
}

.services-details-desc ul {
  padding: 0;
  margin: 20px 0 10px;
  list-style-type: none;
  overflow: hidden;
}

.services-details-desc ul li {
  float: left;
  width: 45%;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.services-details-desc ul li::before {
  content: "\f123";
  font-family: Flaticon;
  font-size: 15px;
  font-style: normal;
  margin-right: 10px;
}

.services-details-desc blockquote, .services-details-desc .blockquote {
  background: #f7f7f7;
  padding: 30px 20px;
  margin-bottom: 25px;
  border-left: 4px solid;
}

.services-details-desc blockquote p, .services-details-desc .blockquote p {
  margin-bottom: 0;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
}

.services-details-desc .our-work-benefits .accordion {
  margin: 0;
  list-style-type: none;
  padding: 0;
  margin: 25px 0 0;
}

.services-details-desc .our-work-benefits .accordion .accordion-item {
  display: block;
  background: #ffffff;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #eee;
}

.services-details-desc .our-work-benefits .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.services-details-desc .our-work-benefits .accordion .accordion-item::before {
  content: none;
}

.services-details-desc .our-work-benefits .accordion .accordion-title {
  display: block;
  padding: 12px 20px 9px 51px;
  text-decoration: none;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  border-bottom: 1px solid #ffffff;
}

.services-details-desc .our-work-benefits .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: center;
  height: 100%;
  color: #ffffff;
}

.services-details-desc .our-work-benefits .accordion .accordion-title i::before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  margin-top: -11px;
}

.services-details-desc .our-work-benefits .accordion .accordion-title.active {
  border-bottom-color: #e1e1e1;
}

.services-details-desc .our-work-benefits .accordion .accordion-title.active i::before {
  content: "\f122";
}

.services-details-desc .our-work-benefits .accordion .accordion-content {
  display: none;
  position: relative;
  padding: 15px 15px;
  margin: 0;
  font-size: 14px;
}

.services-details-desc .our-work-benefits .accordion .accordion-content.show {
  display: block;
}

/*================================================
Project CSS
=================================================*/
.project-area {
  overflow: hidden;
}

.project-slides {
  left: calc((100% - 1200px) / 2);
  position: relative;
}

.single-projects {
  text-align: center;
  margin-bottom: 30px;
}

.single-projects .project-img img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-projects .project-content {
  background-color: #f9f9f9;
  padding: 35px 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.single-projects .project-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}

.single-projects .project-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-projects .project-content h3 a {
  color: #000000;
}

.single-projects .project-content ul {
  padding: 0;
  margin: 8px 0 0;
  list-style-type: none;
}

.single-projects .project-content ul li {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-projects .project-content ul li::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 0;
  height: 15px;
  width: 2px;
  background: #62618d;
  top: 3px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-projects .project-content ul li:first-child::before {
  display: none;
}

.single-projects .project-content ul li a {
  color: #62618d;
}

.single-projects:hover .project-content::before, .single-projects:focus .project-content::before {
  height: 100%;
}

.single-projects:hover .project-content h3 a, .single-projects:focus .project-content h3 a {
  color: #ffffff;
}

.single-projects:hover .project-content ul li, .single-projects:focus .project-content ul li {
  color: #ffffff;
}

.single-projects:hover .project-content ul li a, .single-projects:focus .project-content ul li a {
  color: #ffffff;
}

.single-projects:hover .project-content ul li::before, .single-projects:focus .project-content ul li::before {
  background: #ffffff;
}

.single-projects:hover .project-img img, .single-projects:focus .project-img img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.owl-dark .project-content {
  background-color: #111111 !important;
}

.owl-dark .project-content h3 {
  color: #fff;
}

.owl-dark .project-content h3 a {
  color: #fff;
}

.owl-dark .project-content h3 a:hover {
  color: #111 !important;
}

.owl-dark .project-content ul li {
  color: #fff;
}

.single-project-two .project-content h3 a:hover {
  color: #111 !important;
}

.project-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 50px !important;
}

.project-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 5px;
  margin: 0 3px;
  background: #d6d6d6;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
}

.project-slides.owl-theme .owl-dots .owl-dot.active, .project-slides.owl-theme .owl-dots .owl-dot:hover, .project-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.project-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 22px;
}

/*================================================
Project Details CSS
=================================================*/
.project-details .uk-width-1-5 {
  width: 33%;
}

.project-details-info {
  background: #ffffff;
  -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);
  padding: 30px;
}

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

.project-details-info ul li {
  color: #62618d;
  font-size: 16px;
  margin-bottom: 14px;
}

.project-details-info ul li span {
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
  color: #000000;
}

.project-details-info ul li a {
  display: inline-block;
  color: #62618d;
}

.project-details-info ul li:last-child {
  margin-bottom: 0;
}

.project-details-info ul li ul {
  display: inline-block;
}

.project-details-info ul li ul li {
  display: inline-block;
  margin-bottom: 0;
}

.project-details-info ul li ul li a {
  width: 35px;
  height: 35px;
  background: #2d3046;
  text-align: center;
  color: #ffffff;
  line-height: 35px;
  border-radius: 50%;
}

.project-details-info ul li ul li a i::before {
  font-size: 14px;
}

.project-details-info ul li ul li a:hover, .project-details-info ul li ul li a:focus {
  color: #ffffff;
}

.project-details-desc {
  margin-top: 30px;
}

.project-details-desc h3 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
}

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

.project-details-desc p:last-child {
  margin-bottom: 0;
}

.project-details-desc blockquote, .project-details-desc .blockquote {
  background: #f7f7f7;
  padding: 30px 20px;
  margin-bottom: 25px;
  border-left: 4px solid;
}

.project-details-desc blockquote p, .project-details-desc .blockquote p {
  margin-bottom: 0;
  color: #000000;
  font-weight: 600;
  font-size: 15px;
}

.project-next-and-prev {
  -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;
  margin-top: 30px;
  position: relative;
  padding: 30px;
}

.project-next-and-prev .uk-button {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: auto;
}

.project-next-and-prev .uk-text-right {
  display: block !important;
}

/*================================================
Feedback CSS
=================================================*/
.feedback-img {
  position: relative;
}

.feedback-img img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.feedback-img .shape-img {
  position: absolute;
  left: 20px;
  top: -55px;
  -webkit-animation: moveleftbounce 3s linear infinite;
          animation: moveleftbounce 3s linear infinite;
}

.feedback-img .video-btn {
  position: absolute;
  right: 15px;
  bottom: 200px;
  color: #ffffff;
  padding: 20px 20px 20px 65px;
  border-radius: 45px;
}

.feedback-img .video-btn i {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 45px;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  background: #ffffff;
  border-radius: 50%;
  margin-top: -22px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.feedback-img .video-btn:hover, .feedback-img .video-btn:focus {
  background: #ffffff;
}

.feedback-img .video-btn:hover i, .feedback-img .video-btn:focus i {
  color: #ffffff;
}

.feedback-img:hover img, .feedback-img:focus img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.single-feedback i {
  color: #e7e7e7;
  line-height: 45px;
}

.single-feedback i::before {
  font-size: 65px;
}

.single-feedback p {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 0;
}

.single-feedback .client {
  margin-top: 20px;
}

.single-feedback .client h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.single-feedback .client span {
  display: block;
  margin-top: 6px;
  font-size: 14px;
}

.feedback-inner {
  margin-top: 75px;
}

.feedback-slides.owl-theme .owl-dots {
  line-height: 0.01;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
  bottom: -40px;
}

.feedback-slides.owl-theme .owl-dots .owl-dot span {
  width: 40px;
  height: 6px;
  margin: 0;
  background: #d6d6d6;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
}

.feedback-slides.owl-theme .owl-dots .owl-dot.active, .feedback-slides.owl-theme .owl-dots .owl-dot:hover, .feedback-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

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

.feedback-slides.owl-theme .owl-nav [class*="owl-"] {
  color: #000000;
  font-size: unset;
  margin: 0;
  padding: 0;
  background: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
  position: absolute;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 20px;
  bottom: -47px;
  z-index: 10;
}

.feedback-slides.owl-theme .owl-nav [class*="owl-"] i::before {
  font-size: 20px;
}

.feedback-slides.owl-theme .owl-nav [class*="owl-"].owl-next {
  left: auto;
  right: 0;
}

.feedback-slides.owl-theme .owl-nav [class*="owl-"]:hover, .feedback-slides.owl-theme .owl-nav [class*="owl-"]:focus {
  outline: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

/*================================================
Partner CSS
=================================================*/
.partner-area {
  border-bottom: 1px solid #f0f0f0;
}

.partner-area .item {
  text-align: center;
}

.partner-area .item a img {
  display: inline-block !important;
  width: 140px !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.45;
}

.partner-area .item a:hover img, .partner-area .item a:focus img {
  opacity: 1;
  -webkit-animation: toTopFromBottom 0.5s forwards;
          animation: toTopFromBottom 0.5s forwards;
}

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  51% {
    opacity: 1;
  }
}

@keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  51% {
    opacity: 1;
  }
}

/*================================================
Team CSS
=================================================*/
.single-team {
  text-align: center;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team .team-social {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 35px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-team .team-social li {
  display: inline-block;
}

.single-team .team-social li a {
  width: 35px;
  height: 35px;
  line-height: 33px;
  background: transparent;
  border-radius: 50%;
  border: 1px solid;
  display: inline-block;
  margin: 0 3px 5px;
}

.single-team .team-social li a:hover, .single-team .team-social li a:focus {
  color: #ffffff;
}

.single-team .team-social li a i::before {
  font-size: 13px;
}

.single-team img {
  -webkit-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  position: relative;
  top: 0;
}

.single-team .team-content {
  padding-top: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  background: #ffffff;
}

.single-team .team-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.single-team .team-content span {
  display: block;
  color: #62618d;
  margin-top: 5px;
}

.single-team:hover .team-social, .single-team:focus .team-social {
  opacity: 1;
  top: 0;
  visibility: visible;
}

.single-team:hover img, .single-team:focus img {
  top: 55px;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.team-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 50px !important;
}

.team-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 5px;
  margin: 0 3px;
  background: #d6d6d6;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
}

.team-slides.owl-theme .owl-dots .owl-dot.active, .team-slides.owl-theme .owl-dots .owl-dot:hover, .team-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.team-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 22px;
}

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

.subscribe-area h3 {
  font-size: 26px;
  font-weight: 700;
  margin: 8px 0 0;
  text-transform: uppercase;
}

.subscribe-area form {
  position: relative;
}

.subscribe-area form .uk-input {
  height: 50px;
  border: none;
  padding-left: 20px;
}

.subscribe-area form .uk-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  color: #ffffff;
}

.subscribe-area form .uk-button:hover, .subscribe-area form .uk-button:focus {
  background-color: #000000;
}

.subscribe-area form .validation-danger {
  color: red;
  margin-top: 15px;
}

.subscribe-area form .validation-success {
  color: #62618d;
  margin-top: 15px;
}

.subscribe-area .shape {
  position: absolute;
  left: 20%;
  bottom: -70px;
  z-index: -1;
  -webkit-transform: rotate(-132deg);
          transform: rotate(-132deg);
}

/*================================================
Blog CSS
=================================================*/
.single-blog-post {
  margin-bottom: 30px;
}

.single-blog-post .blog-post-image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-blog-post .blog-post-content {
  border: 1px solid #eee;
  background-color: #ffffff;
  position: relative;
  padding: 40px 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-blog-post .blog-post-content span {
  display: inline-block;
  color: #ffffff;
  padding: 4px 12px;
}

.single-blog-post .blog-post-content h3 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 15px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.single-blog-post .blog-post-content h3 a {
  color: #000000;
}

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

.single-blog-post .blog-post-content .read-more-btn {
  margin-top: 25px;
}

.single-blog-post .blog-post-content .read-more-btn .read-more {
  text-transform: uppercase;
  color: #fff;
  border: 1px solid;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
}

.single-blog-post .blog-post-content .read-more-btn .read-more:hover, .single-blog-post .blog-post-content .read-more-btn .read-more:focus {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.single-blog-post:hover .blog-post-image img, .single-blog-post:focus .blog-post-image img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.blog-slides.owl-theme .owl-dots {
  line-height: 0.01;
  margin-top: 20px !important;
}

.blog-slides.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 5px;
  margin: 0 3px;
  background: #d6d6d6;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
}

.blog-slides.owl-theme .owl-dots .owl-dot.active, .blog-slides.owl-theme .owl-dots .owl-dot:hover, .blog-slides.owl-theme .owl-dots .owl-dot:focus {
  outline: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}

.blog-slides.owl-theme .owl-dots .owl-dot.active span {
  width: 22px;
}

.blog-slides .single-blog-post .blog-post-content {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -30px;
  padding: 25px 20px;
}

.blog-slides .single-blog-post .blog-post-content span {
  font-size: 12px;
}

.blog-slides .single-blog-post .blog-post-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  line-height: 1.6;
  text-transform: capitalize;
}

.blog-slides .single-blog-post .blog-post-content .read-more {
  text-transform: uppercase;
}

.blog-slides .single-blog-post .blog-post-content .read-more:hover {
  text-decoration: underline;
}

/*================================================
Blog Details CSS
=================================================*/
.blog-details .uk-width-1-5 {
  width: 33%;
}

.blog-details .inner .article-img {
  position: relative;
}

.blog-details .inner .article-img .date {
  position: absolute;
  bottom: 15px;
  width: 100px;
  left: 15px;
  height: 70px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  color: #ffffff;
  border-radius: 5px;
  padding-top: 10px;
  line-height: 28px;
}

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

.blog-details .inner .article-content ul.category {
  padding: 0;
  list-style-type: none;
  margin: 0;
  margin-bottom: 25px;
}

.blog-details .inner .article-content ul.category li {
  display: inline-block;
}

.blog-details .inner .article-content ul.category li a {
  color: #ffffff;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 3px;
}

.blog-details .inner .article-content h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 30px;
}

.blog-details .inner .article-content p {
  margin-bottom: 0;
  margin-top: 15px;
}

.blog-details .inner .article-content .blockquote {
  margin-bottom: 20px;
  margin-top: 20px;
  background: #f7f7f7;
  padding: 30px;
  border-left: 4px solid;
}

.blog-details .inner .article-content .blockquote p {
  margin-top: 0;
  font-size: 18px;
}

.blog-details .inner .post-controls-buttons {
  margin-top: 30px;
}

.blog-details .inner .post-controls-buttons .uk-button {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: auto;
}

.blog-details .inner .post-controls-buttons .uk-text-right {
  display: block !important;
}

.blog-details .inner .comments-area {
  margin-top: 45px;
}

.blog-details .inner .comments-area .comments-title, .blog-details .inner .comments-area .comment-reply-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}

.blog-details .inner .comments-area .comment-reply-title {
  margin-bottom: 8px;
}

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

.blog-details .inner .comments-area ol li ol li, .blog-details .inner .comments-area ol li ul li, .blog-details .inner .comments-area ul li ol li, .blog-details .inner .comments-area ul li ul li {
  margin-top: 15px;
  margin-left: 35px;
  margin-bottom: 15px;
}

.blog-details .inner .comments-area ol li .comment-body, .blog-details .inner .comments-area ul li .comment-body {
  background: #f7f7ff;
  padding: 25px 20px;
  position: relative;
}

.blog-details .inner .comments-area ol li .comment-body .comment-meta, .blog-details .inner .comments-area ul li .comment-body .comment-meta {
  position: relative;
  padding-left: 80px;
  padding-top: 8px;
}

.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-author img, .blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-author img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-author .fn, .blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-author .fn {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #000000;
  display: block;
}

.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-author .says, .blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-author .says {
  display: none;
}

.blog-details .inner .comments-area ol li .comment-body .comment-meta .comment-metadata a, .blog-details .inner .comments-area ul li .comment-body .comment-meta .comment-metadata a {
  display: inline-block;
  color: #62618d;
  font-size: 13px;
}

.blog-details .inner .comments-area ol li .comment-body .comment-content, .blog-details .inner .comments-area ul li .comment-body .comment-content {
  margin-top: 20px;
}

.blog-details .inner .comments-area ol li .comment-body .reply, .blog-details .inner .comments-area ul li .comment-body .reply {
  position: absolute;
  right: 30px;
  top: 30px;
}

.blog-details .inner .comments-area ol li .comment-body .reply a, .blog-details .inner .comments-area ul li .comment-body .reply a {
  display: inline-block;
  background: #000000;
  padding: 5px 15px;
  color: #ffffff;
}

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

.blog-details .inner .comments-area .comment-respond .comment-notes {
  font-size: 14px;
  margin-bottom: 20px;
}

.blog-details .inner .comments-area .comment-respond .comment-form-comment input,
.blog-details .inner .comments-area .comment-respond .comment-form-comment textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-author input,
.blog-details .inner .comments-area .comment-respond .comment-form-author textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-email input,
.blog-details .inner .comments-area .comment-respond .comment-form-email textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-url input,
.blog-details .inner .comments-area .comment-respond .comment-form-url textarea {
  display: block;
  width: 100%;
  height: 45px;
  outline: 0 !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  border: 1px solid #eeeeee;
  padding: 0 15px;
  border-radius: 3px;
  font-size: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details .inner .comments-area .comment-respond .comment-form-comment textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-author textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-email textarea,
.blog-details .inner .comments-area .comment-respond .comment-form-url textarea {
  height: auto;
  padding-top: 15px;
}

.blog-details .inner .comments-area .comment-respond .form-submit input {
  border: 1px solid;
  color: #fff;
  padding: 13px 25px;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
  font-size: 15px;
  border-radius: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details .inner .comments-area .comment-respond .form-submit input:hover, .blog-details .inner .comments-area .comment-respond .form-submit input:focus {
  background: #000000;
  -webkit-box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
          box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
}

/*================================================
Contact CSS
=================================================*/
.contact-area {
  padding-bottom: 100px;
}

.contact-area .section-title {
  text-align: center;
}

.contact-area .section-title .bar {
  display: none;
}

.contact-area .section-title h2 {
  margin-bottom: 0;
}

.map-img {
  position: relative;
  z-index: 1;
}

.map-img .location {
  position: absolute;
  left: 24%;
  top: 30%;
  width: auto;
  height: auto;
}

.map-img .location a {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: relative;
}

.map-img .location a::before {
  content: "";
  position: absolute;
  left: -4px;
  bottom: -4px;
  border: 4px solid #eec3b3;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
}

.map-img .location a .location-info {
  position: absolute;
  left: -55px;
  bottom: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 180px;
  background: #ffffff;
  text-align: center;
  padding: 20px 15px;
  border-radius: 3px;
  z-index: 1;
  -webkit-box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
}

.map-img .location a .location-info h5 {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: #616161;
}

.map-img .location a .location-info span {
  display: block;
  font-size: 14px;
  color: #616161;
  margin-top: 6px;
}

.map-img .location a .location-info::before {
  content: "";
  position: absolute;
  left: 50px;
  bottom: -10px;
  width: 25px;
  height: 25px;
  background: #ffffff;
  z-index: -1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.06);
}

.map-img .location a:hover .location-info, .map-img .location a:focus .location-info, .map-img .location a.active .location-info {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}

.map-img .location.uk-location2 {
  right: 22%;
  left: auto;
  top: 25%;
}

#contactForm .uk-grid-medium {
  margin-left: -15px;
}

#contactForm .uk-margin {
  margin-top: 0 !important;
  margin-bottom: 15px;
  padding-left: 15px;
}

#contactForm .uk-input {
  height: 55px;
  background-color: #f4f4f4;
  border: none;
  padding-left: 15px;
}

#contactForm .uk-input::-webkit-input-placeholder {
  color: #8a8a8a;
}

#contactForm .uk-input:-ms-input-placeholder {
  color: #8a8a8a;
}

#contactForm .uk-input::-ms-input-placeholder {
  color: #8a8a8a;
}

#contactForm .uk-input::placeholder {
  color: #8a8a8a;
}

#contactForm .uk-input:focus {
  padding-left: 17px;
}

#contactForm .uk-textarea {
  background-color: #f4f4f4;
  border: none;
  height: 130px;
  padding-left: 15px;
  padding-top: 15px;
}

#contactForm .uk-textarea::-webkit-input-placeholder {
  color: #8a8a8a;
}

#contactForm .uk-textarea:-ms-input-placeholder {
  color: #8a8a8a;
}

#contactForm .uk-textarea::-ms-input-placeholder {
  color: #8a8a8a;
}

#contactForm .uk-textarea::placeholder {
  color: #8a8a8a;
}

#contactForm .uk-button {
  color: #ffffff;
  margin-top: 20px;
}

#contactForm .uk-button:hover, #contactForm .uk-button:focus {
  background-color: #000000;
}

#contactForm span.wpcf7-list-item {
  margin: 15px 0 0;
  font-size: 13px;
  position: relative;
  padding-left: 22px;
}

#contactForm span.wpcf7-list-item input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 3px;
  margin: 0 !important;
}

#contactForm span.wpcf7-list-item .wpcf7-list-item-label a:hover {
  text-decoration: underline;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.75, 0.75, 1);
            transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    -webkit-transform: scale3d(0.75, 0.75, 1);
            transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
            transform: scale3d(1.5, 1.5, 1);
  }
}

/*================================================
Page Title CSS
=================================================*/
.page-title-area {
  padding-top: 180px;
  padding-bottom: 110px;
  text-align: center;
  z-index: 1;
  position: relative;
  background-position: center center;
  background-image: url(../img/page-title-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-title-area::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0.77;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.page-title-area h1 {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
  position: relative;
  margin: 0;
  text-transform: capitalize;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

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

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

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

.page-title-area ul li::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 4px;
  width: 2px;
  height: 14px;
  background: #ffffff;
  -webkit-transform: rotate(11deg);
          transform: rotate(11deg);
}

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

/*================================================
Pagination CSS
=================================================*/
.custom-pagination-area {
  margin-top: 20px;
  margin-bottom: 30px !important;
}

.custom-pagination-area {
  text-align: center;
  margin-top: 30px;
}

.custom-pagination-area ul {
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -20px;
  padding: 0;
  list-style: none;
}

.custom-pagination-area ul li {
  padding-left: 20px;
  position: relative;
}

.custom-pagination-area ul li a {
  display: block;
  color: #999;
  -webkit-transition: color .1s ease-in-out;
  transition: color .1s ease-in-out;
  font-weight: 600;
  font-size: 16px;
}

/*================================================
Sidebar CSS
=================================================*/
.uk-sidebar .widget {
  margin-bottom: 40px;
}

.uk-sidebar .widget:last-child {
  margin-bottom: 0;
}

.uk-sidebar .widget .widget-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
}

.uk-sidebar .widget .bar {
  position: relative;
  z-index: 1;
  width: 55px;
  height: 3px;
  margin-top: 8px;
  margin-bottom: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-sidebar .widget .bar::before, .uk-sidebar .widget .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-sidebar .widget .bar::after {
  right: 10px;
}

.uk-sidebar .widget .bar::before {
  right: 20px;
}

.uk-sidebar .widget:hover .widget-title::before, .uk-sidebar .widget:focus .widget-title::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.uk-sidebar .widget.service_list {
  background: #ffffff;
  -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);
}

.uk-sidebar .widget.service_list ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

.uk-sidebar .widget.service_list ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  font-weight: 600;
  z-index: 1;
}

.uk-sidebar .widget.service_list ul li a:hover, .uk-sidebar .widget.service_list ul li a:focus, .uk-sidebar .widget.service_list ul li a.active {
  color: #ffffff;
  padding-left: 20px;
}

.uk-sidebar .widget.service_list ul li a:hover::before, .uk-sidebar .widget.service_list ul li a:focus::before, .uk-sidebar .widget.service_list ul li a.active::before {
  width: 5px;
}

.uk-sidebar .widget.service_list ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}

.uk-sidebar .widget.service_list ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #000000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-sidebar .widget.service_list ul li:last-child a {
  border-bottom: none;
}

.uk-sidebar .widget.widget_download ul {
  padding: 0;
  list-style-type: none;
  padding: 0;
  background: #ffffff;
  -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);
}

.uk-sidebar .widget.widget_download ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  font-weight: 500;
  z-index: 1;
}

.uk-sidebar .widget.widget_download ul li a:hover, .uk-sidebar .widget.widget_download ul li a:focus, .uk-sidebar .widget.widget_download ul li a.active {
  background: #000000;
  color: #ffffff;
  padding-left: 20px;
}

.uk-sidebar .widget.widget_download ul li a:hover::before, .uk-sidebar .widget.widget_download ul li a:focus::before, .uk-sidebar .widget.widget_download ul li a.active::before {
  width: 5px;
}

.uk-sidebar .widget.widget_download ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}

.uk-sidebar .widget.widget_download ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-sidebar .widget.widget_download ul li:last-child a {
  border-bottom: none;
}

.uk-sidebar .widget.widget_contact ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.uk-sidebar .widget.widget_contact ul li {
  padding-left: 23px;
  position: relative;
  margin-bottom: 12px;
  color: #62618d;
}

.uk-sidebar .widget.widget_contact ul li a {
  color: #62618d;
  display: block;
}

.uk-sidebar .widget.widget_contact ul li i {
  position: absolute;
  left: 0;
  top: 0;
}

.uk-sidebar .widget.widget_contact ul li:last-child {
  margin-bottom: 0;
}

.uk-sidebar .widget.widget_search {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  padding: 15px;
}

.uk-sidebar .widget.widget_search form {
  position: relative;
}

.uk-sidebar .widget.widget_search form .form-control {
  background: transparent;
}

.uk-sidebar .widget.widget_search form button {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  border: none;
  background: transparent;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-sidebar .widget.widget_search form button:hover, .uk-sidebar .widget.widget_search form button:focus {
  color: #000000;
}

.uk-sidebar .widget.widget_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.uk-sidebar .widget.widget_categories ul li {
  position: relative;
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 18px;
}

.uk-sidebar .widget.widget_categories ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-sidebar .widget.widget_categories ul li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.uk-sidebar .widget.widget_categories ul li a {
  color: #62618d;
}

.uk-sidebar .widget.widget_categories ul li:hover::before {
  border-radius: 50%;
}

.uk-sidebar .widget.widget_recent_entries ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.uk-sidebar .widget.widget_recent_entries ul li {
  position: relative;
  padding-left: 100px;
  margin-bottom: 15px;
}

.uk-sidebar .widget.widget_recent_entries ul li a {
  display: block;
}

.uk-sidebar .widget.widget_recent_entries ul li a img {
  position: absolute;
  left: 0;
  top: 3px;
  width: 85px;
  height: 65px;
}

.uk-sidebar .widget.widget_recent_entries ul li h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 2px;
}

.uk-sidebar .widget.widget_recent_entries ul li h5 a {
  color: #000000;
  display: inline-block;
}

.uk-sidebar .widget.widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.uk-sidebar .widget.widget_tag_cloud .tagcloud a {
  font-size: 15px !important;
  border: 1px dashed #eeeeee;
  padding: 7px 20px;
  margin-top: 6px;
  color: #62618d;
  display: inline-block;
  text-transform: capitalize;
}

.uk-sidebar .widget.widget_tag_cloud .tagcloud a:hover {
  color: #ffffff;
}

.uk-sidebar .widget.widget_archive ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.uk-sidebar .widget.widget_archive ul li {
  position: relative;
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 18px;
}

.uk-sidebar .widget.widget_archive ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-sidebar .widget.widget_archive ul li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.uk-sidebar .widget.widget_archive ul li a {
  color: #62618d;
  display: inline-block;
}

.uk-sidebar .widget.widget_archive ul li:hover::before {
  border-radius: 50%;
}

/* Error page CSS */
.error-page {
  padding-top: 100px;
  padding-bottom: 100px;
}

.error-page .error-page-content {
  text-align: center;
  padding: 0 30px;
}

.error-page .error-page-content p {
  font-size: 20px;
  margin: 30px 0 20px;
}

.no-results .page-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  position: relative;
  text-transform: capitalize;
}

.no-results .searchform {
  position: relative;
}

.no-results .searchform .form-control {
  background-color: #f8f8f8;
  border: 2px solid #eee;
  height: 50px;
  padding: 6px 18px;
  width: 100%;
  display: block;
  font-size: 15px;
}

.no-results .searchform button {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  border: none;
  color: #fff;
  font-size: 20px;
  height: 50px;
  padding: 0 15px;
}

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

.footer-area .br-line {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.footer-area .br-line::after, .footer-area .br-line::before {
  background: #000000;
}

.footer-area .footer-shape1,
.footer-area .footer-shape2 {
  position: absolute;
  z-index: -1;
}

.footer-area .footer-shape1 {
  left: 0;
  top: 0;
}

.footer-area .footer-shape2 {
  right: 0;
  bottom: 0;
}

.single-footer-widget p {
  color: #999999 !important;
}

.single-footer-widget .logo {
  margin-bottom: 32px;
}

.single-footer-widget h3 {
  font-size: 22px;
  font-weight: 700;
  margin: 10px 0 0;
  color: #ffffff;
}

.single-footer-widget .bar {
  width: 50px;
  height: 2px;
  margin-top: 4px;
  margin-bottom: 25px;
}

.single-footer-widget .contact-info {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.single-footer-widget .contact-info li {
  margin-bottom: 10px;
  color: #999999 !important;
}

.single-footer-widget .contact-info li a {
  color: #999999 !important;
}

.single-footer-widget .contact-info li:last-child {
  margin-bottom: 0;
}

.footer-social {
  padding: 0;
  margin: 15px 0 0;
  list-style-type: none;
}

.footer-social li {
  display: inline-block;
  margin-right: 5px;
  margin-top: 8px;
}

.footer-social li:last-child {
  margin-right: 0;
}

.footer-social li a {
  width: 35px;
  text-align: center;
  height: 35px;
  line-height: 33px;
  color: #ffffff;
  background: #000000;
  border-radius: 50%;
  border: 1px solid;
  display: inline-block;
}

.footer-social li a:hover, .footer-social li a:focus {
  color: #ffffff;
}

.footer-social li a i::before {
  font-size: 13px;
}

.copyright-area {
  margin-top: 70px;
  border-top: 1px solid #222222;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright-area p {
  color: #999999;
  margin-top: 2px;
}

.copyright-area ul {
  text-align: right;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.copyright-area ul li {
  position: relative;
  display: inline-block;
  margin-left: 17px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.copyright-area ul li:first-child {
  margin-left: 0;
}

.copyright-area ul li:first-child::before {
  display: none;
}

.copyright-area ul li::before {
  content: "";
  position: absolute;
  left: -13px;
  bottom: 10px;
  width: 6px;
  height: 1px;
  background: #999999;
}

.copyright-area ul li a {
  color: #999999;
  text-transform: capitalize;
}

.copyright-area .go-top {
  position: absolute;
  right: 0;
  top: -20px;
  left: 0;
  margin: 0 auto;
  text-align: center;
  width: 38px;
  text-align: center;
  line-height: 38px;
  height: 38px;
  background: #000000;
  border-radius: 50%;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.copyright-area .go-top:hover, .copyright-area .go-top:focus {
  color: #ffffff;
}

/*================================================
Dark Home CSS
=================================================*/
.uk-dark.header-area.uk-dark {
  background-color: #000000 !important;
}

.uk-dark .uk-h1,
.uk-dark .uk-h2,
.uk-dark .uk-h3,
.uk-dark .uk-h4,
.uk-dark .uk-h5,
.uk-dark .uk-h6,
.uk-dark h1,
.uk-dark h2,
.uk-dark h3,
.uk-dark h4,
.uk-dark h5,
.uk-dark h6 {
  color: #ffffff;
}

.uk-dark p {
  color: #d6d6d6;
}

.uk-dark .uk-button-default {
  color: #ffffff;
}

.uk-dark .uk-button-default:hover, .uk-dark .uk-button-default:focus {
  background: #000000;
}

.uk-dark.header-area.uk-sticky-fixed {
  background-color: #000000;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transition: .5s;
  transition: .5s;
}

.uk-dark.header-area .lang form button {
  color: #ffffff;
}

.uk-dark.header-area #navbar-toggle span {
  background-color: #ffffff;
}

.uk-dark.header-area.uk-dark {
  background-color: transparent;
}

.uk-dark.header-area.uk-dark.uk-sticky-fixed {
  background-color: #000000;
}

.uk-dark .navbar .uk-navbar-nav li a {
  color: #ffffff;
}

.uk-dark .navbar .uk-navbar-nav li a:hover::before, .uk-dark .navbar .uk-navbar-nav li a:focus::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.uk-dark .navbar .uk-navbar-nav li.uk-active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.uk-dark .navbar .lang form select {
  color: #ffffff;
  background-color: #000000;
}

.uk-dark .main-banner-content .video-btn .uk-icon {
  background-color: #000000;
}

.uk-dark .main-banner-content .video-btn:hover .uk-icon, .uk-dark .main-banner-content .video-btn:focus .uk-icon {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

.uk-dark .single-features-box {
  background-color: #111111;
}

.uk-dark .single-features-box .bar::before, .uk-dark .single-features-box .bar::after {
  background: #111111;
}

.uk-dark .section-title .bar::before, .uk-dark .section-title .bar::after {
  background: #000000;
}

.uk-dark .single-services {
  background-color: #111111;
}

.uk-dark .single-services .icon {
  background-color: #000000;
}

.uk-dark .single-services h3 a {
  color: #ffffff;
}

.uk-dark .single-services.active .icon, .uk-dark .single-services:focus .icon, .uk-dark .single-services:hover .icon {
  background-color: #ffffff;
}

.uk-dark .about-img img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-dark .about-img .shape-img {
  -webkit-filter: unset;
          filter: unset;
}

.uk-dark .about-img:hover img, .uk-dark .about-img:focus img {
  -webkit-filter: unset;
          filter: unset;
}

.uk-dark .single-project .project-img img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.uk-dark .single-project .project-content {
  background-color: #111111;
}

.uk-dark .single-project .project-content h3 a {
  color: #ffffff;
}

.uk-dark .single-project .project-content ul li {
  color: #d6d6d6;
}

.uk-dark .single-project:hover .project-content ul li, .uk-dark .single-project:focus .project-content ul li {
  color: #ffffff;
}

.uk-dark .single-project:hover .project-img img, .uk-dark .single-project:focus .project-img img {
  -webkit-filter: unset;
          filter: unset;
}

.uk-dark .feedback-img img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-dark .feedback-img img.shape-img {
  -webkit-filter: unset;
          filter: unset;
}

.uk-dark .feedback-img:hover img, .uk-dark .feedback-img:focus img {
  -webkit-filter: unset;
          filter: unset;
}

.uk-dark .feedback-slides.owl-theme .owl-nav [class*="owl-"] {
  color: #ffffff;
}

.uk-dark.partner-area {
  border-bottom-color: #111111;
}

.uk-dark .single-team .team-content {
  background-color: #000000;
}

.uk-dark .single-team .team-content span {
  color: #d6d6d6;
}

.uk-dark .single-team img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-dark .single-team:hover img, .uk-dark .single-team:focus img {
  -webkit-filter: unset;
          filter: unset;
}

.uk-dark.subscribe-area {
  background-color: #111111;
}

.uk-dark .single-blog-post .blog-post-image img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uk-dark .single-blog-post .blog-post-content {
  background-color: #111111;
  border: none;
}

.uk-dark .single-blog-post .blog-post-content h3 a {
  color: #ffffff;
}

.uk-dark .single-blog-post:hover .blog-post-image img, .uk-dark .single-blog-post:focus .blog-post-image img {
  -webkit-filter: unset;
          filter: unset;
}

.uk-dark .map-img .location a .location-info {
  background-color: #111111;
}

.uk-dark .map-img .location a .location-info h5 {
  color: #ffffff;
}

.uk-dark .map-img .location a .location-info span {
  color: #d6d6d6;
}

.uk-dark .map-img .location a .location-info::before {
  background: #111111;
}

.uk-dark.footer-area {
  background-color: #111111;
}

.uk-dark .single-footer-widget .social li a {
  color: #999999;
  background: #111111;
}

.uk-dark .single-footer-widget .social li a:hover, .uk-dark .single-footer-widget .social li a:focus {
  color: #ffffff;
}

.uk-dark #contactForm .uk-input, .uk-dark #contactForm .uk-textarea {
  color: #ffffff;
  background-color: #111111;
}

.uk-dark .br-line::after, .uk-dark .br-line::before {
  background: #000000;
}

.custom-row {
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}

.custom-col-8 {
  width: 66.666667%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.custom-col-4 {
  width: 33.333333%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

.custom-col-12 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Unit test pages style 
====================================================================*/
/* Entry meta */
ul.entry-meta {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px;
  line-height: 1;
}

ul.entry-meta li {
  display: inline-block;
  font-size: 14px !important;
  color: #666;
  line-height: 1;
  margin-right: 15px;
  margin-bottom: 10px;
}

ul.entry-meta li:last-child {
  margin-right: 0;
}

ul.entry-meta li a {
  color: #666 !important;
  text-decoration: none !important;
}

ul.entry-meta li i {
  padding-right: 5px;
  font-style: normal !important;
}

/* End Entry meta */
/* Tag list */
.tag-list {
  list-style-type: none;
  padding: 0 !important;
  margin-bottom: 0 !important;
  clear: both;
}

.tag-list li.title {
  display: block;
  font-weight: 600;
  color: #000;
  margin-bottom: 3px !important;
}

.tag-list li {
  display: inline-block;
  margin-bottom: 0 !important;
}

.tag-list li a {
  color: #767676 !important;
  text-decoration: none !important;
  border: 1px solid #cec9c9;
  text-transform: uppercase;
  padding: 7px 10px;
  display: inline-block;
  line-height: 1;
  font-size: 13px;
  border-radius: 5px;
  margin-top: 5px;
  margin-right: 5px;
}

.tag-list li a:hover {
  color: #fff !important;
  border: 1px solid;
}

/* End Tag list */
/* Post format standard */
.format-standard .single-blog-post .blog-post-content {
  padding-top: 45px;
}

.post_type {
  position: absolute;
  top: -15px;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  left: 30px;
  z-index: 9990;
}

.post_type_icon {
  position: absolute;
  top: -1px;
  color: #fff;
  right: 30px;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  font-size: 15px;
  border-radius: 0px 0px 30px 30px;
}

/* End Post format standard */
/* Sticky Post */
.sticky .single-blog-post .blog-post-content {
  padding-left: 60px;
  background-color: #fafafa;
}

.sticky .single-blog-post .blog-post-content h3 {
  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 .post_type {
  left: 60px;
}

/* End Sticky Post */
/* Video post */
.single-blog-video {
  background-size: cover;
  background-position: center center;
  text-align: center;
  height: 400px;
  position: relative;
}

.single-blog-video::before {
  background-color: #000;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: .50;
}

.single-blog-video .play-link i {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  color: #fff;
  border-radius: 100px;
  font-size: 35px;
  padding-left: 5px;
  -webkit-transition: .5s;
  transition: .5s;
  position: relative;
  z-index: 5;
}

.single-blog-video .play-link i:hover {
  background-color: #000;
  color: #fff;
}

/* Play button animation */
.sonar-wrapper {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sonar-wrapper .sonar-emitter {
  position: relative;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 9999px;
}

.sonar-wrapper .sonar-emitter .sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: HSL(45, 100%, 50%);
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}

.sonar-wave {
  -webkit-animation: sonarWave 2s linear infinite;
          animation: sonarWave 2s linear infinite;
}

@-webkit-keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
}

/* End video post */
/* Without thumb */
.without-thumb .blog-post-content .post_type {
  top: -1px;
  right: -1px;
  left: auto;
}

/* End Without thumb */
/* Single blog post slider */
.single-blog-post-slider .owl-nav {
  margin-top: 0;
}

.single-blog-post-slider button.owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  color: #fff !important;
  margin: -30px 0 0 !important;
  width: 30px;
  border-radius: 0 !important;
  height: 40px;
  font-size: 17px !important;
}

.single-blog-post-slider button.owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  color: #fff !important;
  margin: -30px 0 0 !important;
  width: 30px;
  border-radius: 0 !important;
  height: 40px;
  font-size: 17px !important;
}

.single-blog-post-slider button.owl-prev:hover, .single-blog-post-slider button.owl-next:hover {
  background: #000 !important;
}

.single-blog-post-item {
  height: 400px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}

/* End Single blog post slider */
/* Blog post link */
.blog-post-link {
  text-align: center;
}

.blog-post-link .post_type_link {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  line-height: 45px;
  margin-bottom: 30px;
}

.blog-post-link .link-content a {
  color: #62618d;
  text-decoration: underline;
}

.blog-post-link .link-content a:hover {
  text-decoration: none;
}

/* End blog post link */
/* Resent posts with thumb */
.widget_gunter_posts_thumbs .item {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.widget_gunter_posts_thumbs .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.widget_gunter_posts_thumbs .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.widget_gunter_posts_thumbs .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-position: center center !important;
}

.widget_gunter_posts_thumbs .item .info {
  overflow: hidden;
}

.widget_gunter_posts_thumbs .item .info .title {
  font-size: 15px;
  margin: 0;
  line-height: 1.5;
  font-weight: 600;
}

.widget_gunter_posts_thumbs .item .info .title a {
  color: #444;
}

.widget_gunter_posts_thumbs .item .info time {
  display: block;
  font-size: 12px;
  color: #767676;
  text-transform: uppercase;
  margin-top: 5px;
}

/* End Resent posts with thumb */
/* Widget sidebar */
.widget-area {
  padding-left: 15px;
}

.widget-area .uk-sidebar {
  margin-top: 30px;
  border: 1px solid #eee;
  padding: 30px;
}

.widget-area .uk-sidebar:first-child {
  margin-top: 0;
}

.widget-area .uk-sidebar .widget-title {
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid #eeee;
  padding-bottom: 12px;
  margin-bottom: 25px;
  text-transform: capitalize;
  position: relative;
  line-height: 1;
}

.widget-area .uk-sidebar .widget-title::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.widget-area .uk-sidebar .widget-title .rsswidget {
  color: #000000;
}

.widget-area .uk-sidebar ul {
  padding-left: 17px;
  list-style-type: none;
  margin: 0;
}

.widget-area .uk-sidebar ul li {
  font-size: 14px;
  position: relative;
  margin-bottom: 8px;
  line-height: 1.8;
}

.widget-area .uk-sidebar ul li:last-child {
  margin-bottom: 0;
}

.widget-area .uk-sidebar ul li::before {
  height: 7px;
  width: 7px;
  content: '';
  left: -17px;
  top: 8px;
  position: absolute;
}

.widget-area .uk-sidebar ul li a {
  color: #62618d;
}

.widget-area .uk-sidebar ul li a:hover .post_count {
  border: 1px solid;
}

.widget-area .uk-sidebar 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: 12px;
}

.widget-area .widget_archive ul li .post_count {
  float: right;
}

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

.widget-area .widget_search form .form-control {
  background-color: #f8f8f8;
  border: 2px solid #eee;
  height: 50px;
  padding: 6px 18px;
  width: 100%;
  display: block;
  font-size: 15px;
}

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

.widget-area .widget_search form button:hover {
  background-color: #000;
  color: #fff;
}

.widget-area select {
  height: 45px;
  border: 2px solid #eee;
  width: 100%;
  color: #62618d;
  font-size: 15px;
  padding: 8px 15px;
}

.widget-area .widget_categories ul li a {
  display: block;
  text-transform: capitalize;
}

.widget-area .widget_categories ul li .children {
  margin-top: 10px;
}

.widget-area .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 10px;
  display: inline-block;
}

.widget-area .widget_pages ul li a {
  text-transform: capitalize;
}

.widget-area .widget_rss ul li {
  margin-bottom: 20px;
}

.widget-area .widget_rss ul li::before {
  top: 10px;
}

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

.widget-area .widget_rss ul li .rsswidget {
  display: block;
  color: #444;
  font-weight: 600;
  font-size: 15px;
}

.widget-area .widget_rss ul li .rss-date {
  color: #767676;
  font-size: 13px;
  margin: 5px 0 10px;
  display: block;
  text-transform: uppercase;
}

.widget-area .widget_rss ul li cite {
  font-weight: 500;
  display: block;
  margin-top: 10px;
  font-style: normal;
  color: #444;
}

.widget-area .tagcloud a {
  border: 1px solid #eee;
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px !important;
  color: #555;
  margin: 5px 5px 5px 0;
  text-transform: capitalize;
}

.widget-area .tagcloud a:hover {
  color: #fff;
}

.widget-area .widget_text p {
  margin-top: 15px;
}

.widget-area .widget_text p:first-child {
  margin-top: 0;
}

.widget-area .widget_text p strong {
  font-size: 14px;
}

.widget-area .widget_text p img {
  margin: 10px 0;
}

.widget-area .calendar_wrap table {
  text-align: center;
  margin: 0;
}

.widget-area .calendar_wrap table td a, .widget-area .calendar_wrap table th a {
  color: #62618d;
}

.widget-area .calendar_wrap table #today {
  background-color: #eee;
  font-weight: 500;
}

.widget-area .calendar_wrap table #prev a, .widget-area .calendar_wrap table #next a {
  text-decoration: underline;
}

.widget-area .calendar_wrap table #prev a:hover, .widget-area .calendar_wrap table #next a:hover {
  text-decoration: none;
}

.widget-area .calendar_wrap caption {
  color: #fff;
  caption-side: top;
  font-weight: 600;
  padding: 15px 10px;
  line-height: 1;
}

.widget-area .widget_nav_menu .sub-menu {
  margin-top: 8px;
}

.widget-area .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: 500;
  font-size: 14px;
}

.widget-area .widget_recent_comments .recentcomments .comment-author-link a {
  color: #444;
}

.widget-area .widget_media_gallery .gallery {
  margin: 0;
}

.widget-area .widget_media_gallery .gallery .gallery-item {
  margin: 0;
}

.widget-area .widget_recent_entries ul li {
  line-height: 1.5;
}

.widget-area .widget_recent_entries ul li a {
  color: #444;
  font-weight: 600;
  font-size: 14px;
}

.widget-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 12px;
  color: #767676;
  text-transform: uppercase;
  margin-top: 5px;
}

/* End Widget sidebar */
.screen-reader-text {
  display: none !important;
}

/* Pagination */
.pagination-area .page-numbers {
  width: 45px;
  height: 45px;
  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: 45px;
  color: #0a0c19;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}

.pagination-area .page-numbers:hover {
  color: #ffffff;
}

.pagination-area .current {
  width: 45px;
  height: 45px;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
}

/* End Pagination */
/* Page links */
.page-links {
  clear: both;
  margin-top: 15px;
}

.page-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: 14px;
  line-height: 35px;
  color: #0a0c19;
  text-align: center;
  display: inline-block;
  margin-left: 10px;
  text-align: center;
}

.page-links .post-page-numbers:hover {
  color: #ffffff;
}

.page-links .current {
  width: 35px;
  height: 35px;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
}

/* End Page links */
/* Page Markup And Formatting */
.main-content {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}

.main-content h1 {
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 15px;
  margin-top: 0;
}

.main-content h2 {
  font-weight: 600;
  font-size: 35px;
  margin-bottom: 15px;
  margin-top: 0;
}

.main-content h3 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 15px;
  margin-top: 0;
}

.main-content h4 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
  margin-top: 0;
}

.main-content h5 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 0;
}

.main-content h6 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 0;
}

.main-content p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.main-content p:first-child {
  margin-top: 0;
}

.main-content p:last-child {
  margin-bottom: 0;
}

.main-content .entry-content {
  overflow: hidden;
}

.main-content .entry-content a {
  text-decoration: underline;
}

.main-content .entry-content a:hover {
  text-decoration: none;
}

.main-content dl, .main-content ol, .main-content ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.main-content dt {
  margin-bottom: 5px;
}

.main-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.main-content ul {
  list-style: disc;
  padding-left: 20px;
}

.main-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 10px;
}

.main-content ul li ul {
  margin: 10px 0 0;
  list-style-type: circle;
}

.main-content ul li ul li {
  list-style-type: circle;
}

.main-content ol {
  padding-left: 20px;
}

.main-content ol li {
  line-height: 1.8;
  margin-bottom: 10px;
}

.main-content ol li ol {
  margin: 10px 0 0;
}

.main-content b, .main-content strong {
  font-weight: 600;
  color: #212529;
}

.main-content dfn, .main-content cite, .main-content em, .main-content i {
  font-style: italic;
}

.main-content code, .main-content kbd, .main-content tt, .main-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.main-content kbd {
  background-color: #dcd1d1;
}

.main-content mark, .main-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.main-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.main-content abbr, .main-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

.main-content .wp-caption-text {
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  padding: .6rem;
  text-align: center;
}

.main-content em {
  color: #62618d;
}

.main-content .alignright {
  margin: 5px 0 30px 30px;
}

.entry-footer .edit-link {
  display: block;
  margin: 10px 0;
}

.entry-footer .edit-link a {
  margin-right: 10px;
}

.entry-footer .edit-link a:hover {
  text-decoration: underline;
  color: #484848;
}

address {
  margin: 15px 0;
  font-style: italic;
  line-height: 30px;
}

blockquote {
  background-color: #fafafa;
  padding: 30px !important;
  line-height: 25px;
  font-weight: 500;
  position: relative;
  margin: 15px 0;
  font-style: normal;
  border-left: 3px solid;
}

blockquote em {
  font-style: normal !important;
}

blockquote p {
  font-size: 15px;
  margin-bottom: 10px !important;
  color: #666;
}

blockquote p:last-child {
  margin-bottom: 0 !important;
}

blockquote cite {
  color: #222;
  font-style: normal !important;
  display: block;
  margin-top: 10px;
  font-weight: 600;
}

blockquote cite a {
  color: #222 !important;
  text-decoration: none !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;
  word-break: break-all;
  text-align: left;
}

table td a {
  font-weight: 600;
}

table th a {
  text-decoration: underline;
}

table th a:hover {
  text-decoration: none;
}

/* End Page Markup And Formatting */
/* HTML Tags and Formatting */
.article-text .blog-details-content {
  overflow: hidden;
  border: 1px solid #eee;
  padding: 30px;
}

.article-text .blog-details-content .entry-meta {
  padding: 0 !important;
  margin: 0 0 5px !important;
}

.article-text .blog-details-content h1 {
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 15px;
}

.article-text .blog-details-content h2 {
  font-weight: 600;
  font-size: 35px;
  margin-bottom: 15px;
}

.article-text .blog-details-content h3 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 15px;
}

.article-text .blog-details-content h4 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}

.article-text .blog-details-content h5 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}

.article-text .blog-details-content h6 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}

.article-text .blog-details-content p {
  margin-bottom: 15px;
}

.article-text .blog-details-content p:last-child {
  margin-bottom: 0;
}

.article-text .blog-details-content p a {
  text-decoration: underline;
}

.article-text .blog-details-content p a:hover {
  text-decoration: none;
}

.article-text .blog-details-content .entry-content a {
  text-decoration: underline;
}

.article-text .blog-details-content .entry-content a:hover {
  text-decoration: none;
}

.article-text .blog-details-content ol a, .article-text .blog-details-content ul a, .article-text .blog-details-content dd a {
  text-decoration: underline;
}

.article-text .blog-details-content ol a:hover, .article-text .blog-details-content ul a:hover, .article-text .blog-details-content dd a:hover {
  text-decoration: none;
}

.article-text .blog-details-content dl, .article-text .blog-details-content ol, .article-text .blog-details-content ul {
  margin-top: 15px;
  margin-bottom: 15px;
}

.article-text .blog-details-content dt {
  margin-bottom: 5px;
}

.article-text .blog-details-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.article-text .blog-details-content ul {
  list-style: disc;
  padding-left: 20px;
}

.article-text .blog-details-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 10px;
  font-size: 15px;
}

.article-text .blog-details-content ul li ul {
  margin: 10px 0 0;
  list-style-type: circle;
}

.article-text .blog-details-content ul li ul li {
  list-style-type: circle;
}

.article-text .blog-details-content ol {
  padding-left: 20px;
}

.article-text .blog-details-content ol li {
  line-height: 1.8;
  margin-bottom: 10px;
  font-size: 15px;
}

.article-text .blog-details-content ol li ol {
  margin: 10px 0 0;
}

.article-text .blog-details-content b, .article-text .blog-details-content strong {
  font-weight: 600;
  color: #212529;
}

.article-text .blog-details-content dfn, .article-text .blog-details-content cite, .article-text .blog-details-content em, .article-text .blog-details-content i {
  font-style: italic;
}

.article-text .blog-details-content em {
  color: #62618d;
}

.article-text .blog-details-content code, .article-text .blog-details-content kbd, .article-text .blog-details-content tt, .article-text .blog-details-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.article-text .blog-details-content kbd {
  background-color: #dcd1d1;
}

.article-text .blog-details-content mark, .article-text .blog-details-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.article-text .blog-details-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
}

.article-text .blog-details-content abbr, .article-text .blog-details-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

.article-text .blog-details-content .wp-block-image figcaption {
  margin: 0;
  font-size: 14px;
  padding: .6rem;
  line-height: 1.6;
}

.article-text .blog-details-content .wp-block-image figcaption a {
  text-decoration: underline;
}

.article-text .blog-details-content .wp-block-image figcaption a:hover {
  text-decoration: none;
}

.article-text .blog-details-content .wp-caption-text {
  color: #767676;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  padding: .6rem;
  text-align: center;
}

.article-text .blog-details-content .wp-caption-text a {
  text-decoration: underline;
}

.article-text .blog-details-content .wp-caption-text a:hover {
  text-decoration: none;
}

/* End HTML Tags and Formatting */
/* Template: Comments */
.post-comments .comment-content h1 {
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 20px;
}

.post-comments .comment-content h2 {
  font-weight: 600;
  font-size: 35px;
  margin-bottom: 20px;
}

.post-comments .comment-content h3 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 20px;
}

.post-comments .comment-content h4 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 20px;
}

.post-comments .comment-content h5 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}

.post-comments .comment-content h6 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}

.post-comments .comment-content p {
  font-size: 14px;
  margin-bottom: 20px;
}

.post-comments .comment-content p:last-child {
  margin-bottom: 0;
}

.post-comments .comment-content a {
  text-decoration: underline;
}

.post-comments .comment-content a:hover {
  text-decoration: none;
}

.post-comments .comment-content dl, .post-comments .comment-content ol, .post-comments .comment-content ul {
  margin-top: 15px;
  margin-bottom: 15px;
}

.post-comments .comment-content dt {
  margin-bottom: 5px;
}

.post-comments .comment-content dd {
  margin: 0 1rem 1rem;
  font-size: 15px;
  line-height: 26px;
}

.post-comments .comment-content ul {
  list-style: disc;
  padding-left: 20px;
}

.post-comments .comment-content ul li {
  list-style: disc;
  line-height: 1.8;
  margin-bottom: 10px;
}

.post-comments .comment-content ul li ul {
  margin: 10px 0 0;
  list-style-type: circle;
}

.post-comments .comment-content ul li ul li {
  list-style-type: circle;
}

.post-comments .comment-content ol {
  padding-left: 20px;
}

.post-comments .comment-content ol li {
  line-height: 1.8;
  margin-bottom: 10px;
  list-style-type: decimal;
}

.post-comments .comment-content ol li ol {
  margin: 10px 0 0;
}

.post-comments .comment-content b, .post-comments .comment-content strong {
  font-weight: 600;
  color: #212529;
}

.post-comments .comment-content dfn, .post-comments .comment-content cite, .post-comments .comment-content em, .post-comments .comment-content i {
  font-style: italic;
}

.post-comments .comment-content code, .post-comments .comment-content kbd, .post-comments .comment-content tt, .post-comments .comment-content var {
  font-size: .88889em;
  font-family: Menlo,monaco,Consolas,Lucida Console,monospace;
}

.post-comments .comment-content kbd {
  background-color: #dcd1d1;
}

.post-comments .comment-content mark, .post-comments .comment-content ins {
  background: #fff9c0;
  text-decoration: none;
}

.post-comments .comment-content pre {
  font-size: .88889em;
  font-family: "Courier 10 Pitch",Courier,monospace;
  line-height: 1.8;
  overflow: auto;
  background: #fafafa;
}

.post-comments .comment-content abbr, .post-comments .comment-content acronym {
  border-bottom: 1px dotted #484848;
  cursor: help;
}

/* End Template: Comments */
/* Comments list style */
#comments {
  clear: both;
  padding: 2em 0 0.5em;
  list-style: none;
}

#comments .comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments .comment-list .comment {
  list-style-type: none;
}

#comments .comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

#comments .comment-list:before {
  display: none;
}

#comments .comment-list .comment-body {
  border-bottom: 1px solid #eee;
  margin-left: 65px;
  color: #333;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#comments .comment-list .comment-body .comment-content img {
  margin: 5px 0;
}

#comments .comment-list .comment-body .reply {
  margin-top: 15px;
}

#comments .comment-list .comment-body .reply a {
  border: 1px solid;
  color: #fff;
  display: inline-block;
  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: #333;
  border: 1px solid #333;
  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 .says {
  display: none;
}

#comments .comment-author b.fn {
  font-weight: 600;
}

#comments .comment-author b.fn a {
  color: #000;
}

#comments .comment-meta {
  margin-bottom: 1em;
}

#comments .comment-metadata {
  color: #767676;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1818em;
  text-transform: uppercase;
}

#comments .comment-metadata a {
  color: #767676;
}

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

.post-comments .comment-list .comment .comment-respond {
  margin-bottom: 30px;
}

.post-comments .title {
  font-weight: 600;
  font-size: 22px;
  border-bottom: 1px solid #eeee;
  padding-bottom: 12px;
  margin-bottom: 25px;
  position: relative;
}

.post-comments .title::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  bottom: -1px;
  left: 0;
}

.post-comments a:hover {
  text-decoration: underline;
}

.comments-title {
  font-size: 23px;
  margin-bottom: 1.5em;
}

/* End Comments list style */
/* Comment form */
.comment-respond {
  background: #fafafa;
  padding: 30px;
  overflow: hidden;
  border: 1px solid #eee;
}

.comment-respond .comment-reply-title {
  font-size: 19px;
  line-height: 30px;
  margin-top: 0;
  font-weight: 600;
}

.comment-respond .comment-reply-title #cancel-comment-reply-link {
  font-size: 15px;
}

.comment-respond label {
  display: block;
  font-weight: 500;
  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: 0.625em 0.4375em;
  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: 13px 25px;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
  font-size: 15px;
  border-radius: 0;
  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: 20px;
}

.comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  line-height: 20px;
  font-weight: normal;
}

.comment-respond p.comment-notes {
  line-height: 26px;
  font-size: 15px;
  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: 25px;
}

.comment-respond p.comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 0;
}

.comment-respond p.form-submit {
  float: left;
  width: 100%;
}

.comment-respond p.logged-in-as {
  line-height: 26px;
  font-size: 14px;
  margin-top: 5px;
}

.comment-respond p.logged-in-as a:hover {
  text-decoration: none;
  color: #484848;
}

/* End Comment form */
/* Unit test all post style */
.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;
  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: 1rem;
}

.wp-block-pullquote blockquote {
  background-color: transparent;
  color: #111;
  border: none;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 0;
  padding-left: 0;
}

.wp-block-pullquote blockquote p {
  font-size: 30px;
  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;
}

.pages-links {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
}

.pages-links span.page-links-title {
  font-weight: 500;
  font-size: 20px;
  padding-right: 10px;
}

.pages-links .post-page-numbers {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid #eee;
  font-size: 15px;
  line-height: 40px;
  color: #0a0c19;
  display: inline-block;
  margin-right: 5px;
  text-decoration: none !important;
}

.pages-links .post-page-numbers:hover {
  color: #ffffff;
}

.pages-links .current {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #ffffff;
}

.comment-navigation .nav-links {
  overflow: hidden;
  margin: 20px 0;
}

.comment-navigation .nav-links .nav-previous {
  float: left;
}

.comment-navigation .nav-links .nav-previous a {
  border: 1px solid;
  display: inline-block;
  padding: 7px 20px;
  text-transform: capitalize;
  border-radius: 30px;
}

.comment-navigation .nav-links .nav-previous a:hover {
  color: #fff;
  text-decoration: none !important;
}

.comment-navigation .nav-links .nav-next {
  float: right;
}

.comment-navigation .nav-links .nav-next a {
  border: 1px solid;
  display: inline-block;
  padding: 7px 20px;
  text-transform: capitalize;
  border-radius: 30px;
}

.comment-navigation .nav-links .nav-next a:hover {
  color: #fff;
  text-decoration: none !important;
}

.wp-block-archives-list {
  padding: 0 !important;
}

.wp-block-archives-list li {
  list-style: none !important;
}

.wp-block-archives-list li a {
  font-weight: 600;
  text-decoration: none !important;
}

.wp-block-archives-list li a:hover {
  text-decoration: underline;
  color: #222;
}

.wp-block-categories-list {
  padding: 0 !important;
}

.wp-block-categories-list li {
  list-style: none !important;
}

.wp-block-categories-list li a {
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: none !important;
}

.wp-block-categories-list li a:hover {
  text-decoration: underline;
  color: #222;
}

.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: 2px solid #eee;
  width: 100%;
  color: #484848;
  font-size: 15px;
  padding: 8px 15px;
}

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

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

.wp-block-cover {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

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

.wp-block-video figcaption {
  margin: 0;
  padding: .8rem;
}

.wp-block-quote.is-style-large {
  border: none;
  padding-left: 0;
  margin: 15px 0;
}

.wp-block-quote.is-style-large p br {
  display: none;
}

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

.wp-block-gallery.alignwide {
  width: 100%;
}

/* 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%;
  margin-top: 0;
}

.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 */
.post-comments .comment-list .trackback .comment-body {
  margin-left: 0 !important;
}

.post-comments .comment-list .trackback .comment-body a {
  text-decoration: underline;
}

.post-comments .comment-list .trackback .comment-body a:hover {
  text-decoration: none;
}

.post-comments .comment-list .pingback .comment-body {
  margin-left: 0 !important;
}

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

.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 */
/* Single footer widget  */
.footer-area .widget_text a img {
  margin: 15px 0;
}

.footer-area .single-footer-widget {
  margin-top: 30px;
}

.footer-area .single-footer-widget img.alignnone.size-full {
  margin: 15px 0 30px;
}

.footer-area .single-footer-widget h3 a {
  color: #fff;
}

.footer-area .single-footer-widget ul {
  padding-left: 17px;
  list-style-type: none;
  margin: 0;
}

.footer-area .single-footer-widget ul li {
  font-size: 14px;
  position: relative;
  margin-bottom: 8px;
  line-height: 1.8;
  color: #999999;
}

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

.footer-area .single-footer-widget ul li::before {
  height: 7px;
  width: 7px;
  content: '';
  left: -17px;
  top: 8px;
  position: absolute;
}

.footer-area .single-footer-widget ul li a {
  color: #999999;
}

.footer-area .single-footer-widget ul li a:hover .post_count {
  border: 1px solid;
}

.footer-area .single-footer-widget ul li a .post_count {
  position: absolute;
  right: 0;
  border: 1px solid #999999;
  width: 22px;
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 11px;
}

.footer-area .single-footer-widget table td, .footer-area .single-footer-widget table th {
  color: #999999;
}

.footer-area .widget_search form {
  position: relative;
}

.footer-area .widget_search form .form-control {
  background-color: #f8f8f8;
  border: 2px solid #eee;
  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: 10px;
}

.footer-area .widget_pages ul li.page_item_has_children > a {
  margin-bottom: 10px;
  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: #dcd9d9;
  font-weight: 600;
  font-size: 15px;
}

.footer-area .widget_rss ul li .rss-date {
  color: #999999;
  font-size: 13px;
  margin: 5px 0 10px;
  display: block;
  text-transform: uppercase;
}

.footer-area .widget_rss ul li .rssSummary {
  color: #999999;
}

.footer-area .widget_rss ul li cite {
  font-weight: 500;
  display: block;
  margin-top: 10px;
  font-style: normal;
  color: #dcd9d9;
}

.footer-area .tagcloud a {
  border: 1px solid #999999;
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px !important;
  color: #999999;
  margin: 5px 5px 5px 0;
  text-transform: capitalize;
}

.footer-area .tagcloud a:hover {
  color: #fff;
}

.footer-area .widget_text p {
  margin-top: 15px;
}

.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 {
  background-color: #eee;
  font-weight: 500;
}

.footer-area .calendar_wrap table #prev a, .footer-area .calendar_wrap table #next a {
  text-decoration: underline;
}

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

.footer-area .calendar_wrap caption {
  color: #fff;
  caption-side: top;
  font-weight: 600;
  padding: 15px 10px;
  line-height: 1;
}

.footer-area .widget_nav_menu .sub-menu {
  margin-top: 8px;
}

.footer-area .widget_recent_comments .recentcomments .comment-author-link {
  font-weight: 500;
  font-size: 14px;
}

.footer-area .widget_recent_comments .recentcomments .comment-author-link a {
  color: #dcd9d9;
}

.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: #999999;
  font-weight: 600;
  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;
}

/* End Single footer widget  */
.gunter-single-blank-page {
  height: 150px;
}

/* Genter New Versition CSS */
.single-services-box {
  background-color: #f7f7ff;
  position: relative;
  z-index: 1;
  padding: 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-box .icon {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 1;
}

.single-services-box .icon i::before {
  font-size: 45px;
}

.single-services-box h3 {
  margin-bottom: 0;
  margin-top: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
  font-weight: 700;
}

.single-services-box h3 a {
  color: #000000;
}

.single-services-box .bar {
  position: relative;
  z-index: 1;
  width: 55px;
  height: 3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 7px;
  margin-bottom: 20px;
}

.single-services-box .bar::before, .single-services-box .bar::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  background: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-box .bar::after {
  right: 10px;
}

.single-services-box .bar::before {
  right: 20px;
}

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

.single-services-box .link-btn {
  display: inline-block;
  position: relative;
  color: #ffffff;
}

.single-services-box .link-btn span {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-box .link-btn i {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-box .link-btn:hover span, .single-services-box .link-btn:focus span {
  opacity: 1;
  visibility: visible;
  padding-right: 5px;
}

.single-services-box .link-btn:hover i, .single-services-box .link-btn:focus i {
  left: 100%;
  width: 25px;
  height: 25px;
  line-height: 23px;
}

.single-services-box .link-btn:hover i::before, .single-services-box .link-btn:focus i::before {
  font-size: 12px;
}

.single-services-box .animation-img img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-services-box .animation-img img:nth-child(1) {
  left: 0;
  bottom: 0;
}

.single-services-box .animation-img img:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.single-services-box .animation-img img:nth-child(3) {
  top: 0;
  left: 0;
}

.single-services-box .animation-img img:nth-child(4) {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

.single-services-box .animation-img img:nth-child(5) {
  right: 0;
  top: 0;
}

.single-services-box .animation-img img:nth-child(6) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.single-services-box .animation-img img:nth-child(7) {
  bottom: 0;
  right: 0;
}

.single-services-box .animation-img img:nth-child(8) {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

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

.single-services-box:hover h3 a, .single-services-box:focus h3 a {
  color: #ffffff;
}

.single-services-box:hover p, .single-services-box:focus p {
  color: #ffffff;
}

.single-services-box:hover .bar, .single-services-box:focus .bar {
  background: #ffffff;
}

.single-services-box:hover .link-btn span, .single-services-box:focus .link-btn span {
  opacity: 1;
  visibility: visible;
  padding-right: 7px;
}

.single-services-box:hover .link-btn i, .single-services-box:focus .link-btn i {
  left: 100%;
  width: 25px;
  height: 25px;
  line-height: 23px;
  background-color: #ffffff;
}

.single-services-box:hover .link-btn i::before, .single-services-box:focus .link-btn i::before {
  font-size: 12px;
}

.single-services-box:hover .animation-img img, .single-services-box:focus .animation-img img {
  opacity: 1;
  visibility: visible;
}

.single-services-box:hover .animation-img img:nth-child(1), .single-services-box:focus .animation-img img:nth-child(1) {
  left: -25px;
  bottom: -24px;
}

.single-services-box:hover .animation-img img:nth-child(2), .single-services-box:focus .animation-img img:nth-child(2) {
  left: -35px;
}

.single-services-box:hover .animation-img img:nth-child(3), .single-services-box:focus .animation-img img:nth-child(3) {
  top: -15px;
  left: -16px;
}

.single-services-box:hover .animation-img img:nth-child(4), .single-services-box:focus .animation-img img:nth-child(4) {
  top: -28px;
}

.single-services-box:hover .animation-img img:nth-child(5), .single-services-box:focus .animation-img img:nth-child(5) {
  right: -25px;
  top: -26px;
}

.single-services-box:hover .animation-img img:nth-child(6), .single-services-box:focus .animation-img img:nth-child(6) {
  right: -25px;
}

.single-services-box:hover .animation-img img:nth-child(7), .single-services-box:focus .animation-img img:nth-child(7) {
  bottom: -26px;
  right: -25px;
}

.single-services-box:hover .animation-img img:nth-child(8), .single-services-box:focus .animation-img img:nth-child(8) {
  bottom: -25px;
}

/* Testimonials Area */
.testimonials-area {
  padding-bottom: 40px;
}

.testimonials-item {
  margin-bottom: 30px;
}

.testimonials-item .testimonials-single-item {
  position: relative;
  -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  padding: 25px;
}

.testimonials-item .testimonials-single-item p {
  font-style: italic;
  margin-bottom: 0;
  padding-left: 40px;
  position: relative;
  font-size: 14px;
}

.testimonials-item .testimonials-single-item p::before {
  position: absolute;
  content: "\f117";
  color: #777777;
  font-family: Flaticon;
  left: 0;
  top: -5px;
  font-size: 25px;
}

.testimonials-item .testimonials-single-item::before {
  border-left: 0 solid transparent;
  border-right: 23px solid transparent;
  border-top: 32px solid #ffffff;
  bottom: -32px;
  content: "";
  height: 0;
  left: 50px;
  position: absolute;
  width: 0;
}

.testimonials-item .quotation-profile {
  position: relative;
  margin-top: 40px;
  margin-left: 10px;
}

.testimonials-item .quotation-profile img {
  width: 70px;
  -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.06);
  border: 2px solid #ffffff;
  border-radius: 50%;
  height: 70px;
}

.testimonials-item .quotation-profile .profile-info {
  position: absolute;
  top: -5px;
  left: 90px;
}

.testimonials-item .quotation-profile .profile-info h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
  margin-top: 15px;
}

.testimonials-item .quotation-profile .profile-info span {
  display: block;
  font-size: 14px;
}

.custom-pagination-area {
  margin-top: 15px;
  margin-bottom: 30px !important;
}

.custom-pagination-area .page-numbers li {
  display: inline-block;
  padding-left: 10px;
}

.custom-pagination-area .page-numbers li a {
  padding: 5px;
}

/* Shop pages style
================================================*/
/* Cart link style */
.cart-link {
  margin-right: 15px;
  position: relative;
  color: #fff;
}

.cart-link i {
  font-size: 18px;
}

.cart-link span {
  color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  text-align: center;
  line-height: 22px;
  font-size: 10px;
  top: -15px;
  right: -15px;
}

/*================================================
Products Area CSS
=================================================*/
.products-area {
  position: relative;
}

.products-area .pagination-area {
  margin-top: 25px;
}

.single-products {
  text-align: center;
  position: relative;
  background-color: #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);
  border: 5px solid #ffffff;
}

.single-products > a {
  display: none;
}

.single-products .products-content {
  padding: 30px 15px;
}

.single-products .products-content h3 {
  margin-bottom: 15px !important;
  font-size: 17px !important;
  padding: 0 !important;
}

.single-products .products-content h3 a {
  color: #000000;
}

.single-products .products-content h3 a:hover {
  color: #ff2d2d;
}

.single-products .products-content .price {
  color: #ff2d2d !important;
  margin-bottom: 10px !important;
  font-size: 15px !important;
}

.single-products .products-content .star-rating {
  margin: 12px auto 29px !important;
  color: #eac11d;
}

.single-products .products-content span {
  font-weight: 600;
}

.single-products .products-content .add-to-cart-btn {
  display: inline-block;
  padding: 10px 22px !important;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0;
  margin: 0 !important;
  line-height: 20px;
  font-weight: 700;
  font-size: 13px;
}

.single-products .products-content a.added_to_cart.wc-forward {
  margin-left: 10px;
  color: #000;
}

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

.single-products .sale-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #ff2d2d;
  color: #fff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 50%;
  z-index: 2;
}

.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;
  width: 100%;
  margin: 0 !important;
}

.single-products .products-image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: gray;
  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;
}

.single-products .products-image ul li a:hover,
.single-products .products-image ul li a:focus {
  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:hover .products-content .add-to-cart-btn,
.single-products:focus .products-content .add-to-cart-btn {
  color: #ffffff;
}

.single-products:hover .products-image img,
.single-products:focus .products-image img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.single-products:hover .products-image::before,
.single-products:focus .products-image::before {
  opacity: .40;
  visibility: visible;
}

.single-products:hover .products-image ul,
.single-products:focus .products-image ul {
  opacity: 1;
  visibility: visible;
}

.single-products:hover .products-image ul li a:nth-child(1),
.single-products:focus .products-image ul li a:nth-child(1) {
  margin-left: 0;
}

.single-products:hover .products-image ul li a:nth-child(3),
.single-products:focus .products-image ul li a:nth-child(3) {
  margin-right: 0;
}

.productsQuickView, .quick-view-modal {
  padding: 0 !important;
  max-width: 900px !important;
  width: 100%;
}

.productsQuickView .modal-dialog,
.quick-view-modal .modal-dialog {
  max-width: 900px;
}

.productsQuickView .products-content,
.quick-view-modal .products-content {
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}

.productsQuickView .modal-content,
.quick-view-modal .modal-content {
  border: none;
  border-radius: 0;
}

.productsQuickView .modal-content button.close,
.quick-view-modal .modal-content button.close {
  position: absolute;
  right: 2%;
  display: inline-block;
  opacity: 1;
  top: 2%;
  width: 35px;
  z-index: 333;
  height: 35px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  outline: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.productsQuickView .modal-content button.close span,
.quick-view-modal .modal-content button.close span {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.productsQuickView .modal-content button.close:hover,
.productsQuickView .modal-content button.close:focus,
.quick-view-modal .modal-content button.close:hover,
.quick-view-modal .modal-content button.close:focus {
  color: #ffffff;
}

.productsQuickView .modal-content button.close span, .quick-view-modal .modal-content button.close span {
  display: block;
  margin-top: -2px;
}

.productsQuickView .modal-content button.close:hover span,
.productsQuickView .modal-content button.close:focus span,
.quick-view-modal .modal-content button.close:hover span,
.quick-view-modal .modal-content button.close:focus span {
  color: #ffffff;
}

.productsQuickView .modal-content .products-image,
.quick-view-modal .modal-content .products-image {
  overflow: hidden;
}

.productsQuickView .modal-content .products-image img,
.quick-view-modal .modal-content .products-image img {
  width: 100%;
}

.productsQuickView .modal-content .products-content p,
.quick-view-modal .modal-content .products-content p {
  margin-bottom: 20px;
  font-size: 14px;
}

.productsQuickView .modal-content .products-content h3,
.quick-view-modal .modal-content .products-content h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}

.productsQuickView .modal-content .products-content .price,
.quick-view-modal .modal-content .products-content .price {
  color: #ff2d2d !important;
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.productsQuickView .modal-content .products-content .price ins,
.quick-view-modal .modal-content .products-content .price ins {
  background-color: transparent;
  color: #ff2d2d !important;
}

.productsQuickView .modal-content .products-content .price del, .quick-view-modal .modal-content .products-content .price del {
  margin-right: 5px;
  opacity: .60;
}

.productsQuickView .modal-content .products-content .price span,
.quick-view-modal .modal-content .products-content .price span {
  font-weight: normal;
}

.productsQuickView .modal-content .products-content .star-rating,
.quick-view-modal .modal-content .products-content .star-rating {
  font-size: 15px;
}

.productsQuickView .modal-content .products-content form .quantity,
.quick-view-modal .modal-content .products-content form .quantity {
  display: inline-block;
}

.productsQuickView .modal-content .products-content form .quantity input,
.quick-view-modal .modal-content .products-content form .quantity input {
  border: 1px solid #eeeeee;
  background: #ffffff;
  height: 45px;
  padding: 8px 15px;
  width: 75px;
  outline: 0;
  font-size: 18px;
}

.productsQuickView .modal-content .products-content form button,
.quick-view-modal .modal-content .products-content form button {
  border-radius: 0;
  color: #ffffff;
  border: none;
  height: 45px;
  padding: 0 20px;
  position: relative;
  top: -1px;
  cursor: pointer;
  outline: 0;
  font-weight: 600;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 14px;
}

.productsQuickView .modal-content .products-content form button:hover,
.productsQuickView .modal-content .products-content form button:focus,
.quick-view-modal .modal-content .products-content form button:hover,
.quick-view-modal .modal-content .products-content form button:focus {
  background-color: #0a0c19;
  color: #ffffff;
}

.productsQuickView .modal-content .products-content .product-meta,
.quick-view-modal .modal-content .products-content .product-meta {
  margin-top: 15px;
}

.productsQuickView .modal-content .products-content .product-meta .sku_wrapper,
.quick-view-modal .modal-content .products-content .product-meta .sku_wrapper {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-content .products-content .product-meta .posted_in,
.quick-view-modal .modal-content .products-content .product-meta .posted_in {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-content .products-content .product-meta .tagged_as,
.quick-view-modal .modal-content .products-content .product-meta .tagged_as {
  display: block;
  margin-bottom: 5px;
}

.productsQuickView .modal-content .products-content .product-meta span,
.quick-view-modal .modal-content .products-content .product-meta span {
  display: inline-block;
  color: #0a0c19;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 600;
}

.productsQuickView .modal-content .products-content .product-meta span a,
.quick-view-modal .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, .quick-view-modal .grouped_form {
  font-size: 14px;
}

.productsQuickView .grouped_form .woocommerce-grouped-product-list-item__price del, .quick-view-modal .grouped_form .woocommerce-grouped-product-list-item__price del {
  opacity: .50;
}

.productsQuickView .grouped_form .woocommerce-grouped-product-list-item__price ins, .quick-view-modal .grouped_form .woocommerce-grouped-product-list-item__price ins {
  background-color: transparent;
}

.productsQuickView .grouped_form td, .productsQuickView .grouped_form th, .quick-view-modal .grouped_form td, .quick-view-modal .grouped_form th {
  border: 1px solid #eee;
}

.productsQuickView .grouped_form td a, .productsQuickView .grouped_form th a, .quick-view-modal .grouped_form td a, .quick-view-modal .grouped_form th a {
  text-decoration: underline;
}

.productsQuickView .grouped_form td a:hover, .productsQuickView .grouped_form th a:hover, .quick-view-modal .grouped_form td a:hover, .quick-view-modal .grouped_form th a:hover {
  text-decoration: none;
}

.uk-modal {
  z-index: 10000;
}

.productsQuickView .grouped_form .add-to-cart-btn,
.quick-view-modal .grouped_form .add-to-cart-btn {
  color: #fff;
  font-size: 12px;
  padding: 10px 10px;
}

.productsQuickView .grouped_form .add-to-cart-btn:hover,
.quick-view-modal .grouped_form .add-to-cart-btn:hover {
  background-color: #000;
  color: #fff;
}

.productsQuickView .variations_form td,
.quick-view-modal .variations_form td {
  text-transform: capitalize;
}

.productsQuickView .variations_form td a.reset_variations, .quick-view-modal .variations_form td a.reset_variations {
  margin-left: 10px;
}

.productsQuickView .variations_form .label label,
.quick-view-modal .variations_form .label label {
  margin: 0;
}

.productsQuickView .variations_form .value select,
.quick-view-modal .variations_form .value select {
  border: 1px solid #eee;
  font-size: 13px;
  height: 35px;
  padding: 5px 10px;
}

.productsQuickView .variations_form .reset_variations,
.quick-view-modal .variations_form .reset_variations {
  font-size: 13px;
  margin-top: 10px;
}

.productsQuickView .variations_form .woocommerce-variation-price,
.quick-view-modal .variations_form .woocommerce-variation-price {
  margin-bottom: 10px;
}

.quick-view-modal .modal-content .products-content form button {
  top: 0px;
}

.woocommerce-topbar {
  padding: 15px 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.woocommerce-topbar p {
  color: #ffffff;
  font-size: 16px;
  margin: 12px 0 0 !important;
}

.woocommerce-topbar .woocommerce-topbar-ordering {
  margin: 0;
}

.woocommerce-topbar .woocommerce-topbar-ordering .form-control {
  cursor: pointer;
  border-color: #ebebeb;
  border-radius: 4px;
  height: 50px;
  padding: 10px 15px;
}

.woocommerce-topbar .woocommerce-topbar-ordering .form-control option {
  font-size: 15px;
}

/* Products card */
.woocommerce .title, .woocommerce-page .title {
  margin-top: 0;
  margin-bottom: 20px;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
  margin: 0;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin-bottom: 0 !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  opacity: .7;
  margin-right: 5px;
}

.woocommerce form.login,
.woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.register {
  border: 1px solid #eee;
  padding: 30px;
  margin: 0;
}

.woocommerce .form-row,
.woocommerce-page .form-row {
  margin: 0 0 20px !important;
}

.woocommerce .form-row label,
.woocommerce-page .form-row label {
  line-height: 1 !important;
  font-weight: 600;
  margin-bottom: 13px;
  width: 100%;
}

.woocommerce .form-control, .woocommerce-page .form-control {
  height: 50px;
  border: 1px solid #eee;
  height: 45px;
  font-size: 15px;
  width: 100%;
  padding: 5px 15px;
}

.woocommerce-shipping-fields .woocommerce-input-wrapper {
  width: 100%;
  display: block;
}

.woocommerce-additional-fields .woocommerce-input-wrapper {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-form-login__rememberme,
.woocommerce-page .woocommerce-form-login__rememberme {
  display: block;
  width: 100%;
}

.woocommerce .woocommerce-form-login__rememberme span,
.woocommerce-page .woocommerce-form-login__rememberme span {
  font-size: 15px;
}

.woocommerce p.woocommerce-LostPassword.lost_password,
.woocommerce-page p.woocommerce-LostPassword.lost_password {
  margin: 0 !important;
}

.woocommerce .woocommerce-ResetPassword .form-row,
.woocommerce-page .woocommerce-ResetPassword .form-row {
  margin: 0 !important;
}

.woocommerce .woocommerce-ResetPassword .button.button,
.woocommerce-page .woocommerce-ResetPassword .button.button {
  margin-top: 10px;
}

checkbox.woocommerce-form-login__rememberme {
  margin-bottom: 25px;
}

.woocommerce-form-login .button.button,
.woocommerce-form-register .button.button,
.woocommerce-ResetPassword .button.button {
  color: #fff;
  padding: 14px 30px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}

.woocommerce-form-login .button.button:hover,
.woocommerce-form-register .button.button:hover,
.woocommerce-ResetPassword .button.button:hover {
  background-color: #000;
  color: #fff;
}

/* End Products card */
.related.products h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-size: 25px;
  margin-bottom: 25px;
  text-transform: capitalize;
}

/* woocommerce-products-header */
.page-title-area .woocommerce-breadcrumb {
  margin: 10px 0 0;
  font-size: 15px;
}

.page-title-area .woocommerce-breadcrumb a {
  color: #ccc;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0 3px;
}

/*================================================
  Products Details Area CSS
  =================================================*/
.products_details .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
  display: block !important;
}

.products_details div.product span.onsale {
  top: 0;
  left: 0;
}

.products_details div.product span.sale-btn {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #ff2d2d;
  color: #fff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
}

.products_details .summary.entry-summary .product_title {
  display: block;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 15px;
}

.products_details .summary.entry-summary .product_title::before {
  content: '';
  left: 0;
  bottom: -1px;
  width: 30px;
  height: 2px;
  position: absolute;
}

.products_details .summary.entry-summary p.price,
.products_details .summary.entry-summary span.price {
  font-size: 15px;
  margin-bottom: 5px;
  color: #ff2d2d;
  font-weight: 600;
}

.products_details .summary.entry-summary p.price ins,
.products_details .summary.entry-summary span.price ins {
  color: #ff2d2d;
  background-color: transparent;
}

.products_details .summary.entry-summary p.price del,
.products_details .summary.entry-summary span.price del {
  margin-right: 5px;
}

.products_details .summary.entry-summary .star-rating {
  margin: .5em 4px 0 0 !important;
}

.products_details .summary.entry-summary .star-rating span::before {
  color: #ff6d34;
}

.products_details .summary.entry-summary .woocommerce-product-rating {
  margin-bottom: 5px !important;
}

.products_details .summary.entry-summary .woocommerce-product-rating a.woocommerce-review-link {
  color: #62618d;
  font-size: 14px;
}

.products_details .summary.entry-summary .woocommerce-product-details__short-description p {
  font-size: 15px;
}

.products_details .summary.entry-summary form.cart {
  margin-top: 6px;
  margin-bottom: 0;
}

.products_details .summary.entry-summary form.cart .qty {
  height: 40px;
  font-size: 14px;
  width: 100px;
  padding: 5px;
  border: 1px solid #eee;
}

.products_details .summary.entry-summary form.cart a.button.alt,
.products_details .summary.entry-summary form.cart button.button.alt,
.products_details .summary.entry-summary form.cart input.button.alt {
  font-weight: normal;
  font-size: 13px;
  height: 40px;
  border-radius: 0;
}

.products_details .summary.entry-summary form.cart a.button.alt:hover,
.products_details .summary.entry-summary form.cart button.button.alt:hover,
.products_details .summary.entry-summary form.cart input.button.alt:hover {
  background-color: #000;
}

.products_details .summary.entry-summary form.cart table {
  margin-bottom: 15px;
  border-bottom: none;
}

.products_details .summary.entry-summary form.cart table tr:nth-child(even), .products_details .summary.entry-summary form.cart table tr:hover {
  background-color: #fff;
}

.products_details .summary.entry-summary form.cart table tr del {
  opacity: .50;
  margin-right: 3px;
}

.products_details .summary.entry-summary form.cart .variations select {
  border: 1px solid #eee;
  height: 35px;
  font-size: 14px;
  padding: 5px 10px;
}

.products_details .summary.entry-summary form.cart .variations label {
  text-transform: capitalize;
}

.products_details .summary.entry-summary form.cart .variations th,
.products_details .summary.entry-summary form.cart .variations td {
  padding: 5px 0;
}

.products_details .summary.entry-summary form.cart .single_variation_wrap p {
  font-size: 14px;
}

.products_details .summary.entry-summary form.cart .single_variation_wrap .woocommerce-variation-price {
  margin-bottom: 5px;
}

.products_details .summary.entry-summary form.cart .group_table td {
  vertical-align: middle;
}

.products_details .summary.entry-summary form.cart .group_table td label {
  margin: 0;
  font-size: 14px;
}

.products_details .summary.entry-summary form.cart .group_table td:first-child {
  width: 130px;
  text-align: center;
}

.products_details .summary.entry-summary form.cart .group_table td .qty {
  width: 100%;
}

.products_details .summary.entry-summary form.cart .group_table td .button {
  font-weight: normal;
  font-size: 13px;
  border-radius: 0;
  color: #fff;
  padding: 12px 15px;
  width: 100%;
}

.products_details .summary.entry-summary form.cart .group_table td .button:hover {
  background-color: #000;
  color: #fff;
}

.products_details .summary.entry-summary form.cart .group_table td a {
  text-decoration: underline;
}

.products_details .summary.entry-summary form.cart .group_table td a:hover {
  text-decoration: none;
}

.products_details .summary.entry-summary form.cart .woocommerce-grouped-product-list-item__price ins {
  background-color: transparent;
}

.products_details .summary.entry-summary .product_meta {
  margin-top: 20px;
}

.products_details .summary.entry-summary .product_meta span.sku_wrapper {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 5px;
}

.products_details .summary.entry-summary .product_meta span.posted_in,
.products_details .summary.entry-summary .product_meta span.tagged_as {
  margin-top: 5px;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

.products_details .summary.entry-summary .product_meta span.posted_in a,
.products_details .summary.entry-summary .product_meta span.tagged_as a {
  font-size: 13px;
  color: #666666;
  margin-left: 5px;
  display: inline-block;
  text-transform: capitalize;
}

.products_details .woocommerce-tabs ul.tabs {
  margin: 0 !important;
  padding: 0 !important;
  border: none;
}

.products_details .woocommerce-tabs ul.tabs::before {
  border-bottom: 1px solid #eee !important;
}

.products_details .woocommerce-tabs ul.tabs li {
  background-color: #fafafa !important;
  margin: 0 10px 0 0 !important;
  border-color: #eee !important;
  padding: 15px 25px !important;
}

.products_details .woocommerce-tabs ul.tabs li a {
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 15px;
  font-family: "Nunito Sans", sans-serif !important;
}

.products_details .woocommerce-tabs ul.tabs li.active {
  color: #fff;
  border-radius: 0 !important;
}

.products_details .woocommerce-tabs ul.tabs li.active a:hover {
  color: #fff !important;
}

.products_details .woocommerce-tabs ul.tabs li::after, .products_details .woocommerce-tabs ul.tabs li::before {
  display: none;
}

.products_details .woocommerce-tabs .panel {
  margin: 0;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 30px !important;
}

.products_details .woocommerce-tabs .panel h1,
.products_details .woocommerce-tabs .panel h2,
.products_details .woocommerce-tabs .panel h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.products_details .woocommerce-tabs .panel h4,
.products_details .woocommerce-tabs .panel h5,
.products_details .woocommerce-tabs .panel h6 {
  font-size: 17px;
  margin-bottom: 10px;
}

.products_details .woocommerce-tabs .panel p {
  font-size: 14px;
}

.products_details .woocommerce-tabs .panel table.shop_attributes {
  margin-bottom: 0;
  margin-top: 15px;
}

.products_details .woocommerce-tabs .panel table.shop_attributes td,
.products_details .woocommerce-tabs .panel table.shop_attributes th {
  border: 1px solid #eee !important;
  padding: 10px 15px;
  text-transform: capitalize;
}

.products_details .woocommerce-tabs .panel #comments {
  margin: 0;
  padding: 0;
}

.products_details .woocommerce-tabs .panel #comments .woocommerce-Reviews-title {
  text-transform: capitalize;
  margin-bottom: 10px !important;
}

.products_details .woocommerce-tabs .panel #comments ol.commentlist {
  padding: 0;
}

.products_details .woocommerce-tabs .panel #comments p.meta {
  margin-bottom: 5px !important;
}

.products_details .woocommerce-tabs .panel #comments .woocommerce-review__author {
  color: #222222;
}

.products_details .woocommerce-tabs .panel #comments .star-rating {
  font-size: 14px;
  color: #ff6d34;
}

.products_details .woocommerce-tabs .panel #comments .description p {
  font-size: 14px;
}

.products_details .woocommerce-tabs .panel .comment-reply-title {
  font-size: 14px;
  font-weight: normal;
  border-bottom: none;
  margin-top: 10px;
  display: block;
  padding-bottom: 0;
  margin-bottom: 6px;
}

.products_details .woocommerce-tabs .panel .comment-reply-title::before {
  display: none;
}

.products_details .woocommerce-tabs .panel p.stars {
  margin-bottom: 15px !important;
  display: inline-block;
}

.products_details .woocommerce-tabs .panel .comment-form-rating label {
  margin-bottom: 5px;
}

.products_details .woocommerce-tabs .panel textarea#comment {
  padding: 12px 15px;
  font-size: 14px;
}

.products_details .woocommerce-tabs .panel .comment-respond .comment-form-comment textarea {
  margin: 0;
}

.products_details .woocommerce-tabs .panel p.comment-form-comment,
.products_details .woocommerce-tabs .panel .comment-form-author,
.products_details .woocommerce-tabs .panel .comment-form-email,
.products_details .woocommerce-tabs .panel .comment-form-cookies-consent {
  margin-bottom: 20px !important;
}

.products_details .woocommerce-tabs .panel p.form-submit {
  margin: 0 !important;
}

.products_details .woocommerce-tabs .panel p.form-submit .btn {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: normal !important;
  padding: 12px 20px !important;
}

.products_details .woocommerce-tabs .panel p.form-submit .btn:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.products_details .woocommerce-tabs .panel ol.commentlist {
  margin: 0;
}

.products_details .up-sells.upsells.products h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-size: 25px;
  margin-bottom: 25px;
  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;
  }
}

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

.products-image-slides.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  left: 20px;
  border-radius: 50%;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  top: 50%;
  margin: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.products-image-slides.owl-theme .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 20px;
}

.products-image-slides.owl-theme:hover .owl-nav [class*=owl-],
.products-image-slides.owl-theme:focus .owl-nav [class*=owl-] {
  left: 2px;
  opacity: 1;
  visibility: visible;
}

.products-image-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next,
.products-image-slides.owl-theme:focus .owl-nav [class*=owl-].owl-next {
  left: auto;
  right: 2px;
}

/* 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: 14px;
  font-weight: 500;
  color: #666;
  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;
}

.shop-sidebar .widget:first-child {
  margin-top: 0;
}

.shop-sidebar .widget {
  border: 1px solid #eee;
  padding: 30px;
  background-color: #fff;
}

.shop-sidebar .widget .widget-title {
  font-size: 18px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  text-transform: capitalize;
  position: relative;
}

.shop-sidebar .widget .widget-title::before {
  display: none;
}

.shop-sidebar .widget .widget-title::after {
  display: none;
}

.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-weight: 600;
  font-size: 14px !important;
}

.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-weight: 600;
  font-size: 14px !important;
  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;
}

.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: .40;
  margin-right: 5px;
}

.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 {
  background-color: transparent;
}

.shop-sidebar .widget_top_rated_products .product_list_widget .star-rating,
.shop-sidebar .widget_products .product_list_widget .star-rating,
.shop-sidebar .widget_recently_viewed_products .product_list_widget .star-rating,
.shop-sidebar .widget_recent_reviews .product_list_widget .star-rating {
  margin: 5px 0;
}

.shop-sidebar .widget_top_rated_products .product_list_widget span.reviewer,
.shop-sidebar .widget_products .product_list_widget span.reviewer,
.shop-sidebar .widget_recently_viewed_products .product_list_widget span.reviewer,
.shop-sidebar .widget_recent_reviews .product_list_widget 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 span.reviewer {
  font-size: 14px;
}

.shop-sidebar .select2-container--default .select2-selection--multiple {
  border: 1px solid #eee;
  border-radius: 0;
  padding: 1px 15px;
}

.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 .widget_price_filter .price_label {
  font-size: 15px;
}

.shop-sidebar .woocommerce-widget-layered-nav-dropdown__submit:hover {
  background-color: #000;
  color: #fff;
}

.shop-sidebar .widget_layered_nav .selection ul li {
  border: none;
  padding-top: 5px;
}

.shop-sidebar .widget_rating_filter 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 */
/**/
.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: 25px;
}

.woocommerce .woocommerce-MyAccount-content form label {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
}

.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: 14px;
  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: 13px;
  color: #666666;
}

.woocommerce .woocommerce-MyAccount-content .edit-account .woocommerce-form-row span {
  font-size: 13px;
  display: inline-block;
  margin-top: 10px;
}

.woocommerce .woocommerce-MyAccount-content .edit-account fieldset {
  margin-top: 20px;
  border: 1px solid #eee;
  padding: 15px;
}

.woocommerce .woocommerce-MyAccount-content .btn {
  color: #fff;
  display: inline-block;
  padding: 15px 25px;
  font-weight: bold;
  font-size: 15px;
  text-transform: capitalize;
  cursor: pointer;
}

.woocommerce .woocommerce-MyAccount-content .btn:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-content .edit-account fieldset legend {
  font-size: 20px;
}

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

.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .input-text {
  display: block;
  width: 100%;
  border: 1px solid #eee;
  height: 45px;
  padding: 5px 15px;
  font-size: 13px;
  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;
}

.woocommerce .woocommerce-MyAccount-content .button:hover {
  background-color: #000;
  color: #fff;
}

.woocommerce .woocommerce-MyAccount-content address {
  font-style: normal;
  font-size: 14px;
  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;
}

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

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

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

.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 {
  color: #666666;
  font-weight: 600;
  display: inline-block;
}

.cart-table table tbody tr td.product-price 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 table .quantity .input-text {
  border: 1px solid #eee;
  height: 40px;
  font-size: 15px;
  width: 100px;
}

.cart-table table .coupon .form-control {
  width: 150px !important;
  padding: 5px 15px !important;
}

.cart-table table .actions .btn {
  color: #fff;
  display: inline-block;
  height: 45px;
  padding: 0 20px;
  font-weight: 600;
  margin-left: 5px;
  text-transform: uppercase;
  cursor: pointer;
}

.cart-table table .actions .btn:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.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-buttons {
  margin-top: 30px;
}

.cart-totals {
  background: #ffffff;
  padding: 40px;
  max-width: 600px;
  width: 100% !important;
  -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: 5px;
  margin: 10px auto 0;
  float: none !important;
  border: 1px solid #eee;
}

.cart-totals h3 {
  margin-top: 0;
  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;
  display: inline-block;
  padding: 14px 25px;
  font-weight: 600;
  margin-left: 5px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 6px;
}

.cart-totals .wc-proceed-to-checkout .btn:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 1em 2em 1em 3.5em !important;
}

/*================================================
  Checkout CSS
  =================================================*/
.user-actions {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 18px 25px 15px;
  margin-bottom: 35px;
}

.user-actions span {
  display: inline-block;
  font-weight: 600;
}

.user-actions span i {
  margin-right: 2px;
}

.user-actions span a {
  font-weight: 500;
  display: inline-block;
  color: #0a0c19;
}

.checkout-area .title {
  font-size: 18px;
  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-area .woocommerce-shipping-fields {
  margin-top: 30px;
  border: 1px solid #eee;
  padding: 25px 25px 10px;
}

.checkout-area .woocommerce-shipping-fields .form-control {
  border: 1px solid #eee;
  padding: 5px 15px;
}

.woocommerce-additional-fields {
  margin-top: 25px;
}

.woocommerce-additional-fields textarea {
  padding: 10px 15px;
}

.checkout-area .woocommerce-shipping-fields h3 {
  font-size: 15px;
  margin-top: 0;
  text-transform: capitalize;
}

.woocommerce-error li {
  font-size: 14px;
}

.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;
  border: 1px solid #eee;
}

.billing-details .form-group label {
  display: block;
  color: #666666;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}

.billing-details .form-group .woocommerce-input-wrapper {
  width: 100%;
  display: block;
}

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

.billing-details .form-group .form-control {
  background: #fff;
  border: 1px solid #eee;
  height: 45px;
  font-size: 14px;
  padding: 5px 15px;
}

.billing-details .form-group select {
  cursor: pointer;
}

.billing-details .form-check {
  margin-bottom: 15px;
}

.woocommerce-checkout-review-order ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.woocommerce-checkout-review-order ul li {
  list-style-type: none;
}

.woocommerce-checkout-review-order .order-btn {
  color: #fff;
  display: inline-block;
  height: 45px;
  padding: 0 20px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
}

.woocommerce-checkout-review-order .order-btn:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.pswp {
  z-index: 1000000;
}

.billing-details .form-check .form-check-label {
  color: #666666;
}

.billing-details .form-check label {
  font-size: 14px;
  font-weight: 400;
}

.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;
  border: 1px solid #eee;
}

.order-details .order-table table {
  margin-bottom: 0;
  text-align: left;
}

.order-details .order-table table thead tr th {
  border-bottom-width: 0;
  vertical-align: middle;
  border-color: #eaedff;
  padding: 15px .75rem;
  font-weight: 600;
  font-size: 15.5px;
}

.order-details .order-table table tbody tr td {
  vertical-align: middle;
  color: #666666;
  border-color: #eaedff;
  font-size: 14px;
}

.order-details .order-table table tbody tr td.product-name a {
  color: #666666;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
}

.order-details .order-table table tbody tr td.order-subtotal span,
.order-details .order-table table tbody tr td.order-shipping span,
.order-details .order-table table tbody tr td.total-price span {
  color: #0a0c19;
  font-weight: 600;
}

.order-details .payment-method {
  margin-top: 40px;
  border-top: 1px solid #eaedff;
  padding-top: 35px;
}

.order-details .payment-method p {
  margin-bottom: 15px;
  font-size: 14px;
}

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

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

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

.order-details .payment-method p [type="radio"]:checked + label::after,
.order-details .payment-method p [type="radio"]:not(:checked) + label::after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 7px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.order-details .payment-method p [type="radio"]:not(:checked) + label::after {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.order-details .payment-method p [type="radio"]:checked + label::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.order-details .btn.order-btn {
  display: block;
  margin-top: 10px;
}

.woocommerce-notices-wrapper .woocommerce-message .button {
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
}

.woocommerce-notices-wrapper .woocommerce-message .button:hover {
  background-color: #000;
  color: #fff;
}

.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
  text-decoration: underline;
}

.woocommerce .checkout_coupon {
  margin-top: 0 !important;
}

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

.product-link a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  display: none;
}

/* End Shop pages style
================================================*/
/*# sourceMappingURL=gunter-style.css.map */