/*
@File: Aica Template Style

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

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

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

** - Default CSS
** - Home Demo One CSS
** - Home Demo Two CSS
** - Home Demo Three CSS
** - About CSS
** - Services Details CSS
** - Cart CSS
** - Checkout CSS
** - Single Product CSS
** - Blog Details CSS
** - Contact CSS
** - Team Details CSS
** - Account CSS
** - Appointment CSS
** - Donate CSS
** - FAQ CSS
** - Error CSS
** - Go Top CSS
** - Preloader CSS
*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
/*----- Default CSS -----*/
body {
  font-family: "Open Sans", sans-serif;
  color: #363636;
  background-color: #fff;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #242424;
  font-family: "Open Sans", sans-serif;
}

p {
  line-height: 1.7;
}

a {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
}

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

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

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

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

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

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

.pt-10 {
  padding-top: 10px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-100 {
  padding-top: 100px;
}

.pb-10 {
  padding-bottom: 10px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-100 {
  padding-bottom: 100px;
}

button:focus {
  outline: 0;
}

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

.common-btn {
  display: inline-block;
  position: relative;
  z-index: 1;
  border: 0;
  border-radius: 30px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  color: #fff;
  background-color: #FE7171;
  padding: 15px 30px;
  font-weight: 600;
  border: 1px solid #FE7171;
}

.common-btn:before {
  position: absolute;
  content: '';
  width: 95%;
  height: 83%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border: 2px dashed #FE7171;
  border-radius: 50px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.common-btn:hover {
  color: #FE7171;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd7a;
          box-shadow: 0px 0px 20px 0px #dddddd7a;
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
  border: 1px solid #fff;
}

.common-btn:hover:before {
  border: 2px dashed #FE7171;
}

.common-btn.two {
/*  color: #242424;*/
/*  background-color: #FFCB78;*/
/*  border: 1px solid #FFCB78;*/
  color: #fff;
  background-color: #FE7171;
  border: 1px solid #FE7171;
}

.common-btn.two:before {
/*  border: 2px dashed #FFCB78;*/
  border: 2px dashed #FE7171;
}

.common-btn.two:hover {
/*  color: #FFCB78;*/
  color: #FE7171;
  background-color: #fff;
  border: 1px solid #fff;
}

.common-btn.two:hover:before {
/*  border: 2px dashed #FFCB78;*/
  border: 2px dashed #FE7171;
}

.section-title {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
  margin-top: -5px;
}

.section-title h2 {
  font-size: 40px;
  margin-bottom: 10px;
}

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

/*----- Home Demo One CSS -----*/
/*-- Header --*/
.header-click-btn-area {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  display: none;
}

.header-click-btn-area .header-click-btn {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border: 0;
  padding: 8px 22px;
  background-color: #FE7171;
  border-radius: 30px;
}

.header-click-btn-area .header-click-btn i {
  display: inline-block;
}

.header-click-btn-area .header-click-btn:hover {
  background-color: #242424;
}

.header-area {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #DBDBDB;
  background-color: #fff;
  position: relative;
  z-index: 9999;
}

.header-area .container-fluid {
  max-width: 1520px;
}

.header-area .left ul {
  margin: 0;
  padding: 0;
}

.header-area .left ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.header-area .left ul li:last-child {
  margin-right: 0;
}

.header-area .left ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #FE7171;
  border: 1px dashed #FE7171;
  font-size: 14px;
  border-radius: 50%;
}

.header-area .left ul li a i {
  line-height: 30px;
}

.header-area .left ul li a:hover {
  color: #fff;
  background-color: #FE7171;
}

.header-area .right {
  text-align: right;
}

.header-area .right ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.header-area .right ul li {
  list-style-type: none;
  display: inline-block;
  font-size: 15px;
  margin-right: 15px;
}

.header-area .right ul li i {
  display: inline-block;
  font-size: 19px;
  position: relative;
  top: 2px;
  margin-right: 3px;
  color: #FE7171;
}

.header-area .right ul li span {
  font-weight: 600;
  display: inline-block;
}

.header-area .right ul li a {
  display: inline-block;
  color: #363636;
}

.header-area .right ul li a:hover {
  color: #FE7171;
}

.header-area .nav-flag-dropdown {
  display: inline-block;
  z-index: 9999;
}

.header-area .nav-flag-dropdown img {
  border-radius: 50%;
  margin-right: 3px;
}

.header-area .nav-flag-dropdown .btn {
  font-weight: 600;
  font-size: 15px;
  padding: 0;
  border: 0;
  color: #242424;
}

.header-area .nav-flag-dropdown .btn img {
  width: 30px;
}

.header-area .nav-flag-dropdown .btn i {
  display: inline-block;
  font-size: 14px;
  position: relative;
  top: 2px;
}

.header-area .nav-flag-dropdown .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 20px 0px #cacaca59;
          box-shadow: 0px 0px 20px 0px #cacaca59;
  top: 170%;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(-73px, 30px, 0px) !important;
          transform: translate3d(-73px, 30px, 0px) !important;
  background-color: #fff;
}

.header-area .nav-flag-dropdown .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  top: 20% !important;
}

.header-area .nav-flag-dropdown .dropdown-menu a {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 15px;
  border-bottom: 1px solid #f1f1f1;
  color: #242424;
  display: block;
  width: 100%;
  position: relative;
}

.header-area .nav-flag-dropdown .dropdown-menu a:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #FE7171;
  opacity: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.header-area .nav-flag-dropdown .dropdown-menu a:hover {
  background-color: transparent;
}

.header-area .nav-flag-dropdown .dropdown-menu a:hover:before {
  width: 100%;
  opacity: 1;
}

.header-area .nav-flag-dropdown .dropdown-menu a:last-child {
  border-bottom: 0;
}

.header-area .nav-flag-dropdown .dropdown-menu a img {
  width: 27px;
}

.header-area .dropdown-toggle::after {
  display: none;
}

/*-- Navbar --*/
.main-nav {
  background: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd69;
          box-shadow: 0px 0px 20px 0px #dddddd69;
}

.main-nav.menu-shrink {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
}

.main-nav .container-fluid {
  max-width: 1520px;
}

.main-nav nav {
  padding: 0;
}

.main-nav nav .navbar-brand {
  margin: 0;
  padding: 0;
}

.main-nav nav .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

.main-nav nav .navbar-nav .nav-item:hover a {
  color: #FE7171;
}

.main-nav nav .navbar-nav .nav-item a {
  font-weight: 600;
  font-size: 16px;
  text-transform: unset;
  color: #242424;
  margin-left: 12px;
  margin-right: 12px;
}

.main-nav nav .navbar-nav .nav-item a::after {
  display: none;
}

.main-nav nav .navbar-nav .nav-item a i {
  font-size: 12px;
  display: inline-block;
  -webkit-animation: unset;
          animation: unset;
}

.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a:focus, .main-nav nav .navbar-nav .nav-item a.active {
  color: #FE7171;
}

.main-nav nav .navbar-nav .nav-item a:hover i, .main-nav nav .navbar-nav .nav-item a:focus i, .main-nav nav .navbar-nav .nav-item a.active i {
  -webkit-animation: rotate-ani-one 2s infinite linear;
          animation: rotate-ani-one 2s infinite linear;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  -webkit-transition: .3s;
  transition: .3s;
  border-top: 3px solid #FE7171;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px solid #f4f4f4;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover {
  color: #FE7171;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  top: -3px !important;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #FE7171;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #242424;
  font-size: 15px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #FE7171;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  top: 15px;
  left: unset;
  right: -100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #242424;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #FE7171;
}

@-webkit-keyframes rotate-ani-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate-ani-one {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.side-nav a {
  display: inline-block;
}

.side-nav .account {
  color: #FE7171;
  font-size: 25px;
  margin-right: 15px;
}

.side-nav .account:hover {
  -webkit-transform: translate(0, -3px);
          transform: translate(0, -3px);
}

.side-nav .cart {
  color: #FE7171;
  font-size: 25px;
  position: relative;
  margin-right: 7px;
}

.side-nav .cart:hover {
  -webkit-transform: translate(0, -3px);
          transform: translate(0, -3px);
}

.side-nav .cart span {
  display: inline-block;
  color: #FE7171;
  background-color: #fff;
  border: 1px solid #FE7171;
  text-align: center;
  font-weight: 600;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -5px;
  right: -7px;
  border-radius: 50%;
  font-size: 14px;
}

.side-nav .search-area {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}

.side-nav .search-area .search-toggle {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.side-nav .search-area .search-toggle:hover {
  -webkit-transform: translate(0, -3px);
          transform: translate(0, -3px);
}

.side-nav .search-area .search-toggle .search-icon-top {
  font-size: 25px;
  color: #FE7171;
  display: inline-block;
  cursor: pointer;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.side-nav .search-area .search-toggle .search-icon-top.two {
  font-weight: 900;
}

.side-nav .search-area .search-toggle .search-icon-top.icon-close {
  display: none;
}

.side-nav .search-area .search-toggle.opened .search-icon-top.icon-search {
  display: none;
}

.side-nav .search-area .search-toggle.opened .search-icon-top.icon-close {
  display: block;
}

.side-nav .search-area .search-container {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  background-color: #eee;
  position: absolute;
  left: -270px;
  bottom: -75px;
  opacity: 0;
  visibility: hidden;
}

.side-nav .search-area .search-container.opened {
  opacity: 1;
  visibility: visible;
  bottom: -65px;
}

.side-nav .search-area .search-container form {
  position: relative;
}

.side-nav .search-area .search-container form .form-control {
  width: 300px;
  background-color: #fff;
  border: 1px solid #242424;
  border-radius: 0;
  height: 55px;
  padding-left: 20px;
  font-size: 15px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd69;
          box-shadow: 0px 0px 20px 0px #dddddd69;
}

.side-nav .search-area .search-container form .form-control:focus {
  border: 1px solid #FE7171;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd69;
          box-shadow: 0px 0px 20px 0px #dddddd69;
}

.side-nav .search-area .search-container form .btn {
  position: absolute;
  top: 11px;
  right: 10px;
  padding: 0;
  font-size: 22px;
  color: #242424;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  vertical-align: middle;
}

.side-nav .search-area .search-container form .btn:hover {
  color: #FE7171;
}

/*-- Banner --*/
.banner-area {
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  margin-top: 30px;
}

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

.banner-area .banner-shape img:nth-child(1) {
  top: 0;
  right: 0;
  max-width: 850px;
}

.banner-area .banner-shape img:nth-child(2) {
  top: 0;
  right: 0;
  max-width: 890px;
  z-index: -1;
}

.banner-area .banner-shape img:nth-child(3) {
  bottom: 265px;
  right: 45px;
  -webkit-animation: banner-ani-two 20s infinite linear;
          animation: banner-ani-two 20s infinite linear;
}

.banner-area .banner-shape img:nth-child(4) {
  top: 150px;
  left: 90px;
  -webkit-animation: banner-ani-three 20s infinite linear;
          animation: banner-ani-three 20s infinite linear;
}

.banner-area .banner-shape img:nth-child(5) {
  bottom: 0;
  left: 0;
  -webkit-animation: banner-ani-four 10s infinite linear;
          animation: banner-ani-four 10s infinite linear;
}

.banner-area .banner-slider-item {
  height: 850px;
}

.banner-area .banner-slider-item .container-fluid {
  max-width: 1520px;
}

.banner-area .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
  position: absolute;
  left: 0;
  bottom: 175px;
  right: 0;
  max-width: 1520px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
  text-align: left;
}

.banner-area .owl-theme .owl-dots .owl-dot span {
  width: 18px;
  height: 18px;
  border: 1px dashed #FE7171;
  background: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  position: relative;
}

.banner-area .owl-theme .owl-dots .owl-dot span:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background-color: #FE7171;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  opacity: 0;
}

.banner-area .owl-theme .owl-dots .owl-dot.active span, .banner-area .owl-theme .owl-dots .owl-dot:hover span {
  background: transparent;
}

.banner-area .owl-theme .owl-dots .owl-dot.active span:before, .banner-area .owl-theme .owl-dots .owl-dot:hover span:before {
  opacity: 1;
}

.banner-content h1 {
  font-size: 70px;
  margin-bottom: 20px;
}

.banner-content p {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 18px;
}

.banner-content .banner-btn-area .banner-btn {
  color: #FE7171;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd7a;
          box-shadow: 0px 0px 20px 0px #dddddd7a;
  margin-left: 15px;
  border: 1px solid #FE7171;
}

.banner-content .banner-btn-area .banner-btn:before {
  border: 2px dashed #fff;
}

.banner-content .banner-btn-area .banner-btn:hover {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  color: #fff;
  background-color: #FE7171;
}

.banner-content .banner-btn-area .banner-btn:hover:before {
  border: 2px dashed #fff;
}

.banner-main-img {
  text-align: center;
}

.banner-main-img img {
  max-width: 585px !important;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: banner-ani-one 5s infinite linear;
          animation: banner-ani-one 5s infinite linear;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

@-webkit-keyframes banner-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-two {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes banner-ani-two {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes banner-ani-three {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes banner-ani-three {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@-webkit-keyframes banner-ani-four {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .20;
  }
  100% {
    opacity: 1;
  }
}

@keyframes banner-ani-four {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .20;
  }
  100% {
    opacity: 1;
  }
}

/*-- Features --*/
.features-area {
  position: relative;
}

.features-area .feature-shape img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 600px;
}

.feature-item {
  text-align: center;
  background-color: #f2f2f4;
  padding: 40px 15px 40px;
  margin-bottom: 30px;
  background-image: url("../images/features/feature-shape.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.feature-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.feature-item img {
  margin-bottom: 20px;
}

.feature-item h3 {
  margin-bottom: 12px;
  font-size: 20px;
}

.feature-item h3 a {
  color: #242424;
}

.feature-item h3 a:hover {
  color: #FE7171;
}

.feature-item div i {
  display: inline-block;
  font-size: 16px;
  position: relative;
  top: 1px;
}

.feature-item div .feature-btn {
  display: inline-block;
  border-bottom: 1px solid #242424;
  color: #242424;
  font-weight: 600;
}

.feature-item div .feature-btn:hover {
  letter-spacing: 1px;
}

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

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

/*-- Services --*/
.services-area {
  background-color: #FBFBFB;
  position: relative;
}

.services-area .services-shape img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 545px;
}

.services-item {
  text-align: center;
  margin-bottom: 30px;
}

.services-item:hover .top img:nth-child(1) {
  opacity: 0;
  visibility: hidden;
}

.services-item:hover .top img:nth-child(2) {
  opacity: 1;
  visibility: visible;
}

.services-item .top {
  position: relative;
  margin-bottom: -13px;
}

.services-item .top:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  top: 0;
  left: 0;
  background-color: #FE7171;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.services-item .top img {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.services-item .top img:nth-child(1) {
  position: relative;
}

.services-item .top img:nth-child(2) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  visibility: hidden;
}

.services-item .bottom {
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd69;
          box-shadow: 0px 0px 20px 0px #dddddd69;
  padding: 40px 20px 30px;
  border-radius: 10px;
  background-color: #fff;
}

.services-item .bottom h3 {
  font-size: 20px;
  margin-bottom: 12px;
}

.services-item .bottom h3 a {
  color: #242424;
}

.services-item .bottom h3 a:hover {
  color: #FE7171;
}

.services-item .bottom p {
  margin-bottom: 14px;
}

.services-item .bottom div i {
  display: inline-block;
  font-size: 16px;
  position: relative;
  top: 1px;
}

.services-item .bottom div .services-btn {
  display: inline-block;
  color: #242424;
  position: relative;
  font-weight: 600;
}

.services-item .bottom div .services-btn:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #FE7171;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.services-item .bottom div .services-btn:hover {
  color: #FE7171;
}

.services-item .bottom div .services-btn:hover:before {
  width: 100%;
}

/*-- Mission --*/
.mission-area .mission-content {
  margin-bottom: 30px;
}

.mission-area .mission-content .section-title {
  text-align: left;
}

.mission-area .mission-content ul {
  margin: 0;
  padding: 0;
}

.mission-area .mission-content ul li {
  list-style-type: none;
  display: block;
  position: relative;
  padding-left: 70px;
  margin-bottom: 30px;
}

.mission-area .mission-content ul li:hover img {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

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

.mission-area .mission-content ul li img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.mission-area .mission-content ul li h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.mission-area .mission-content ul li p {
  margin-bottom: 0;
}

.mission-area .mission-img {
  margin-bottom: 30px;
}

.mission-area .mission-img img {
  -webkit-animation: banner-ani-one 5s infinite linear;
          animation: banner-ani-one 5s infinite linear;
}

/*-- Book --*/
.book-area {
  position: relative;
}

.book-area .book-shape img {
  position: absolute;
  max-width: 485px;
}

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

.book-area .book-shape img:nth-child(2) {
  top: 27%;
  left: 0;
}

.book-area .book-shape img:nth-child(3) {
  bottom: 0;
  right: 0;
}

.book-area .row {
  margin-bottom: 150px;
}

.book-area .row.three {
  margin-bottom: 90px;
}

.book-img {
  margin-bottom: 30px;
  text-align: center;
}

.book-img img {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.book-img img.book-img-one {
  -webkit-animation: banner-ani-one 5s infinite linear;
          animation: banner-ani-one 5s infinite linear;
  position: relative;
  z-index: 2;
  max-width: 100px;
}

.book-img img.book-img-two {
  -webkit-animation: book-ani-one 5s infinite linear;
          animation: book-ani-one 5s infinite linear;
  position: relative;
  z-index: 2;
  max-width: 310px;
}

.book-img img.book-img-three {
  position: absolute;
  top: -120px;
  left: -50px;
}

.book-img.two img.book-img-two {
  max-width: 260px;
}

.book-img.two img.book-img-three {
  left: 100px;
  max-width: 530px;
}

.book-img.three .book-img-two {
  max-width: 205px;
}

.book-content {
  margin-bottom: 30px;
}

.book-content h3 {
  font-size: 25px;
  margin-bottom: 16px;
}

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

.book-content .common-btn {
  margin-top: 18px;
}

@-webkit-keyframes book-ani-one {
  0% {
    -webkit-transform: translate(0, -15px);
            transform: translate(0, -15px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -15px);
            transform: translate(0, -15px);
  }
}

@keyframes book-ani-one {
  0% {
    -webkit-transform: translate(0, -15px);
            transform: translate(0, -15px);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -15px);
            transform: translate(0, -15px);
  }
}

/*-- Review --*/
.review-area {
  position: relative;
}

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

.review-area .review-shape img:nth-child(1) {
  top: 0;
  left: 0;
  max-width: 425px;
}

.review-area .review-item {
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #f2f2f4;
  padding: 30px 25px;
  border-radius: 10px;
}

.review-area .review-item .icon {
  position: relative;
}

.review-area .review-item .icon:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  left: -40px;
  right: 0;
  top: 8px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.review-area .review-item .icon:after {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  left: 0;
  right: -22px;
  top: 8px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.review-area .review-item .icon i {
  display: inline-block;
  color: #FE7171;
  font-size: 55px;
  margin-bottom: 20px;
}

.review-area .review-item p {
  font-size: 20px;
  margin-bottom: 25px;
  font-style: italic;
  max-width: 815px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  font-weight: 600;
}

.review-area .review-item h3 {
  font-size: 20px;
  margin-bottom: 6px;
}

.review-area .review-item span {
  display: inline-block;
  font-size: 15px;
}

.review-area .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 15px;
}

.review-area .owl-theme .owl-dots .owl-dot span {
  background: #f2f2f4;
}

.review-area .owl-theme .owl-dots .owl-dot.active span {
  background: #242424;
}

/*-- Request --*/
.request-area {
  background-color: #FBFBFB;
  overflow: hidden;
}

.request-area .container {
  position: relative;
}

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

.request-area .request-shape img:nth-child(1) {
  top: -110px;
  left: 0;
  -webkit-animation: request-ani-one 10s infinite linear;
          animation: request-ani-one 10s infinite linear;
}

.request-area .request-shape img:nth-child(2) {
  top: -66px;
  left: 20%;
  -webkit-animation: request-ani-two 10s infinite linear;
          animation: request-ani-two 10s infinite linear;
}

.request-area .request-shape img:nth-child(3) {
  top: -110px;
  left: 40%;
  -webkit-animation: request-ani-one 10s infinite linear;
          animation: request-ani-one 10s infinite linear;
}

.request-area .request-shape img:nth-child(4) {
  top: -66px;
  left: 60%;
  -webkit-animation: request-ani-two 10s infinite linear;
          animation: request-ani-two 10s infinite linear;
}

.request-area .request-shape img:nth-child(5) {
  top: -110px;
  left: 80%;
  -webkit-animation: request-ani-one 10s infinite linear;
          animation: request-ani-one 10s infinite linear;
}

.request-area .request-shape img:nth-child(6) {
  top: -66px;
  right: 0;
  -webkit-animation: request-ani-two 10s infinite linear;
          animation: request-ani-two 10s infinite linear;
}

.request-area .request-shape-two img {
  position: absolute;
}

.request-area .request-shape-two img:nth-child(1) {
  bottom: -66px;
  left: 0;
  -webkit-animation: request-ani-one 10s infinite linear;
          animation: request-ani-one 10s infinite linear;
}

.request-area .request-shape-two img:nth-child(2) {
  bottom: -110px;
  left: 20%;
  -webkit-animation: request-ani-two 10s infinite linear;
          animation: request-ani-two 10s infinite linear;
}

.request-area .request-shape-two img:nth-child(3) {
  bottom: -66px;
  left: 40%;
  -webkit-animation: request-ani-one 10s infinite linear;
          animation: request-ani-one 10s infinite linear;
}

.request-area .request-shape-two img:nth-child(4) {
  bottom: -110px;
  left: 60%;
  -webkit-animation: request-ani-two 10s infinite linear;
          animation: request-ani-two 10s infinite linear;
}

.request-area .request-shape-two img:nth-child(5) {
  bottom: -66px;
  left: 80%;
  -webkit-animation: request-ani-one 10s infinite linear;
          animation: request-ani-one 10s infinite linear;
}

.request-area .request-shape-two img:nth-child(6) {
  bottom: -110px;
  right: 0;
  -webkit-animation: request-ani-two 10s infinite linear;
          animation: request-ani-two 10s infinite linear;
}

.request-area .inner {
  margin-top: 50px;
  padding-bottom: 50px;
}

.request-area .inner .request-btn-area {
  text-align: center;
}

.request-area .inner .request-btn-area .request-btn {
  color: #FE7171;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd7a;
          box-shadow: 0px 0px 20px 0px #dddddd7a;
  margin-left: 15px;
  border: 1px solid #FE7171;
}

.request-area .inner .request-btn-area .request-btn:before {
  border: 2px dashed #fff;
}

.request-area .inner .request-btn-area .request-btn:hover {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  color: #fff;
  background-color: #FE7171;
}

.request-area .inner .request-btn-area .request-btn:hover:before {
  border: 2px dashed #fff;
}

@-webkit-keyframes request-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80%, 0);
            transform: translate(80%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes request-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(80%, 0);
            transform: translate(80%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes request-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-80%, 0);
            transform: translate(-80%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes request-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-80%, 0);
            transform: translate(-80%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

/*-- Gallery --*/
.gallery-area {
  padding-bottom: 80px;
  position: relative;
}

.gallery-area .gallery-shape img {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 600px;
}

.gallery-area .col-lg-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.gallery-area .col-lg-2:nth-child(2) {
  margin-top: 20px;
}

.gallery-area .col-lg-2:nth-child(4) {
  margin-top: 20px;
}

.gallery-area .col-lg-2:nth-child(6) {
  margin-top: 20px;
}

.gallery-item {
  margin-bottom: 20px;
}

.gallery-item a {
  display: block;
  position: relative;
}

.gallery-item a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: .80;
}

.gallery-item a:hover i {
  opacity: 1;
  visibility: visible;
}

.gallery-item a:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #242424;
  opacity: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.gallery-item a i {
  display: inline-block;
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  visibility: hidden;
}

.gallery-item a img {
  border-radius: 5px;
  width: 100%;
}

/*-- Subscribe --*/
.subscribe-area {
  background-color: #FBFBFB;
  text-align: center;
  position: relative;
}

.subscribe-area .section-title {
  margin-bottom: 30px;
}

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

.subscribe-area .subscribe-shape img:nth-child(1) {
  top: 0;
  left: 100px;
  -webkit-animation: donation-ani-one 20s infinite linear;
          animation: donation-ani-one 20s infinite linear;
}

.subscribe-area .subscribe-shape img:nth-child(2) {
  bottom: 0;
  right: 100px;
  -webkit-animation: donation-ani-two 20s infinite linear;
          animation: donation-ani-two 20s infinite linear;
}

.subscribe-area .subscribe-shape img:nth-child(3) {
  left: 0;
  bottom: 0;
  max-width: 125px;
  -webkit-animation: subscribe-ani-one 10s infinite linear;
          animation: subscribe-ani-one 10s infinite linear;
}

.subscribe-area .newsletter-form {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.subscribe-area .newsletter-form .form-control {
  height: 55px;
  border: 2px dashed #eaeaea;
  border-radius: 50px;
  padding-left: 20px;
}

.subscribe-area .newsletter-form .form-control:focus {
  border: 2px dashed #FE7171;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.subscribe-area .newsletter-form .common-btn {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  height: 55px;
}

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

.subscribe-area .newsletter-form .validation-danger {
  margin-top: 10px;
  color: #dc3545;
}

.subscribe-area .newsletter-form .validation-success {
  margin-top: 10px;
  color: #28a745;
}

@-webkit-keyframes subscribe-ani-one {
  0% {
    -webkit-transform: translate(0, 0) rotateX(0deg);
            transform: translate(0, 0) rotateX(0deg);
  }
  50% {
    -webkit-transform: translate(80px, 0) rotateY(180deg);
            transform: translate(80px, 0) rotateY(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateX(0deg);
            transform: translate(0, 0) rotateX(0deg);
  }
}

@keyframes subscribe-ani-one {
  0% {
    -webkit-transform: translate(0, 0) rotateX(0deg);
            transform: translate(0, 0) rotateX(0deg);
  }
  50% {
    -webkit-transform: translate(80px, 0) rotateY(180deg);
            transform: translate(80px, 0) rotateY(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotateX(0deg);
            transform: translate(0, 0) rotateX(0deg);
  }
}

/*-- Footer --*/
.footer-area {
  background-color: #242424;
  position: relative;
}

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

.footer-area .footer-shape img:nth-child(1) {
  top: 0;
  left: 0;
  max-width: 275px;
}

.footer-area .footer-shape img:nth-child(2) {
  top: 0;
  right: 0;
  max-width: 275px;
}

.footer-area .footer-shape img:nth-child(3) {
  bottom: 68px;
  right: 50px;
  max-width: 120px;
}

.footer-item {
  margin-bottom: 30px;
}

.footer-item h3 {
  font-size: 20px;
  margin-bottom: 30px;
  color: #FE7171;
}

.footer-item .footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer-item .footer-links .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.footer-item .footer-links .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.footer-item .footer-links ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-links ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}

.footer-item .footer-links ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-links ul li a {
  display: inline-block;
  color: #fff;
  position: relative;
}

.footer-item .footer-links ul li a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #FE7171;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.footer-item .footer-links ul li a:hover {
  color: #FE7171;
}

.footer-item .footer-links ul li a:hover:before {
  width: 100%;
}

.footer-item .footer-logo {
  text-align: left;
}

.footer-item .footer-logo .logo {
  display: block;
  margin-bottom: 15px;
}

.footer-item .footer-logo .information {
  margin: 0;
  padding: 0;
}

.footer-item .footer-logo .information li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}

.footer-item .footer-logo .information li a {
  display: inline-block;
  color: #fff;
}

.footer-item .footer-logo .information li a:hover {
  color: #FE7171;
}

.footer-item .footer-logo .information li span {
  display: inline-block;
  font-weight: 700;
  color: #FE7171;
}

.footer-item .footer-logo .social span {
  display: block;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
}

.footer-item .footer-logo .social ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-logo .social ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.footer-item .footer-logo .social ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #FE7171;
  border: 1px dashed #FE7171;
  font-size: 14px;
  border-radius: 50%;
}

.footer-item .footer-logo .social ul li a i {
  line-height: 30px;
}

.footer-item .footer-logo .social ul li a:hover {
  color: #fff;
  background-color: #FE7171;
}

.footer-item .footer-hours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer-item .footer-hours .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.footer-item .footer-hours .left ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-hours .left ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
  color: #fff;
}

.footer-item .footer-hours .left ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-hours .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.footer-item .footer-hours .right ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-hours .right ul li {
  list-style-type: none;
  display: block;
  position: relative;
  color: #fff;
  margin-bottom: 10px;
}

.footer-item .footer-hours .right ul li:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 1px;
  left: 0;
  right: 0;
  top: 12px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

.footer-item .footer-hours .right ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-hours .right ul li span {
  position: absolute;
  top: 0;
  right: 0;
}

.copyright-area {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-top: 1px solid #ffffff3b;
  margin-top: 70px;
}

.copyright-area p {
  margin-bottom: 0;
  color: #fff;
}

.copyright-area p a {
  display: inline-block;
  font-weight: 700;
  color: #FE7171;
}

.copyright-area p a:hover {
  color: #fff;
}

/*----- Home Demo Two CSS -----*/
/*-- Header --*/
.header-area.two {
  background-color: #FE7171;
  border-bottom: 0;
}

.header-area.two .left ul li a {
  color: #fff;
  border: 1px dashed #fff;
}

.header-area.two .left ul li a:hover {
  color: #FE7171;
  background-color: #fff;
}

.header-area.two .right ul li i {
  color: #fff;
}

.header-area.two .right ul li span {
  color: #fff;
}

.header-area.two .right ul li a {
  color: #fff;
}

.header-area.two .right ul li a:hover {
  color: #242424;
}

.header-area.two .nav-flag-dropdown .btn {
  color: #fff;
}

/*-- Navbar --*/
.main-nav.two .side-nav .search-area .search-toggle .search-icon-top {
  color: #242424;
}

.main-nav.two .side-nav .account {
  color: #242424;
}

.main-nav.two .side-nav .cart {
  color: #242424;
}

.main-nav.two .side-nav .cart span {
  color: #fff;
  background-color: #FE7171;
}

/*-- Banner --*/
.banner-area.two .banner-shape img:nth-child(1) {
  display: none;
}

.banner-area.two .banner-shape img:nth-child(2) {
  display: none;
}

.banner-area.two .banner-content {
  max-width: 535px;
  margin-top: 60px;
}

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

.banner-area.two .banner-shape img:nth-child(3) {
  bottom: 135px;
}

.banner-area.two .banner-shape img:nth-child(6) {
  right: 315px;
  top: 120px;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: banner-ani-five 10s linear infinite alternate forwards;
          animation: banner-ani-five 10s linear infinite alternate forwards;
  max-width: 280px;
}

.banner-area.two .banner-shape img:nth-child(7) {
  top: 290px;
  right: 20px;
  max-width: 330px;
  -webkit-animation: banner-ani-five 10s linear infinite alternate forwards;
          animation: banner-ani-five 10s linear infinite alternate forwards;
}

.banner-area.two .banner-shape img:nth-child(8) {
  bottom: 0;
  right: 250px;
  max-width: 260px;
  -webkit-animation: banner-ani-five 10s linear infinite alternate forwards;
          animation: banner-ani-five 10s linear infinite alternate forwards;
}

.banner-area.two .banner-shape img:nth-child(9) {
  bottom: 180px;
  right: 475px;
  max-width: 290px;
  -webkit-animation: banner-ani-five 10s linear infinite alternate forwards;
          animation: banner-ani-five 10s linear infinite alternate forwards;
}

.banner-area.two .banner-shape img:nth-child(10) {
  top: 120px;
  right: 600px;
  max-width: 200px;
  -webkit-animation: banner-ani-five 10s linear infinite alternate forwards;
          animation: banner-ani-five 10s linear infinite alternate forwards;
}

.banner-area.two .banner-shape img:nth-child(11) {
  top: 305px;
  right: 735px;
  max-width: 155px;
  -webkit-animation: banner-ani-five 10s linear infinite alternate forwards;
          animation: banner-ani-five 10s linear infinite alternate forwards;
}

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

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

/*-- Features --*/
.features-area.two .feature-item {
  -webkit-animation: unset;
          animation: unset;
  border-radius: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.features-area.two .feature-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

/*-- Services --*/
.services-area.two {
  background-color: #fff;
}

.services-area.two .services-item {
  margin-left: 15px;
  margin-right: 15px;
}

.services-area.two .services-item .top img {
  max-width: 155px;
  margin-left: auto;
  margin-right: auto;
}

.services-area.two .services-item .bottom {
  background-color: #F3F3F3;
  padding: 40px 15px 30px;
}

.services-area.two .services-slider {
  max-width: 890px;
}

.services-area.two .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}

.services-area.two .owl-theme .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  border-radius: 50px;
  margin: 5px 7px;
  background: #FE7171;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.services-area.two .owl-theme .owl-dots .owl-dot.active span {
  background: #FE7171;
  width: 70px;
}

.services-left-img {
  background-color: #242424;
  border-radius: 0 10px 10px 0;
  padding-left: 230px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.services-left-img .img img {
  position: absolute;
}

.services-left-img .img img:nth-child(1) {
  top: -100px;
  left: -300px;
  max-width: 835px;
}

.services-left-img .img img:nth-child(2) {
  bottom: 0;
  left: 0;
  max-width: 205px;
}

.services-left-img .section-title {
  text-align: left;
  margin-bottom: 25px;
}

.services-left-img .section-title h2 {
  color: #fff;
  margin-bottom: 15px;
}

.services-left-img .section-title p {
  color: #fff;
}

/*-- Book --*/
.book-area.two .section-title {
  margin-bottom: 140px;
}

.book-area.two .row {
  margin-bottom: 0;
}

.book-area.two .book-img-two {
  position: relative;
  margin-bottom: 30px;
}

.book-area.two .book-img-two img:nth-child(1) {
  position: relative;
}

.book-area.two .book-img-two img:nth-child(2) {
  position: absolute;
  top: -20px;
  left: 40px;
  -webkit-animation: review-ani-one 10s infinite linear;
          animation: review-ani-one 10s infinite linear;
}

.book-area.two .book-img-two img:nth-child(3) {
  position: absolute;
  bottom: 24px;
  right: 55px;
  max-width: 285px;
}

.book-area.two .book-img-two img:nth-child(4) {
  position: absolute;
  top: -100px;
  right: 0;
  -webkit-animation: book-ani-two 5s infinite linear;
          animation: book-ani-two 5s infinite linear;
}

.book-area.two .book-img-three {
  margin-bottom: 30px;
  position: relative;
}

.book-area.two .book-img-three img:nth-child(1) {
  position: relative;
}

.book-area.two .book-img-three img:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-animation: review-ani-one 10s infinite linear;
          animation: review-ani-one 10s infinite linear;
}

.book-area.two .book-img-three img:nth-child(3) {
  position: absolute;
  bottom: -2px;
  left: 94px;
}

.book-area.two .book-img-four {
  margin-bottom: 30px;
  position: relative;
}

.book-area.two .book-img-four img:nth-child(1) {
  position: relative;
}

.book-area.two .book-img-four img:nth-child(2) {
  position: absolute;
  top: -30px;
  left: 30px;
  -webkit-animation: review-ani-one 10s infinite linear;
          animation: review-ani-one 10s infinite linear;
}

.book-area.two .book-img-four img:nth-child(3) {
  position: absolute;
  bottom: 24px;
  right: 55px;
}

@-webkit-keyframes book-ani-two {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0, -20px) rotate(45deg);
            transform: translate(0, -20px) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}

@keyframes book-ani-two {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0, -20px) rotate(45deg);
            transform: translate(0, -20px) rotate(45deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}

/*-- Gallery --*/
.gallery-area.two {
  position: relative;
}

.gallery-area.two .gallery-shape img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 38px;
}

.gallery-area.three {
  padding-bottom: 100px;
}

/*-- Pricing --*/
.pricing-area {
  background-color: #FBFBFB;
  position: relative;
}

.pricing-area .pricing-shape img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 515px;
}

.pricing-area .pricing-left {
  margin-bottom: 30px;
}

.pricing-area .pricing-left .section-title {
  text-align: left;
  margin-bottom: 20px;
}

.pricing-area .pricing-left .section-title h2 {
  margin-bottom: 15px;
}

.pricing-area .pricing-item {
  margin-bottom: 30px;
  text-align: center;
  background-color: #242424;
  padding: 30px 15px 30px;
  border-radius: 20px;
  background-image: url("../images/pricing-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.pricing-area .pricing-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.pricing-area .pricing-item .top {
  margin-bottom: 25px;
}

.pricing-area .pricing-item .top h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #fff;
}

.pricing-area .pricing-item .top h3 {
  font-size: 30px;
  margin-bottom: 0;
  color: #FE7171;
}

.pricing-area .pricing-item .top h3 span {
  font-size: 16px;
  font-weight: 400;
}

.pricing-area .pricing-item .end ul {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.pricing-area .pricing-item .end ul li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 12px;
  color: #fff;
  position: relative;
  padding-left: 10px;
}

.pricing-area .pricing-item .end ul li.inactive:before {
  display: none;
}

.pricing-area .pricing-item .end ul li:before {
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  top: 8px;
  left: -8px;
  border-radius: 50%;
  background-color: #fff;
}

.pricing-area .pricing-item .end ul li:after {
  position: absolute;
  content: '';
  width: 11px;
  height: 11px;
  top: 6px;
  left: -10px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.pricing-area .pricing-item .end ul li:last-child {
  margin-bottom: 0;
}

.pricing-area .pricing-item.active {
  background-color: #FE7171;
  padding-top: 50px;
  padding-bottom: 50px;
}

.pricing-area .pricing-item.active .top h3 {
  color: #242424;
}

.pricing-area .pricing-item.active .end .common-btn {
  color: #FE7171;
  background-color: #fff;
}

.pricing-area .pricing-item.active .end .common-btn:before {
  border: 2px dashed #fff;
}

.pricing-area .pricing-item.active .end .common-btn:hover {
  background-color: #242424;
  border: 1px solid #242424;
}

/*-- Review --*/
.review-area.two .review-shape img:nth-child(3) {
  top: 170px;
  left: 50px;
  -webkit-animation: review-ani-one 10s infinite linear;
          animation: review-ani-one 10s infinite linear;
}

@-webkit-keyframes review-ani-one {
  0% {
    -webkit-transform: skewY(0);
            transform: skewY(0);
  }
  50% {
    -webkit-transform: skewY(10deg);
            transform: skewY(10deg);
  }
  100% {
    -webkit-transform: skewY(0);
            transform: skewY(0);
  }
}

@keyframes review-ani-one {
  0% {
    -webkit-transform: skewY(0);
            transform: skewY(0);
  }
  50% {
    -webkit-transform: skewY(10deg);
            transform: skewY(10deg);
  }
  100% {
    -webkit-transform: skewY(0);
            transform: skewY(0);
  }
}

/*-- Donation --*/
.donate-area {
  background-color: #FBFBFB;
  padding-bottom: 150px;
  position: relative;
}

.donate-area .donation-shape img {
  position: absolute;
  max-width: 110px;
}

.donate-area .donation-shape img:nth-child(1) {
  top: 0;
  left: 50px;
  -webkit-animation: donation-ani-one 20s infinite linear;
          animation: donation-ani-one 20s infinite linear;
}

.donate-area .donation-shape img:nth-child(2) {
  bottom: 0;
  right: 50px;
  -webkit-animation: donation-ani-two 20s infinite linear;
          animation: donation-ani-two 20s infinite linear;
}

.donate-area .donation-content {
  margin-bottom: 30px;
}

.donate-area .donation-content .section-title {
  margin-bottom: 25px;
  text-align: left;
}

.donate-area .donation-content .section-title h2 {
  margin-bottom: 15px;
}

.donate-area .donation-content .section-title p {
  margin-bottom: 10px;
}

.donate-area .donation-content .section-title p:last-child {
  margin-bottom: 0;
}

.donation-img {
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.donation-img:before {
  position: absolute;
  content: '';
  width: 445px;
  height: 430px;
  left: 0;
  top: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: -1;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd69;
          box-shadow: 0px 0px 20px 0px #dddddd69;
  background-color: #fff;
}

.donation-img img:nth-child(1) {
  margin-top: 20px;
}

.donation-img img:nth-child(2) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}

@-webkit-keyframes donation-ani-one {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

@keyframes donation-ani-one {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}

@-webkit-keyframes donation-ani-two {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  50% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}

@keyframes donation-ani-two {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  50% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
}

/*-- Subscribe --*/
.subscribe-area.two {
  background-color: #fff;
}

.subscribe-area.two .subscribe-shape img:nth-child(1) {
  display: none;
}

.subscribe-area.two .subscribe-shape img:nth-child(2) {
  max-width: 450px;
  -webkit-animation: unset;
          animation: unset;
  bottom: unset;
  top: 0;
  right: 0;
  left: unset;
}

.subscribe-area.two .newsletter-form .form-control {
  background-color: #f2f2f4;
}

/*----- Home Demo Three CSS -----*/
/*-- Header --*/
.header-area.three {
  background-color: #FFCB78;
}

.header-area.three .left ul li a {
  color: #242424;
  border: 1px dashed #242424;
}

.header-area.three .left ul li a:hover {
  color: #FFCB78;
  background-color: #242424;
}

.header-area.three .right ul li i {
  color: #242424;
}

.header-area.three .right ul li span {
  color: #242424;
}

.header-area.three .right ul li a {
  color: #242424;
}

.header-area.three .right ul li a:hover {
  color: #fff;
}

/*-- Navbar --*/
.main-nav.three nav .navbar-nav .nav-item:hover a {
  color: #242424;
}

.main-nav.three nav .navbar-nav .nav-item a img {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  display: none;
}

.main-nav.three nav .navbar-nav .nav-item a:hover, .main-nav.three nav .navbar-nav .nav-item a:focus, .main-nav.three nav .navbar-nav .nav-item a.active {
  color: #FFCB78;
}

.main-nav.three nav .navbar-nav .nav-item a:hover img, .main-nav.three nav .navbar-nav .nav-item a:focus img, .main-nav.three nav .navbar-nav .nav-item a.active img {
  opacity: .70;
  -webkit-animation: banner-ani-three 20s infinite linear;
          animation: banner-ani-three 20s infinite linear;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu {
  border-top: 3px solid #FFCB78;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li:hover {
  color: #FFCB78;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #FFCB78;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #FFCB78;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #242424;
}

.main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav.three nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #FFCB78;
}

.main-nav.three .side-nav .cart span {
  background-color: #FFCB78;
  border: 1px solid #fff;
}

/*-- Banner --*/
.banner-area.three {
  position: relative;
  border-bottom: 0;
}

.banner-area.three .banner-three-shape img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.banner-area.three .banner-slider-item {
  height: 850px;
}

.banner-area.three .banner-content {
  text-align: center;
/*  max-width: 870px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.banner-area.three .banner-content h1 {
  margin-bottom: 30px;
}

.banner-area.three .banner-content img {
  max-width: 675px !important;
  -webkit-animation: banner-ani-one 5s infinite linear;
          animation: banner-ani-one 5s infinite linear;
  margin-left: auto;
  margin-right: auto;
}

.banner-area.three .owl-theme .owl-nav {
  margin-top: 0;
}

.banner-area.three .owl-prev {
  position: absolute;
  top: 50%;
  left: 150px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  width: 50px;
  height: 50px;
  color: #fff !important;
  background: #242424 !important;
  border: 4px solid #fff !important;
  line-height: 45px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
}

.banner-area.three .owl-prev i {
  line-height: 45px;
}

.banner-area.three .owl-prev:hover {
  color: #242424 !important;
  background: #fff !important;
}

.banner-area.three .owl-next {
  position: absolute;
  top: 50%;
  right: 150px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  width: 50px;
  height: 50px;
  color: #fff !important;
  background: #242424 !important;
  border: 4px solid #fff !important;
  line-height: 45px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
}

.banner-area.three .owl-next i {
  line-height: 45px;
}

.banner-area.three .owl-next:hover {
  color: #242424 !important;
  background: #fff !important;
}

/*-- Services --*/
.services-area.three {
  background-color: #fff;
}

.services-area.three .services-item .bottom h3 a:hover {
  color: #FFCB78;
}

.services-area.three .services-item .bottom div .services-btn:before {
  background-color: #FFCB78;
}

.services-area.three .services-item .bottom div .services-btn:hover {
  color: #FFCB78;
}

/*-- Partner --*/
.partner-area .partner-content {
  margin-bottom: 30px;
}

.partner-area .partner-content .section-title {
  text-align: left;
  margin-bottom: 0;
}

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

.partner-area .partner-item ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}

.partner-area .partner-item ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333%;
          flex: 0 0 33.3333333%;
  max-width: 33.3333333%;
}

.partner-area .partner-item ul li:hover img {
  -webkit-transform: translate(0, -5px);
          transform: translate(0, -5px);
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.partner-area .partner-item ul li img {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.partner-area .partner-item ul li:nth-child(1) {
  border-right: 2px dashed #9F9F9F;
  border-bottom: 2px dashed #9F9F9F;
  padding-bottom: 30px;
}

.partner-area .partner-item ul li:nth-child(2) {
  border-right: 2px dashed #9F9F9F;
  border-bottom: 2px dashed #9F9F9F;
  padding-bottom: 30px;
}

.partner-area .partner-item ul li:nth-child(3) {
  border-bottom: 2px dashed #9F9F9F;
  padding-bottom: 30px;
}

.partner-area .partner-item ul li:nth-child(4) {
  border-right: 2px dashed #9F9F9F;
  padding-top: 30px;
}

.partner-area .partner-item ul li:nth-child(5) {
  border-right: 2px dashed #9F9F9F;
  padding-top: 30px;
}

.partner-area .partner-item ul li:nth-child(6) {
  padding-top: 30px;
}

/*-- Video --*/
.video-area .video-item {
  text-align: center;
  position: relative;
}

.video-area .video-item img {
  position: absolute;
}

.video-area .video-item img:nth-child(1) {
  position: relative;
  -webkit-animation: background-ani-one 10s linear infinite alternate forwards;
          animation: background-ani-one 10s linear infinite alternate forwards;
}

.video-area .video-item img:nth-child(2) {
  top: 100px;
  left: 0;
  -webkit-animation: video-ani-one 10s infinite linear;
          animation: video-ani-one 10s infinite linear;
}

.video-area .video-item img:nth-child(3) {
  bottom: 0;
  left: 0;
  -webkit-animation: banner-ani-one 5s infinite linear;
          animation: banner-ani-one 5s infinite linear;
}

.video-area .video-item img:nth-child(4) {
  bottom: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: video-ani-one 10s infinite linear;
          animation: video-ani-one 10s infinite linear;
}

.video-area .video-item img:nth-child(5) {
  bottom: 20px;
  right: 0;
}

.video-area .video-item img:nth-child(6) {
  top: 0;
  right: 0;
  -webkit-animation: video-ani-one 10s infinite linear;
          animation: video-ani-one 10s infinite linear;
}

.video-area .video-item img:nth-child(7) {
  left: -135px;
  right: 0;
  bottom: 90px;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: video-ani-two 10s infinite linear;
          animation: video-ani-two 10s infinite linear;
}

.video-area .video-item img:nth-child(8) {
  left: 0;
  right: -305px;
  bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: video-ani-two 10s infinite linear;
          animation: video-ani-two 10s infinite linear;
}

.video-area .video-item img:nth-child(9) {
  left: 0;
  right: -200px;
  bottom: 90px;
  margin-left: auto;
  margin-right: auto;
  -webkit-animation: video-ani-one 10s infinite linear;
          animation: video-ani-one 10s infinite linear;
}

.video-area .video-item img:nth-child(10) {
  right: 170px;
  bottom: 185px;
  -webkit-animation: video-ani-two 10s infinite linear;
          animation: video-ani-two 10s infinite linear;
}

@-webkit-keyframes video-ani-one {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  600% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes video-ani-one {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  600% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@-webkit-keyframes video-ani-two {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  600% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes video-ani-two {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  600% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.video-wrap {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.video-wrap .js-modal-btn {
  z-index: 10;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  font-size: 30px;
  text-align: center;
  color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.video-wrap .js-modal-btn i {
  line-height: 96px;
}

.video-wrap .js-modal-btn:before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background-color: #FFCB78;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: pulse-border 1600ms ease-out infinite;
          animation: pulse-border 1600ms ease-out infinite;
}

.video-wrap .js-modal-btn:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background-color: #FFCB78;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.video-wrap .js-modal-btn:hover {
  color: #FFCB78;
}

.video-wrap .js-modal-btn:hover:before {
  background-color: #fff;
}

.video-wrap .js-modal-btn:hover:after {
  background-color: #fff;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*-- Pricing --*/
.pricing-area.two .pricing-item .top h3 {
  color: #FFCB78;
}

.pricing-area.two .pricing-item.active {
  background-color: #FFCB78;
}

.pricing-area.two .pricing-item.active .top h3 {
  color: #242424;
}

.pricing-area.two .pricing-item.active .end .common-btn {
  color: #FFCB78;
  background-color: #fff;
}

.pricing-area.two .pricing-item.active .end .common-btn:before {
  border: 2px dashed #fff;
}

.pricing-area.two .pricing-item.active .end .common-btn:hover {
  background-color: #242424;
}

/*-- Shop --*/
.shop-area {
  position: relative;
}

.shop-area .shop-shape img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 600px;
}

.shop-item {
  margin-bottom: 30px;
  text-align: center;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.shop-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.shop-item:hover .top img:nth-child(1) {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.shop-item:hover .top ul li:nth-child(1) {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.shop-item:hover .top ul li:nth-child(2) {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.shop-item .top {
  position: relative;
  margin-bottom: 20px;
}

.shop-item .top img:nth-child(1) {
  position: relative;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.shop-item .top img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  max-width: 100px;
  -webkit-box-shadow: 0px 15px 20px 0px #dddd;
          box-shadow: 0px 15px 20px 0px #dddd;
}

.shop-item .top ul {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.shop-item .top ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.shop-item .top ul li a {
  display: block;
  color: #FFCB78;
  background-color: #242424;
  width: 55px;
  height: 55px;
  text-align: center;
  font-size: 17px;
  border-radius: 50%;
  position: relative;
}

.shop-item .top ul li a:before {
  position: absolute;
  content: '';
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border: 2px dashed #FFCB78;
}

.shop-item .top ul li a i {
  line-height: 55px;
}

.shop-item .top ul li a:hover {
  color: #fff;
  background-color: #FFCB78;
}

.shop-item .top ul li:nth-child(1) {
  left: -10px;
  opacity: 0;
  visibility: hidden;
}

.shop-item .top ul li:nth-child(2) {
  right: -10px;
  opacity: 0;
  visibility: hidden;
}

.shop-item .top ul li:nth-child(2) a {
  color: #FE7171;
}

.shop-item .top ul li:nth-child(2) a:before {
  border: 2px dashed #FE7171;
}

.shop-item .top ul li:nth-child(2) a:hover {
  color: #fff;
  background-color: #FE7171;
}

.shop-item .bottom h3 {
  margin-bottom: 12px;
  font-size: 20px;
}

.shop-item .bottom h3 a {
  color: #242424;
}

.shop-item .bottom h3 a:hover {
  color: #FFCB78;
}

.shop-item .bottom span {
  display: block;
  font-size: 15px;
}

/*-- Blog --*/
.blog-area {
  background-color: #FBFBFB;
}

.blog-item {
  margin-bottom: 30px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.blog-item:hover .top a img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog-item .top {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.blog-item .top a {
  display: block;
}

.blog-item .top a img {
  width: 100%;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 10px 10px 0 0;
}

.blog-item .top span {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 1.3;
  text-align: center;
  color: #242424;
  background-color: #FFCB78;
  border: 3px solid #fff;
  -webkit-animation: background-ani-one 10s linear infinite alternate forwards;
          animation: background-ani-one 10s linear infinite alternate forwards;
  position: absolute;
  top: 15px;
  left: 15px;
  font-weight: 700;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.blog-item .bottom h3 {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.blog-item .bottom h3 a {
  color: #242424;
}

.blog-item .bottom h3 a:hover {
  color: #FFCB78;
}

.blog-item .bottom p {
  margin-bottom: 15px;
}

.blog-item .bottom div i {
  display: inline-block;
  font-size: 16px;
  position: relative;
  top: 1px;
}

.blog-item .bottom div .blog-btn {
  display: inline-block;
  color: #242424;
  position: relative;
}

.blog-item .bottom div .blog-btn:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #FFCB78;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-item .bottom div .blog-btn:hover {
  color: #FFCB78;
}

.blog-item .bottom div .blog-btn:hover:before {
  width: 100%;
}

/*-- Subscribe --*/
.subscribe-area.three .newsletter-form .form-control {
  border: 2px dashed #f2f2f4;
}

/*-- Footer --*/
.footer-area.two .footer-item h3 {
  color: #FFCB78;
}

.footer-area.two .footer-item .footer-links ul li a:before {
  background-color: #FFCB78;
}

.footer-area.two .footer-item .footer-links ul li a:hover {
  color: #FFCB78;
}

.footer-area.two .footer-item .footer-logo .information li span {
  color: #FFCB78;
}

.footer-area.two .footer-item .footer-logo .information li a:hover {
  color: #FFCB78;
}

.footer-area.two .footer-item .footer-logo .social ul li a {
  color: #FFCB78;
  border: 1px dashed #FFCB78;
}

.footer-area.two .footer-item .footer-logo .social ul li a:hover {
  color: #fff;
  background-color: #FFCB78;
}

.copyright-area.two p a {
  color: #FFCB78;
}

.copyright-area.two p a:hover {
  color: #fff;
}

/*----- About CSS -----*/
.page-title-area {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #f4f4f4;
}

.page-title-area .title-shape img {
  position: absolute;
}

.page-title-area .title-shape img:nth-child(1) {
  margin-left: auto;
  margin-right: auto;
  left: -100px;
  right: 0;
  top: 0px;
  max-width: 600px;
  -webkit-animation: title-ani-one 10s infinite linear;
          animation: title-ani-one 10s infinite linear;
}

.page-title-area .title-shape img:nth-child(2) {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: -100px;
  bottom: 0;
  z-index: -1;
  max-width: 520px;
  -webkit-animation: title-ani-two 10s infinite linear;
          animation: title-ani-two 10s infinite linear;
}

.page-title-area .title-shape img:nth-child(3) {
  left: 0;
  bottom: 0;
  max-width: 540px;
}

.page-title-area .title-shape img:nth-child(4) {
  right: 0;
  bottom: 0;
  max-width: 540px;
}

.page-title-area .title-item {
  height: 490px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 50px;
}

.page-title-area .title-item h2 {
  font-size: 42px;
  margin-bottom: 8px;
}

.page-title-area .title-item ul {
  margin: 0;
  padding: 0;
}

.page-title-area .title-item ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}

.page-title-area .title-item ul li:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: -20px;
  bottom: 9px;
  border-radius: 50%;
  background-color: #242424;
}

.page-title-area .title-item ul li:after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  right: -24px;
  bottom: 5px;
  border-radius: 50%;
  border: 2px dashed #242424;
}

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

.page-title-area .title-item ul li:last-child:after {
  display: none;
}

.page-title-area .title-item ul li a {
  display: block;
  color: #363636;
  font-weight: 600;
}

.page-title-area .title-item ul li a:hover {
  letter-spacing: 1px;
}

.page-title-area .title-item ul li span {
  display: block;
  font-weight: 600;
}

@-webkit-keyframes title-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes title-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes title-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes title-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.team-area {
  position: relative;
}

.team-area .team-shape img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 420px;
}

.team-item {
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.team-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.team-item:hover .top ul {
  top: 50%;
  opacity: 1;
  visibility: visible;
}

.team-item .top {
  position: relative;
  margin-bottom: 20px;
}

.team-item .top img {
  border-radius: 10px;
  border-radius: 10px;
}

.team-item .top img:nth-child(1) {
  position: relative;
  width: 100%;
}

.team-item .top img:nth-child(2) {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}

.team-item .top ul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 52%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-color: #FFCB78;
  border-radius: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  max-width: 185px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.team-item .top ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}

.team-item .top ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  border: 1px dashed #242424;
  color: #242424;
}

.team-item .top ul li a i {
  line-height: 30px;
}

.team-item .top ul li a:hover {
  color: #fff;
  background-color: #242424;
}

.team-item .bottom h3 {
  font-size: 20px;
  margin-bottom: 8px;
}

.team-item .bottom h3 a {
  color: #242424;
}

.team-item .bottom h3 a:hover {
  color: #FFCB78;
}

.team-item .bottom span {
  display: block;
}

.review-area.three .review-shape img:nth-child(2) {
  display: none;
}

/*----- Services Details CSS -----*/
.service-details-area .details-item h2 {
  font-size: 40px;
  margin-bottom: 20px;
  margin-top: -5px;
}

.service-details-area .details-item p {
  margin-bottom: 20px;
}

.service-details-area .details-item p:last-child {
  margin-bottom: 0;
}

.service-details-area .details-item img {
  width: 100%;
  margin-bottom: 20px;
}

.service-details-area .details-item ul {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.service-details-area .details-item ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  position: relative;
  padding-left: 20px;
}

.service-details-area .details-item ul li span {
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #242424;
}

.service-details-area .details-item ul li span:before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  top: -3px;
  left: -3px;
  border: 2px dashed #242424;
  border-radius: 50%;
}

.page-next-link {
  text-align: right;
}

.page-next-link a {
  display: inline-block;
  color: #242424;
  border-bottom: 1px solid #242424;
}

.page-next-link a i {
  display: inline-block;
  font-size: 14px;
  position: relative;
  top: 1px;
}

.page-next-link a:hover {
  color: #FFCB78;
  border-bottom: 1px solid #FFCB78;
}

.other-head {
  margin-bottom: 25px;
}

.other-head h3 {
  font-size: 25px;
  margin-bottom: 0;
}

.pagination-area {
  text-align: center;
}

.pagination-area ul {
  margin: 0;
  padding: 0;
}

.pagination-area ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}

.pagination-area ul li a {
  display: block;
  color: #242424;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.pagination-area ul li a i {
  line-height: 40px;
}

.pagination-area ul li a:hover, .pagination-area ul li a.active {
  color: #fff;
  background-color: #242424;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shop-area .shop-result .result-content {
  margin-bottom: 30px;
}

.shop-area .shop-result .result-content h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}

.shop-area .shop-result .form-group {
  position: relative;
  margin-bottom: 30px;
}

.shop-area .shop-result .form-group .nice-select {
  height: 50px;
  line-height: 50px;
  display: block;
  width: 100%;
  border: 1px dashed #242424;
  border-radius: 5px;
  margin-bottom: 30px;
}

.shop-area .shop-result .form-group .nice-select .list {
  width: 100%;
  display: block;
}

.shop-area .shop-result .form-group .form-control {
  height: 50px;
  border: 1px dashed #242424;
  padding-left: 15px;
  border-radius: 5px;
}

.shop-area .shop-result .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #242424;
}

.shop-area .shop-result .form-group .btn {
  padding: 0;
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 15px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.shop-area .shop-result .form-group .btn:hover {
  color: #FFCB78;
}

.shop-area.two .section-title {
  text-align: left;
  margin-bottom: 30px;
}

/*----- Cart CSS -----*/
.cart-area .table-item {
  text-align: center;
}

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

.cart-area .table-item .table thead {
  border-bottom: 1px dashed #242424;
}

.cart-area .table-item .table tr {
  border-bottom: 1px dashed #242424;
}

.cart-area .table-item .table-bordered {
  border: 0;
}

.cart-area .table-item .table thead th {
  border-bottom: 0;
  color: #242424;
}

.cart-area .table-item .table-bordered td, .cart-area .table-item .table-bordered th {
  border: 0;
  vertical-align: middle;
}

.cart-area .table-item img {
  border-radius: 5px;
  max-width: 40px;
  margin-left: auto;
  margin-right: auto;
}

.cart-area .table-item a {
  display: inline-block;
  color: #FFCB78;
  font-size: 25px;
}

.cart-area .table-item a:hover {
  color: #242424;
}

.cart-area .table-cart ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.cart-area .table-cart ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.cart-area .table-cart ul li .left {
  margin-bottom: 30px;
}

.cart-area .table-cart ul li .left form {
  position: relative;
}

.cart-area .table-cart ul li .left form .form-control {
  border: 0;
  border-radius: 0;
  padding-left: 20px;
  font-size: 16px;
  height: 60px;
  border: 1px dashed #242424;
  border-radius: 50px;
}

.cart-area .table-cart ul li .left form .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #242424;
}

.cart-area .table-cart ul li .left form .btn {
  position: absolute;
  top: 2px;
  right: 2px;
}

.cart-area .table-cart ul li .left form .btn:before {
  display: none;
}

.cart-area .table-cart ul li .left form .btn:hover {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: #242424;
  color: #fff;
}

.cart-area .table-cart ul li .right {
  text-align: right;
  margin-bottom: 30px;
}

.cart-area .cart-total {
  background-color: #FFCB78;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
}

.cart-area .cart-total h2 {
  font-size: 25px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #fff;
  margin-bottom: 18px;
}

.cart-area .cart-total .inner {
  border-bottom: 1px dashed #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.cart-area .cart-total .inner h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  margin-bottom: 0;
}

.cart-area .cart-total .inner h3 span {
  display: inline-block;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.cart-area .cart-total .inner ul {
  margin: 0;
  padding: 0;
  margin-top: 15px;
}

.cart-area .cart-total .inner ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  position: relative;
  padding-left: 18px;
}

.cart-area .cart-total .inner ul li:before {
  position: absolute;
  content: '';
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #242424;
}

.cart-area .cart-total .inner ul li:last-child {
  margin-bottom: 0;
}

.cart-area .cart-total .inner ul li span {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.cart-area .cart-total .inner h4 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin-bottom: 0;
}

.cart-area .cart-total .inner h4 span {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.cart-area .cart-total a {
  display: block;
  color: #242424;
  background-color: #fff;
  border-radius: 30px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-weight: 600;
}

.cart-area .cart-total a:hover {
  color: #fff;
  background-color: #242424;
}

.number {
  margin: 0;
  padding: 0;
  max-width: 155px;
  margin-left: auto;
  margin-right: auto;
}

.number li {
  list-style-type: none;
  display: inline-block;
}

.number li .minus, .number li .plus {
  color: #242424;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.number li .minus:hover, .number li .plus:hover {
  color: #FFCB78;
}

.number li input {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  border: 0;
  color: #242424;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #FFCB78;
}

.number li input:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*----- Checkout CSS -----*/
.checkout-area .checkout-item h2 {
  font-size: 20px;
  margin-bottom: 30px;
}

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

.checkout-area .checkout-item .checkout-billing .form-group {
  margin-bottom: 15px;
}

.checkout-area .checkout-item .checkout-billing .form-group .form-control {
  height: 55px;
  border-radius: 30px;
  border: 1px dashed #242424;
  background-color: #F3F3F3;
  padding-left: 20px;
}

.checkout-area .checkout-item .checkout-billing .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #242424;
}

.checkout-area .checkout-item .checkout-billing .form-check {
  margin-bottom: 15px;
}

.checkout-area .checkout-item .checkout-billing .common-btn.two {
  width: 100%;
  display: block;
}

.checkout-area .checkout-item .checkout-billing .common-btn.two:before {
  width: 98%;
}

.checkout-area .checkout-item .checkout-total {
  position: relative;
  z-index: 1;
  padding: 50px 45px 50px;
  margin-bottom: 30px;
}

.checkout-area .checkout-item .checkout-total img {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.checkout-area .checkout-item .checkout-total ul {
  margin: 0;
  padding: 0;
}

.checkout-area .checkout-item .checkout-total ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #242424;
  color: #242424;
  font-weight: 600;
  position: relative;
}

.checkout-area .checkout-item .checkout-total ul li span {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
}

.checkout-area .checkout-item .checkout-total h3 {
  margin-bottom: 0;
  position: relative;
  font-size: 20px;
}

.checkout-area .checkout-item .checkout-total h3 span {
  position: absolute;
  top: 0;
  right: 0;
}

.checkout-area .checkout-item .checkout-payment {
  margin-bottom: 30px;
  border: 1px dashed #242424;
  padding: 25px;
}

.checkout-area .checkout-item .checkout-payment ul {
  margin: 0;
  padding: 0;
}

.checkout-area .checkout-item .checkout-payment ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
}

.checkout-area .checkout-item .checkout-payment ul li:last-child {
  margin-bottom: 0;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-input {
  margin-top: 5px;
  margin-left: -20px;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-label {
  font-size: 18px;
  font-weight: 600;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-label a {
  display: inline-block;
  color: #FFCB78;
}

.checkout-area .checkout-item .checkout-payment ul li .form-check-label a:hover {
  color: #242424;
}

.wishlist-area .table-item a {
  color: #242424;
  font-size: 16px;
}

.wishlist-area .table-item a i {
  margin-left: 3px;
}

.wishlist-area .table-item a:hover {
  color: #FFCB78;
}

/*----- Single Product CSS -----*/
.product-details-area .shop-details {
  margin-bottom: 30px;
}

.product-details-area .shop-details h2 {
  font-size: 35px;
  margin-bottom: 10px;
}

.product-details-area .shop-details .reviews {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.product-details-area .shop-details .reviews li {
  list-style-type: none;
  display: inline-block;
}

.product-details-area .shop-details .reviews li i {
  display: block;
  color: #ddd;
  font-size: 15px;
}

.product-details-area .shop-details .reviews li i.checked {
  color: #FFCB78;
}

.product-details-area .shop-details .reviews li span {
  display: inline-block;
  font-size: 15px;
  margin-left: 10px;
}

.product-details-area .shop-details h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #FE7171;
}

.product-details-area .shop-details p {
  margin-bottom: 15px;
}

.product-details-area .shop-details .cart {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.product-details-area .shop-details .cart li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.product-details-area .shop-details .cart li .common-btn.two i {
  display: inline-block;
  margin-left: 3px;
}

.product-details-area .wishlist-btn {
  display: inline-block;
  color: #363636;
}

.product-details-area .wishlist-btn i {
  display: inline-block;
  margin-right: 3px;
  color: #FE7171;
}

.product-details-area .wishlist-btn:hover {
  color: #FE7171;
}

.product-details-area .send-review-area .nav-pills {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}

.product-details-area .send-review-area .nav-pills li {
  list-style-type: none;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.product-details-area .send-review-area .nav-pills li a {
  display: block;
  color: #242424;
  padding: 10px 0;
  border-radius: 30px;
  border: 2px dashed #242424;
  width: 200px;
  text-align: center;
}

.product-details-area .send-review-area .nav-pills li a:hover, .product-details-area .send-review-area .nav-pills li a.active {
  color: #fff;
  background-color: #FFCB78;
  border: 2px dashed #FFCB78;
}

.product-details-area .send-review-area .tab-content .describe-item p {
  margin-bottom: 10px;
}

.product-details-area .send-review-area .tab-content .describe-item p:last-child {
  margin-bottom: 0;
}

.product-details-area .send-review-area .tab-content .review-item {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.product-details-area .send-review-area .tab-content .review-item li {
  list-style-type: none;
  display: block;
  position: relative;
  padding: 30px 30px 30px 140px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
}

.product-details-area .send-review-area .tab-content .review-item li img {
  position: absolute;
  top: 30px;
  left: 30px;
  border-radius: 5px;
  max-width: 90px;
}

.product-details-area .send-review-area .tab-content .review-item li h3 {
  font-size: 16px;
  margin-bottom: 5px;
}

.product-details-area .send-review-area .tab-content .review-item li span {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  margin-bottom: 10px;
}

.product-details-area .send-review-area .tab-content .review-item li p {
  margin-bottom: 0;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  right: 30px;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
  padding: 0;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews li i {
  display: block;
  color: #ddd;
}

.product-details-area .send-review-area .tab-content .review-item li .reviews li i.checked {
  color: #FFCB78;
}

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

.product-details-area .send-review-area .tab-content .review-form h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.product-details-area .send-review-area .tab-content .review-form .form-group {
  margin-bottom: 15px;
}

.product-details-area .send-review-area .tab-content .review-form .form-group .form-control {
  height: 50px;
  border-radius: 5px;
  border: 0;
  background-color: #fafafa;
}

.product-details-area .send-review-area .tab-content .review-form .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.product-details-area .send-review-area .tab-content .review-form .form-group textarea {
  padding-top: 13px;
  height: auto !important;
}

.blog-area.two {
  background-color: #fff;
}

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

.blog-details-area .details-shape img {
  position: absolute;
  right: 0;
  bottom: 200px;
  max-width: 600px;
}

.blog-details-area .details-head .left {
  margin-bottom: 30px;
}

.blog-details-area .details-head .left h2 {
  font-size: 40px;
  margin-bottom: 10px;
}

.blog-details-area .details-head .left ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-head .left ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}

.blog-details-area .details-head .left ul li i {
  display: inline-block;
  color: #242424;
  font-size: 15px;
  margin-right: 3px;
}

.blog-details-area .details-head .left ul li span {
  display: inline-block;
}

.blog-details-area .details-head .left ul li a {
  display: inline-block;
  color: #363636;
}

.blog-details-area .details-head .left ul li a:hover {
  color: #FFCB78;
}

.blog-details-area .details-head .right {
  margin-bottom: 30px;
}

.blog-details-area .details-head .right form {
  position: relative;
}

.blog-details-area .details-head .right form .form-control {
  height: 50px;
  border: 1px dashed #242424;
  border-radius: 0;
}

.blog-details-area .details-head .right form .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #242424;
}

.blog-details-area .details-head .right form .btn {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 20px;
  padding: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-details-area .details-head .right form .btn:hover {
  color: #FFCB78;
}

.blog-details-area .details-img {
  margin-bottom: 30px;
}

.blog-details-area .details-img img {
  width: 100%;
}

.blog-details-area .details-info {
  margin-bottom: 30px;
}

.blog-details-area .details-info p {
  margin-bottom: 10px;
}

.blog-details-area .details-info ul {
  margin: 0;
  padding: 0;
  margin-top: 20px;
}

.blog-details-area .details-info ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  position: relative;
  padding-left: 20px;
}

.blog-details-area .details-info ul li span {
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #242424;
}

.blog-details-area .details-info ul li span:before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  top: -3px;
  left: -3px;
  border: 2px dashed #242424;
  border-radius: 50%;
}

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

.blog-details-area .details-quote blockquote {
  margin-bottom: 30px;
  background-color: #FFCB78;
  padding: 30px 25px;
  border: 1px dashed #242424;
  position: relative;
  text-align: center;
}

.blog-details-area .details-quote blockquote i {
  position: absolute;
  left: 30px;
  top: 30px;
  color: #24242480;
  font-size: 50px;
  opacity: .10;
}

.blog-details-area .details-quote blockquote p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  font-style: italic;
}

.blog-details-area .details-sub-img {
  margin-bottom: 30px;
}

.blog-details-area .details-sub-img img {
  margin-bottom: 25px;
  width: 100%;
}

.blog-details-area .details-sub-img p {
  margin-bottom: 0;
}

.blog-details-area .details-tag {
  border-bottom: 1px dashed #242424;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.blog-details-area .details-tag .left {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-tag .left li {
  list-style-type: none;
  display: inline-block;
  font-size: 15px;
}

.blog-details-area .details-tag .left li span {
  display: inline-block;
  font-weight: 600;
}

.blog-details-area .details-tag .left li a {
  display: inline-block;
  color: #363636;
  background-color: #fafafa;
  padding: 3px 12px;
  border-radius: 5px;
}

.blog-details-area .details-tag .right {
  margin: 0;
  padding: 0;
  text-align: right;
}

.blog-details-area .details-tag .right li {
  list-style-type: none;
  display: inline-block;
  margin-left: 3px;
}

.blog-details-area .details-tag .right li span {
  font-weight: 600;
  display: inline-block;
}

.blog-details-area .details-tag .right li a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #242424;
  border: 1px dashed #242424;
  display: inline-block;
  border-radius: 50%;
}

.blog-details-area .details-tag .right li a:hover {
  color: #fff;
  background-color: #242424;
}

.blog-details-area .details-article {
  padding-bottom: 15px;
  border-bottom: 1px dashed #242424;
  margin-bottom: 30px;
}

.blog-details-area .details-article .top ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog-details-area .details-article .top ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 15px;
}

.blog-details-area .details-article .top ul li:nth-child(2) {
  text-align: right;
}

.blog-details-area .details-article .top ul li a {
  display: block;
  color: #242424;
  font-weight: 600;
}

.blog-details-area .details-article .top ul li a i {
  font-size: 14px;
  position: relative;
  top: -1px;
}

.blog-details-area .details-article .top ul li a:hover {
  color: #FFCB78;
}

.blog-details-area .details-article .bottom ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog-details-area .details-article .bottom ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  margin-bottom: 15px;
}

.blog-details-area .details-article .bottom ul li:nth-child(1) .inner img {
  margin-right: 10px;
}

.blog-details-area .details-article .bottom ul li:nth-child(2) {
  text-align: right;
}

.blog-details-area .details-article .bottom ul li:nth-child(2) .inner img {
  margin-left: 10px;
}

.blog-details-area .details-article .bottom ul li .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog-details-area .details-article .bottom ul li .inner img {
  border-radius: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.blog-details-area .details-article .bottom ul li .inner a {
  display: inline-block;
  color: #242424;
  font-weight: 600;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 77%;
          flex: 0 0 77%;
  max-width: 77%;
}

.blog-details-area .details-article .bottom ul li .inner a:hover {
  color: #FFCB78;
}

.blog-details-area .details-comment {
  margin-bottom: 30px;
}

.blog-details-area .details-comment h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.blog-details-area .details-comment ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .details-comment ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 15px;
  padding: 30px 30px 30px 140px;
  position: relative;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
}

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

.blog-details-area .details-comment ul li img {
  max-width: 90px;
  position: absolute;
  top: 30px;
  left: 30px;
}

.blog-details-area .details-comment ul li h4 {
  font-size: 16px;
  margin-bottom: 5px;
}

.blog-details-area .details-comment ul li span {
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
}

.blog-details-area .details-comment ul li p {
  margin-bottom: 0;
}

.blog-details-area .details-comment ul li a {
  display: inline-block;
  color: #242424;
  background-color: #FFCB78;
  padding: 2px 12px;
  border-radius: 30px;
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 15px;
}

.blog-details-area .details-comment ul li a:hover {
  color: #fff;
  background-color: #FFCB78;
}

.blog-details-area .details-leave {
  margin-bottom: 30px;
}

.blog-details-area .details-leave h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.blog-details-area .details-leave .form-group {
  margin-bottom: 15px;
}

.blog-details-area .details-leave .form-group .form-control {
  height: 50px;
  border-radius: 5px;
  background-color: #fafafa;
  border: 0;
}

.blog-details-area .details-leave .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

.blog-details-area .details-leave .form-group textarea {
  height: auto !important;
  padding-top: 13px;
}

.blog-details-area .details-leave .common-btn.two {
  width: 100%;
  display: block;
}

.blog-details-area .details-leave .common-btn.two:before {
  width: 98%;
}

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

.widget-area .widget-item h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.widget-area .recent .inner {
  margin-bottom: 15px;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd52;
          box-shadow: 0px 0px 20px 0px #dddddd52;
}

.widget-area .recent .inner:last-child {
  margin-bottom: 0;
}

.widget-area .recent .inner ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.widget-area .recent .inner ul li {
  list-style-type: none;
  display: inline-block;
}

.widget-area .recent .inner ul li:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.widget-area .recent .inner ul li:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
  margin-left: 15px;
}

.widget-area .recent .inner ul li img {
  width: 100%;
}

.widget-area .recent .inner ul li i {
  display: inline-block;
  font-size: 15px;
  margin-right: 3px;
}

.widget-area .recent .inner ul li span {
  display: inline-block;
}

.widget-area .recent .inner ul li a {
  margin-top: 5px;
  display: block;
  font-weight: 600;
  color: #242424;
}

.widget-area .recent .inner ul li a:hover {
  color: #FFCB78;
}

.widget-area .categories ul {
  margin: 0;
  padding: 0;
}

.widget-area .categories ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
}

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

.widget-area .categories ul li a {
  display: block;
  color: #242424;
  background-color: #FFCB78;
  border: 1px dashed #242424;
  border-radius: 30px;
  position: relative;
  padding: 10px 20px 10px;
}

.widget-area .categories ul li a span {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 20px;
}

.widget-area .categories ul li a:hover {
  color: #fff;
  background-color: #242424;
}

.widget-area .tags h3 {
  margin-bottom: 5px;
}

.widget-area .tags ul {
  margin: 0;
  padding: 0;
}

.widget-area .tags ul li {
  list-style-type: none;
  display: inline-block;
  margin-top: 10px;
  margin-right: 5px;
}

.widget-area .tags ul li a {
  display: block;
  color: #242424;
  background-color: #fafafa;
  padding: 4px 18px;
  border-radius: 30px;
}

.widget-area .tags ul li a:hover {
  color: #fff;
  background-color: #242424;
}

/*----- Contact CSS -----*/
.contact-area .section-title {
  margin-bottom: 30px;
  text-align: left;
}

.contact-area #contactForm {
  margin-bottom: 30px;
}

.contact-area #contactForm .form-group {
  margin-bottom: 15px;
}

.contact-area #contactForm .form-group .form-control {
  height: 50px;
  border-radius: 5px;
  border: 0;
  background-color: #fafafa;
}

.contact-area #contactForm .form-group .form-control:focus {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-area #contactForm .form-group textarea {
  padding-top: 13px;
  height: auto !important;
}

.contact-area #contactForm .form-check {
  margin-bottom: 15px;
}

.contact-area #contactForm .form-check .form-check-label a {
  display: inline-block;
  color: #FFCB78;
}

.contact-area #contactForm .form-check .form-check-label a:hover {
  color: #363636;
}

.contact-area #contactForm .common-btn.two {
  display: block;
  width: 100%;
  opacity: 1;
}

.contact-area #contactForm .common-btn.two:before {
  width: 98%;
}

.contact-area #contactForm .list-unstyled {
  margin-bottom: 0;
  margin-top: 10px;
  color: #dc3545;
}

.contact-area #contactForm .text-danger {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 25px;
}

.contact-area #contactForm .text-success {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 25px;
}

.contact-area .contact-info {
/*  background-color: #FFCB78;*/
  background-color: #FE7171;
  border-radius: 10px;
  padding: 40px 30px;
  margin-bottom: 30px;
  background-image: url("../images/contact-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.contact-area .contact-info ul {
  margin: 0;
  padding: 0;
}

.contact-area .contact-info ul li {
  list-style-type: none;
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding-left: 80px;
}

.contact-area .contact-info ul li:last-child {
  margin-bottom: 0;
}

.contact-area .contact-info ul li i {
  display: inline-block;
  color: #fff;
  font-size: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

.contact-area .contact-info ul li h4 {
  font-size: 18px;
  margin-bottom: 8px;
}

.contact-area .contact-info ul li a {
  display: block;
  color: #363636;
}

.contact-area .contact-info ul li a:hover {
  color: #fff;
}

.map-area #map {
  width: 100%;
  height: 400px;
  display: block;
  border: 0;
}

/*----- Team Details CSS -----*/
.team-details-area .details-img {
  margin-bottom: 30px;
  position: relative;
}

.team-details-area .details-img img {
  width: 100%;
  border-radius: 10px;
}

.team-details-area .details-img img:nth-child(1) {
  position: relative;
}

.team-details-area .details-img img:nth-child(2) {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.team-details-area .details-content {
  margin-bottom: 30px;
}

.team-details-area .details-content h2 {
  font-size: 40px;
  margin-bottom: 5px;
}

.team-details-area .details-content span {
  display: block;
  font-size: 25px;
  margin-bottom: 10px;
}

.team-details-area .details-content p {
  margin-bottom: 15px;
}

.team-details-area .details-content .info {
  max-width: 600px;
}

.team-details-area .details-content .info ul {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.team-details-area .details-content .info ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  position: relative;
}

.team-details-area .details-content .info ul li:last-child {
  margin-bottom: 0;
}

.team-details-area .details-content .info ul li a {
  display: block;
  color: #363636;
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 0;
}

.team-details-area .details-content .info ul li a:hover {
  color: #FFCB78;
}

.team-details-area .details-content .info ul li span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}

.team-details-area .details-content .social {
  margin: 0;
  padding: 0;
}

.team-details-area .details-content .social li {
  list-style-type: none;
  display: inline-block;
  margin-right: 3px;
}

.team-details-area .details-content .social li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  color: #242424;
  border: 1px dashed #242424;
  border-radius: 50%;
}

.team-details-area .details-content .social li a i {
  line-height: 30px;
}

.team-details-area .details-content .social li a:hover {
  color: #fff;
  background-color: #242424;
}

/*----- Account CSS -----*/
.account-area .account-item {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.account-area .account-item .nav-pills {
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
  background-color: #fafafa;
  max-width: 225px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  margin-bottom: 30px;
}

.account-area .account-item .nav-pills li {
  list-style-type: none;
  display: inline-block;
  border-right: 1px solid #ddd;
}

.account-area .account-item .nav-pills li:last-child {
  border-right: 0;
}

.account-area .account-item .nav-pills li a {
  display: block;
  color: #242424;
}

.account-area .account-item .nav-pills li a.active {
  color: #FFCB78;
  background: unset;
}

.account-area .account-item .tab-content .form-group {
  margin-bottom: 15px;
}

.account-area .account-item .tab-content .form-group .form-control {
  height: 50px;
  border-radius: 30px;
  border: 1px dashed #242424;
  background-color: #fafafa;
  padding-left: 20px;
}

.account-area .account-item .tab-content .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px dashed #242424;
}

.account-area .account-item .tab-content .form-group ul {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.account-area .account-item .tab-content .form-group ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.account-area .account-item .tab-content .form-group ul li .form-check {
  margin-bottom: 0;
}

.account-area .account-item .tab-content .form-group ul li a {
  display: inline-block;
  color: #363636;
}

.account-area .account-item .tab-content .form-group ul li a:hover {
  color: #FFCB78;
}

.account-area .account-item .tab-content .form-group ul li:nth-child(2) {
  text-align: right;
}

.account-area .account-item .tab-content .form-check {
  color: #363636;
  margin-bottom: 15px;
}

.account-area .account-item .tab-content .form-check a {
  display: inline-block;
  color: #FFCB78;
}

.account-area .account-item .tab-content .form-check a:hover {
  color: #363636;
}

.account-area .account-item .tab-content .btn {
  color: #242424;
  font-weight: 600;
  border: 1px dashed #242424;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  width: 100%;
  border-radius: 30px;
  margin-bottom: 15px;
}

.account-area .account-item .tab-content .btn:hover {
  color: #fff;
  background-color: #242424;
}

.account-area .account-item .tab-content .google {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  font-weight: 600;
  color: #242424;
  background-color: #FFCB78;
  text-align: center;
}

.account-area .account-item .tab-content .google i {
  display: inline-block;
  margin-right: 3px;
}

.account-area .account-item .tab-content .google:hover {
  color: #fff;
  background-color: #242424;
}

/*----- Appointment CSS -----*/
.common-book-area {
  position: relative;
}

.common-book-area .appointment-shape img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 600px;
}

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

.common-book-area .common-book-item h2 {
  font-size: 25px;
  margin-bottom: 30px;
}

.common-book-area .common-book-item .form-group {
  margin-bottom: 15px;
}

.common-book-area .common-book-item .form-group .form-control {
  height: 50px;
  border: 1px dashed #242424;
  background-color: #fafafa;
  border-radius: 30px;
  padding-left: 20px;
}

.common-book-area .common-book-item .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #242424;
}

.common-book-area .common-book-item .form-group .nice-select {
  height: 50px;
  border: 1px dashed #242424;
  background-color: #fafafa;
  border-radius: 30px;
  line-height: 50px;
  padding-left: 20px;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.common-book-area .common-book-item .form-group .nice-select .list {
  width: 100%;
  display: block;
}

.common-book-area .common-book-item .common-btn.two {
  display: block;
  width: 100%;
}

.common-book-area .common-book-item .common-btn.two:before {
  width: 98%;
}

.common-book-area .common-book-open {
  position: relative;
  z-index: 1;
  padding: 40px 30px 40px 55px;
  margin-bottom: 30px;
}

.common-book-area .common-book-open img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.common-book-area .common-book-open h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.common-book-area .common-book-open .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.common-book-area .common-book-open .time .left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.common-book-area .common-book-open .time .left ul {
  margin: 0;
  padding: 0;
}

.common-book-area .common-book-open .time .left ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}

.common-book-area .common-book-open .time .left ul li:last-child {
  margin-bottom: 0;
}

.common-book-area .common-book-open .time .right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  max-width: 45%;
}

.common-book-area .common-book-open .time .right ul {
  margin: 0;
  padding: 0;
}

.common-book-area .common-book-open .time .right ul li {
  list-style-type: none;
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.common-book-area .common-book-open .time .right ul li:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 1px;
  left: 0;
  right: 0;
  top: 12px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

.common-book-area .common-book-open .time .right ul li:last-child {
  margin-bottom: 0;
}

.common-book-area .common-book-open .time .right ul li span {
  position: absolute;
  top: 0;
  right: 0;
}

/*----- Donate CSS -----*/
.donation-form-area {
  padding-bottom: 120px;
  position: relative;
}

.donation-form-area .donation-form-shape img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 600px;
}

.donation-form-area h2 {
  font-size: 25px;
  margin-bottom: 30px;
  text-align: center;
}

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

.donation-form-area .left .form-group {
  margin-bottom: 15px;
}

.donation-form-area .left .form-group .form-control {
  height: 50px;
  border: 1px dashed #242424;
  background-color: #fafafa;
  border-radius: 30px;
  padding-left: 20px;
}

.donation-form-area .left .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #242424;
}

.donation-form-area .left .form-group .nice-select {
  height: 50px;
  border: 1px dashed #242424;
  background-color: #fafafa;
  border-radius: 30px;
  line-height: 50px;
  padding-left: 20px;
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.donation-form-area .left .form-group .nice-select .list {
  width: 100%;
  display: block;
}

.donation-form-area .left h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.donation-form-area .left ul {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.donation-form-area .left ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 15px;
}

.donation-form-area .left .common-btn.two {
  display: block;
  width: 100%;
}

.donation-form-area .left .common-btn.two:before {
  width: 98%;
}

/*-- FAQ --*/
.faq-area .accordion {
  margin: 0;
  padding: 0;
}

.faq-area .accordion p {
  display: none;
  padding: 20px 25px 20px;
  margin-bottom: 0;
}

.faq-area .accordion li {
  position: relative;
  list-style-type: none;
  margin-bottom: 20px;
  display: block;
  -webkit-box-shadow: 0px 0px 30px 0px #dddddd8f;
          box-shadow: 0px 0px 30px 0px #dddddd8f;
  border-radius: 30px;
}

.faq-area .accordion li:first-child {
  border-top: 0;
}

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

.faq-area .accordion li a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #242424;
  border: 1px dashed #242424;
  padding: 13px 38px 13px 20px;
  border-radius: 30px;
}

.faq-area .accordion li a.active {
  color: #fff;
  background-color: #FFCB78;
  border: 1px dashed #FFCB78;
}

.faq-area .accordion li a.active i {
  color: #fff;
  opacity: 0;
}

.faq-area .accordion li a.active i.two {
  opacity: 1;
}

.faq-area .accordion li a i {
  position: absolute;
  top: 19px;
  right: 20px;
  color: #242424;
  display: inline-block;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.faq-area .accordion li a i.two {
  opacity: 0;
}

/*----- Error CSS -----*/
.error-area {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  height: 100vh;
  text-align: center;
}

.error-area .error-content i {
  color: #FFCB78;
  display: inline-block;
  font-size: 100px;
}

.error-area .error-content h1 {
  font-size: 130px;
  color: #FFCB78;
  margin-bottom: 20px;
}

.error-area .error-content h2 {
  font-size: 25px;
  color: #242424;
  margin-bottom: 10px;
}

.error-area .error-content p {
  margin-bottom: 20px;
  font-weight: 600;
}

/*----- Coming Soon CSS -----*/
.coming-soon-area {
  height: 100vh;
  text-align: center;
}

.coming-soon-area .soon-item h1 {
  font-size: 100px;
  margin-bottom: 20px;
}

.coming-soon-area .soon-item span {
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 30px;
}

.coming-soon-area .soon-item .coming-inner {
  background-color: #FFCB78;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.coming-soon-area .soon-item .coming-inner span {
  display: block;
  font-size: 40px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 700;
}

.coming-soon-area .soon-item .coming-inner p {
  margin-bottom: 0;
  color: #fff;
}

/*----- Rules CSS -----*/
.rules-area .rules-item h3 {
  font-size: 25px;
  margin-bottom: 30px;
}

.rules-area .rules-item p {
  margin-bottom: 15px;
}

.rules-area .rules-item p:last-child {
  margin-bottom: 0;
}

.rules-area .rules-item ul {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.rules-area .rules-item ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 12px;
  position: relative;
}

.rules-area .rules-item ul li:last-child {
  margin-bottom: 0;
}

.rules-area .rules-item ul li span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #242424;
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.rules-area .rules-item ul li span:before {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  top: -3px;
  left: -3px;
  border: 1px dashed #242424;
  border-radius: 50%;
}

/*----- Preloader CSS -----*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: #fff;
}

.spinner {
  width: 50px;
  height: 50px;
  margin: 100px auto;
  background-color: #FE7171;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
          animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

/*----- Go Top CSS -----*/
.go-top {
  position: fixed;
  cursor: pointer;
  bottom: 0;
  right: 15px;
  color: #ffffff;
  background-color: #FE7171;
  z-index: 4;
  width: 45px;
  text-align: center;
  height: 45px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  border: 1px solid #FE7171;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  font-size: 20px;
  line-height: 45px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

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

.go-top:hover, .go-top:focus {
  color: #ffffff;
  border: 1px solid #242424;
  background-color: #242424;
}

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

.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
/*# sourceMappingURL=style.css.map */