.user-menu {
  display: block;
  position: relative;
  padding: 5px 60px 5px 25px !important;
  border-left: 1px solid #9c9292;
  margin-left: 15px;
  white-space: nowrap;
}

.user-menu img {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -o-object-fit: cover;
     object-fit: cover;
  right: 0;
  top: -12px;
}

.search-area {
  position: relative;
  margin: 3px 0 0;
}

.search-area .search-box {
  position: absolute;
  z-index: 999;
  right: 0;
}

@media (max-width: 768px) {
  .search-area .search-box {
    right: 18px;
    top: -6px;
  }
}

@media (max-width: 576px) {
  .search-area .search-box {
    right: -22px;
  }
}

.search-area .input-search {
  height: 50px;
  width: 50px;
  border-style: none;
  padding: 10px;
  font-size: 18px;
  letter-spacing: 2px;
  outline: none;
  border-radius: 25px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  padding-right: 40px;
  color: #fff;
  background-color: transparent;
}

.search-area .input-search::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 100;
}

.search-area .input-search:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 100;
}

.search-area .input-search::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 100;
}

.search-area .input-search::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 100;
}

.search-area .btn-search {
  width: 50px;
  height: 50px;
  border-style: none;
  font-size: 20px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  color: #ffffff;
  background-color: transparent;
  pointer-events: painted;
}

.search-area .btn-search svg {
  width: 28px;
  height: 28px;
  fill: #fff;
  -webkit-transition: .6s all ease-in-out;
  transition: .6s all ease-in-out;
}

.search-area .btn-search:hover svg {
  fill: #fff;
}

.search-area .btn-search:focus ~ .input-search {
  width: 275px;
  border-radius: 30px;
  background-color: #1b8ccd;
  border-bottom: 0px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}

.search-area .input-search:focus {
  width: 300px;
  border-radius: 30px;
  background-color: #1b8ccd;
  border-bottom: 0px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}

.search-area .input-search:focus ~ .btn-search svg {
  fill: #fff;
}

.border-lftrgt {
  position: relative;
}

.border-lftrgt::after, .border-lftrgt::before {
  content: '';
  position: absolute;
  background-color: #c7c7c7;
  width: 1px;
  height: 75px;
}

.border-lftrgt::before {
  left: 0;
  top: 0;
}

.border-lftrgt::after {
  right: 0;
  top: 0;
}

@media (max-width: 991px) {
  .border-lftrgt {
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
    padding-top: 30px;
  }
  .border-lftrgt::after, .border-lftrgt::before {
    display: none;
  }
}

.border-rgt {
  position: relative;
}

.border-rgt::after {
  content: '';
  position: absolute;
  background-color: #c7c7c7;
  width: 1px;
  height: 75px;
}

.border-rgt::after {
  right: 0;
  top: 0;
}

@media (max-width: 991px) {
  .border-rgt {
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
    padding-top: 30px;
  }
  .border-rgt::after, .border-rgt::before {
    display: none;
  }
}

.abt-box {
  position: relative;
}

.abt-box::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 140px;
  -webkit-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.2);
}

.abt-box .figpic1 {
  width: 100%;
  height: 520px;
  border-radius: 140px;
  overflow: hidden;
  position: relative;
}

.abt-box .figpic1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.abt-box .figpic2 {
  bottom: 0;
  width: 50%;
  height: 280px;
  right: -40px;
  position: absolute;
  border-radius: 74px;
  border: 6px solid #fff;
  overflow: hidden;
}

.abt-box .figpic2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 576px) {
  .abt-box .figpic2 {
    right: 0px;
  }
}

.about-info {
  padding: 120px 0 0 70px;
}

.about-info p {
  color: #2d3a3a;
  font-weight: 300;
}

.section-title h2 {
  font-size: 2.2rem;
  display: inline-block;
  font-weight: 600;
  color: #2c3a3a;
  font-family: 'Galada', cursive;
  position: relative;
  margin-bottom: 15px;
}

.title-left h2::after {
  content: '';
  width: 85px;
  height: 1px;
  background-color: #2ba24a;
  position: absolute;
  bottom: 10px;
  right: -95px;
}

.title-right {
  text-align: right;
}

.title-right h2::after {
  content: '';
  width: 110px;
  height: 1px;
  background-color: #2ba24a;
  position: absolute;
  bottom: 10px;
  left: -130px;
}

.about-section {
  padding: 100px 0;
  position: relative;
}

.view-link, .view-more-link {
  color: #18271c;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  border-bottom: 2px solid #2ba24a;
}

.view-more-link {
  position: absolute;
  right: 50px;
  bottom: 30px;
  font-weight: 300 !important;
}

.list-cards ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-cards ul li {
  -webkit-box-shadow: 2px 7px 26px -2px rgba(0, 0, 0, 0.12);
          box-shadow: 2px 7px 26px -2px rgba(0, 0, 0, 0.12);
  width: 100px;
  text-align: center;
  padding: 15px;
  background-color: #fff;
  border-radius: 15px;
  margin-right: 30px;
}

.list-cards ul li h5 b {
  font-weight: 600;
}

.list-cards ul li h6 {
  font-size: 13px;
  font-weight: 300;
}

.jeep-pic1 {
  position: absolute;
  width: 600px !important;
  left: -160px;
  top: -260px;
}

@media (max-width: 768px) {
  .jeep-pic1 {
    width: 460px !important;
    left: -180px;
    top: -200px;
  }
}

.jeep-pic2 {
  position: absolute;
  width: 250px !important;
  right: 20px;
  bottom: 150px;
}

@media (max-width: 768px) {
  .jeep-pic2 {
    width: 210px !important;
    right: 20px;
    bottom: 60px;
  }
}

.leaf-side1 {
  position: absolute;
  left: 0;
  z-index: 9999;
  width: 400px;
}

@media (max-width: 1200px) {
  .leaf-side1 {
    width: 300px;
  }
}

@media (max-width: 991px) {
  .leaf-side1 {
    width: 240px;
  }
}

@media (max-width: 768px) {
  .leaf-side1 {
    width: 160px;
  }
}

.activeTab .jeep-pic1 {
  -webkit-animation: slideRight 1s;
          animation: slideRight 1s;
}

.activeTab .jeep-pic2 {
  -webkit-animation: slideLeft 2.2s;
          animation: slideLeft 2.2s;
}

.activeTab .jeep-info {
  -webkit-animation: slideUp 1.6s;
          animation: slideUp 1.6s;
}

.activeTab .feature-list {
  -webkit-animation: slideUp 2s;
          animation: slideUp 2s;
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-filter: blur(4px);
    -webkit-transform: scale(0.8) translateX(-50px);
            transform: scale(0.8) translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
  }
}

@keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-filter: blur(4px);
    -webkit-transform: scale(0.8) translateX(-50px);
            transform: scale(0.8) translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
  }
}

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-filter: blur(4px);
            filter: blur(4px);
    -webkit-transform: scale(1.2) translateX(-80px);
            transform: scale(1.2) translateX(-80px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-filter: blur(4px);
            filter: blur(4px);
    -webkit-transform: scale(1.2) translateX(-80px);
            transform: scale(1.2) translateX(-80px);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
            filter: blur(0px);
    -webkit-transform: scale(1) translateX(0px);
            transform: scale(1) translateX(0px);
  }
}

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

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

.card_box .tabs_item h1 {
  color: #475252;
  font-family: 'Galada', cursive;
  font-weight: 700;
}

.jeep-info {
  position: relative;
  z-index: 2;
}

.feature-list {
  position: relative;
  z-index: 2;
  padding-right: 75px;
}

.feature-list h4 {
  font-size: 18px;
  color: #475252;
  margin-top: 10px;
  margin-bottom: 4px;
}

.feature-list .truncate_info {
  height: 40px;
  overflow: hidden;
}

.feature-list .truncate_info p {
  line-height: 22px;
  font-size: 13px;
}

.feature-list .img-wrapper {
  position: relative;
  padding: 6px 10px 6px 100px;
}

.feature-list .img-wrapper img {
  position: absolute;
  width: 100px;
  left: -10px;
}

.blog-grids {
  margin: 0 -15px;
}

.blog-grids .grid_1 {
  width: 33.3%;
  float: left;
  padding: 0 15px 30px;
}

@media (max-width: 991px) {
  .blog-grids .grid_1 {
    width: 50%;
  }
}

.blog-grids .grid-100 {
  height: 600px;
}

@media (max-width: 991px) {
  .blog-grids .grid-100 {
    height: 450px;
  }
}

.blog-grids .grid-50 {
  height: 300px;
}

@media (max-width: 991px) {
  .blog-grids .grid-50 {
    height: 225px;
  }
}

.blog-grids figure {
  height: 100%;
}

.blog-grids figure img {
  height: 100%;
  border-radius: 14px;
  -webkit-box-shadow: 2px 7px 20px -2px rgba(0, 0, 0, 0.18);
          box-shadow: 2px 7px 20px -2px rgba(0, 0, 0, 0.18);
  -o-object-fit: cover;
     object-fit: cover;
}

.room-sections {
  padding: 120px 0;
}

.test-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.test-wrapper .img-box {
  width: 50%;
  float: right;
  height: 100%;
  position: relative;
}

.test-wrapper .img-box::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

.test-wrapper .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

.test-wrapper .test-info {
  display: none;
  height: 100%;
  position: relative;
  padding: 70px 30px 30px 30px;
}

.test-wrapper .test-info p {
  font-size: 11px;
  line-height: 20px;
  font-weight: 300;
}

.test-wrapper .test-info h6 {
  font-size: 13px;
  font-weight: 300;
}

.test-wrapper .test-info h6 span {
  font-weight: 500;
}

.test-wrapper .test-info .quotes {
  position: absolute;
  width: 28px;
  left: 30px;
  top: 30px;
}

#testimonial-block .owl-item.center {
  position: relative;
  z-index: 9;
}

#testimonial-block .owl-item.center .item {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

#testimonial-block .owl-item.center .img-box {
  width: 40% !important;
}

#testimonial-block .owl-item.center .img-box img {
  border-radius: 0px !important;
}

#testimonial-block .owl-item.center .img-box::after {
  display: none;
}

#testimonial-block .owl-item.center .test-info {
  display: block;
  width: 70% !important;
}

#testimonial-block .owl-item.center .test-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 50px;
  margin-bottom: -50px;
  background-color: #fff;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}

#testimonial-block .owl-item.active .img-box {
  width: 50%;
}

#testimonial-block .owl-item.active .img-box::after {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

#testimonial-block .owl-item.active .img-box img {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

#testimonial-block .owl-item.active .test-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#testimonial-block {
  border-radius: 18px;
  -webkit-box-shadow: 2px 7px 20px -2px rgba(0, 0, 0, 0.18);
          box-shadow: 2px 7px 20px -2px rgba(0, 0, 0, 0.18);
}

#testimonial-block .owl-nav {
  position: absolute;
  width: 100%;
  top: 45%;
}

#testimonial-block .owl-nav button {
  position: absolute;
}

#testimonial-block .owl-nav button img {
  opacity: .5;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

#testimonial-block button.owl-next {
  right: 50px;
}

#testimonial-block button.owl-prev {
  left: 50px;
}

#testimonial-block button.owl-prev img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.active-section {
  position: relative;
}

.active-section .section-title {
  margin-bottom: 110px;
}

.section-title2 {
  margin-bottom: 50px;
}

.section-title2 h2 {
  color: #06a43f;
  font-weight: 600;
  font-family: 'Galada', cursive;
}

.section-title2 h2::after {
  display: none;
}

.room-sections {
  position: relative;
}

.room_pic img {
  width: 100%;
  height: 360px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.box_content {
  -webkit-box-shadow: 2px 7px 26px -2px rgba(0, 0, 0, 0.14);
          box-shadow: 2px 7px 26px -2px rgba(0, 0, 0, 0.14);
  padding: 0 0 20px 0;
  border-radius: 20px;
}

.testimonial-section {
  padding: 60px 0 80px;
  position: relative;
}

.footer-block .social-links {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.footer-block .social-links li {
  display: inline-block;
}

.footer-block .social-links li a {
  padding: 8px 15px;
  color: #fff;
}

.footer-block .social-links li a i {
  font-size: 1.2rem;
}

.footer-block .nav-block {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-block {
  font-family: 'Mulish', sans-serif;
}

.footer-block .nav-block li a {
  color: #fff;
  padding: 0 25px;
  font-weight: 200;
  font-size: 14px;
  position: relative;
}

.footer-block p {
  color: #fff;
}

.footer-block .nav-block li a.active {
  font-weight: 500;
}

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

.footer-logo img {
  width: 150px;
}

.wrapper-body {
  background-image: url("../images/waves-bg1.png");
  background-attachment: fixed;
  overflow: hidden;
}

.bg-elm1, .bg-elm2, .bg-elm3, .bg-elm4, .bg-elm5, .bg-elm6, .bg-elm7, .bg-elm8, .bg-lines1, .bg-lines2 {
  position: absolute;
}

.bg-elm1 {
  top: 50px;
  right: 30%;
  width: 90px;
}

.bg-elm2 {
  bottom: 0;
  right: -80px;
  width: 300px;
}

.bg-elm3 {
  top: 90px;
  right: 12%;
  width: 50px;
}

.bg-elm4 {
  bottom: 20px;
  left: 70px;
  width: 120px;
}

.bg-elm5 {
  bottom: 20px;
  right: 70px;
  width: 230px;
}

.bg-elm6 {
  bottom: 70px;
  left: 22%;
  width: 210px;
  z-index: 1;
  opacity: .8;
}

.bg-elm7 {
  bottom: 20px;
  right: -220px;
  width: 230px;
}

.bg-elm8 {
  bottom: 40%;
  left: 90px;
  width: 60px;
}

.blog-sections {
  position: relative;
}

.bg-lines1 {
  width: 100%;
  left: 0;
  top: 20%;
}

.bg-lines2 {
  width: 100%;
  left: 0;
  top: 20%;
}

#overlay {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(31, 149, 218, 0.8);
  -webkit-transition: 1s 0.4s;
  transition: 1s 0.4s;
  font-size: 0px !important;
}

#progress {
  height: 0px;
  background: #fff;
  position: absolute;
  width: 0;
  top: 50%;
}

#progstat {
  font-size: 0.7em;
  letter-spacing: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  width: 100%;
  text-align: center;
  color: #fff;
}

.loader {
  border: 8px solid #5fb4e4;
  border-radius: 50%;
  border-top: 8px solid #50a0ce;
  width: 70px !important;
  height: 70px !important;
  margin-left: -35px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

.slider_captions {
  position: absolute;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  left: 55%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  color: #fff;
  padding: 0 80px;
  margin: 0;
  top: 0;
  bottom: 0;
}

.slider_captions img {
  width: 80% !important;
  height: auto !important;
}

@media (max-width: 991px) {
  .slider_captions {
    width: 90%;
    left: 5%;
    padding: 0 15px;
  }
  .slider_captions h1, .slider_captions p, .slider_captions button {
    color: #000;
  }
}

@media (max-width: 476px) {
  .slider_captions {
    width: 96%;
    left: 4%;
    padding: 0 15px;
  }
}

.slider_captions p {
  font-weight: 500;
}

.slider_captions h1, .slider_captions h4 {
  font-family: 'Galada', cursive;
}

.slider_captions h1 {
  font-size: 4.35rem;
  font-weight: bold;
}

.logo-on-load {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px !important;
  height: 64px !important;
  margin-left: -32px;
  margin-top: -38px;
}

.btn-explore {
  font-size: 15px;
  color: #fff;
  padding: 6px 30px;
  display: inline-block;
  border: 1px solid #fff;
  background-color: transparent;
  font-family: 'Mulish', sans-serif;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.btn-explore:hover {
  background-color: #428bca;
  border: 1px solid #428bca;
}

.about-icons {
  margin: 90px 0;
}

.about-icons .icon-box {
  text-align: center;
}

.about-icons .icon-box img {
  width: 100px;
  display: block;
  margin: 0 auto 30px;
}

.pro-catsection {
  margin: 30px 0;
  padding: 0 15px;
}

.pro-catsection .btn-explore {
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 3px #000;
}

.pro-catsection figure {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.pro-catsection figure img {
  -webkit-transition: .5s all;
  transition: .5s all;
}

.pro-catsection figure:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.pro-catsection figure figcaption {
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: -35px;
}

.pro-catsection figure h4 {
  margin-bottom: 20px;
}

.tab-section {
  padding: 50px 0;
}

.tab-section ul.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}

.tab-section ul.tabs .tablinks {
  background-color: transparent;
  border: 1px solid #000;
  margin: 0 6px;
  padding: 6px 30px;
}

.tab-section ul.tabs .active.tablinks {
  background-color: #000;
  color: #fff;
}

.tab-section .tabs_item h5 {
  color: #3995d8;
  font-weight: 700;
}

.tab-section .tabs_item figure {
  padding: 0 20px;
}

.tab-section .tabs_item figure img {
  width: 170px;
}

.tab-section .tabs_item figure h4 {
  font-size: 15px;
}

.font-white {
  color: #fff;
}

.testimonial-wrapper {
  margin: 50px 0;
  padding: 80px 0;
  background-image: url(../images/testimonial-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.testimonial-wrapper .card {
  border-radius: 0;
  padding: 70px 100px;
  margin-top: 75px;
  position: relative;
}

@media (max-width: 768px) {
  .testimonial-wrapper .card {
    padding: 50px 30px;
  }
}

.testimonial-wrapper .card::after {
  content: '';
  position: absolute;
  left: 25px;
  bottom: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  clear: both;
}

.testimonial-wrapper .card-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 15px 15px 15px 100px;
  margin-top: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  min-height: 110px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.testimonial-wrapper .card-name p {
  margin: 0;
  color: #fff;
}

.testimonial-wrapper .card-name img {
  left: 10px;
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.client-wrapper {
  margin: 80px 0;
}

#client-slider {
  margin-top: 25px;
}

#client-slider .owl-dots {
  text-align: center;
}

#client-slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  display: inline-block;
  border-radius: 35px;
  background-color: #ccc;
}

#client-slider .owl-dots button.owl-dot.active {
  background-color: #01a4bd;
}

.blog-section figure {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.blog-section figure::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.blog-section figure::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 9;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: .5s all;
  transition: .5s all;
}

.blog-section figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.blog-section figure figcaption {
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: -5px;
}

.blog-section figure:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog-section figure:hover .btn-zoom {
  opacity: 1;
  z-index: 99;
  position: relative;
}

.blog-section figure:hover::before {
  opacity: 1;
}

.blog-section .btn-zoom {
  border: 0;
  background-color: transparent;
  font-size: 30px;
  color: #fff;
  -webkit-transition: .5s all;
  transition: .5s all;
  opacity: 0;
}

.footer-block {
  background-color: #428bca;
  color: #fff;
}

.footer-block .color-blue {
  color: #01a4bd;
  font-weight: 500;
}

.footer-block .footer-main {
  padding: 10px 15px 0px;
}

@media (max-width: 576px) {
  .footer-block .footer-main {
    padding: 30px 20px;
  }
}

.footer-block .footer-main h4 {
  font-size: 15px;
  position: relative;
  margin-bottom: 22px;
}

.footer-block .footer-main h4::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 1px;
  bottom: -10px;
  left: 0;
  background-color: #fff;
}

.footer-block .footer-main a {
  display: block;
  color: #fff;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 300;
}

.footer-block .footer-main p {
  font-size: 12px;
  margin-bottom: 6px;
}

.footer-block .copyrights {
  background-color: transparent;
  padding: 20px 0px;
  border-top: 1px solid #ccc;
}

.footer-block .copyrights h2 {
  font-family: 'Galada', cursive;
}

.social-icons ul {
  margin: 20px 0 0;
  padding: 0;
}

.social-icons p {
  margin: 20px 0 0;
}

.social-icons li {
  float: left;
}

.social-icons li a {
  padding: 5px 5px !important;
}

.social-icons li a i {
  color: #fff;
  font-size: 1.4rem;
}

.social-icons-black p {
  margin: 20px 0 0;
}

.social-icons-black ul {
  margin-left: -10px;
}

.social-icons-black li {
  display: inline-block;
  margin: 0 15px;
}

.social-icons-black li a {
  padding: 5px 5px !important;
}

.social-icons-black li a i {
  color: #3170ff;
  font-size: 2.2rem;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.social-icons-black li a i:hover {
  color: #000;
}

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

.footer-links li {
  position: relative;
  padding: 5px 5px 5px 30px;
  font-size: 14px;
}

.footer-links li i {
  position: absolute;
  left: 0;
}

.footer-info {
  padding: 0 100px 0 0;
}

.col-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.col-two .col-50 {
  width: 125px;
  padding: 5px 10px 5px 0;
}

.col-two a.dropdown-item {
  color: #000 !important;
}

.block-header .dropdown-menu {
  border: 0;
  border-radius: 0px;
  padding: 15px;
  -webkit-transition: .5s all ease-in-out !important;
  transition: .5s all ease-in-out !important;
  top: 150px;
}

.block-header .dropdown-menu.show {
  top: 100%;
}

.block-header a.submenu {
  font-weight: 700 !important;
  position: relative;
  text-align: left;
  padding: 6px 0 !important;
}

.block-header a.submenu::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 80px;
  height: 1px;
  background-color: #1b8ccd;
}

.menu-has-sub {
  font-weight: 700 !important;
  position: relative;
  text-align: left;
  font-size: 14px;
  padding: 6px 0 !important;
}

.menu-has-sub::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 80px;
  height: 1px;
  background-color: #1b8ccd;
}

.block-header .nav-block li a:hover {
  color: #1b8ccd;
}

.block-header .nav-block li a.active {
  color: #1b8ccd !important;
  font-weight: 700;
}

a.dropdown-item:hover {
  color: #1b8ccd !important;
  background-color: transparent;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu a {
  display: block;
  text-decoration: none;
}

.menu > li {
  display: block;
  position: relative;
}

.sub-menu {
  background-color: #fff;
  clip: rect(1px, 1px, 1px, 1px);
  opacity: 0.1;
  -webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
  transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1), -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1);
  -webkit-transform: translateY(-10px) scaleY(0.5);
          transform: translateY(-10px) scaleY(0.5);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  list-style: none;
  margin: 0;
  padding: 15px 20px;
  position: absolute;
  top: 100%;
  left: 0;
}

.sub-menu:hover {
  color: #01a4bd;
}

.dropdown-item.active, .dropdown-item:active {
  color: #01a4bd;
  text-decoration: none;
  background-color: transparent;
}

.menu > li:hover > .sub-menu {
  clip: auto;
  opacity: 1;
  -webkit-transform: translateY(0) scaleY(1);
          transform: translateY(0) scaleY(1);
}

.block-header .nav-block {
  padding-right: 85px;
}

.header-inner {
  position: relative;
  padding: 15px 0;
}

.header-inner .nav-block {
  margin: 25px 0 0;
}

.header-inner .nav-block li a.nav-link {
  color: #000;
}

.header-inner .search-area .btn-search svg {
  fill: #000;
}

.header-inner .search-area .search-box {
  top: 10px;
}

.nav-menu-icons {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.nav-menu-icons li img {
  width: 30px;
  margin: 24px 5px;
}

.page-banner {
  background-image: url(../images/pagetitle-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 0;
  color: #fff;
}

.page-banner h1 {
  text-shadow: 1px 3px 4px #8b9dac;
}

.page-banner2 {
  background-image: url(../images/pagetitle-bg2.jpg);
}

.page-banner3 {
  background-image: url(../images/pagetitle-bg3.jpg);
  background-position: 0 -100px;
  padding: 100px 0;
}

.page-banner4 {
  background-image: url(../images/pagetitle-bg4.jpg);
  background-position: 0 -100px;
  padding: 100px 0;
}

.page-banner5 {
  background-image: url(../images/pagetitle-bg5.jpg);
  background-position: 0 -100px;
  padding: 140px 0;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumbs li {
  padding: 5px 15px;
}

.breadcrumbs li a, .breadcrumbs li {
  color: #fff;
  text-shadow: 1px 2px 2px #627d93;
}

.breadcrumbs li.arrows {
  padding: 5px 0px;
}

ul {
  margin: 0;
  padding: 0;
}

.cd-main-content {
  overflow-x: hidden;
}

.about-page {
  padding: 75px 0;
}

@media (max-width: 768px) {
  .about-page {
    padding: 20px 0;
  }
}

.about-page .tags-head {
  color: #939598;
  margin-top: 50px;
}

.about-page h1 {
  color: #231f20;
  position: relative;
  font-size: 3.2rem;
  font-family: 'Galada', cursive;
  padding-bottom: 20px;
  margin: 0 0 30px;
}

.about-page h1::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100px;
  height: 3px;
  background-color: #1b8ccd;
}

.video-section .vh-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video-section .btn-play {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #1b8ccc;
}

.video-section .btn-play i {
  color: #fff;
  font-size: 1.5rem;
}

.meet-team {
  padding: 75px 0;
}

.meet-team figure {
  margin: 35px 0 0;
}

.meet-team figcaption {
  text-align: center;
}

.meet-team figcaption h6 {
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Mulish', sans-serif;
  margin: 15px 0 10px;
}

.blog-page {
  padding: 75px 0;
}

@media (max-width: 768px) {
  .blog-page {
    padding: 20px 0;
  }
}

.blog-box {
  position: relative;
}

.blog-box img {
  width: 100%;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-box .blog-date {
  position: absolute;
  top: 30px;
  left: 20px;
  width: 85px;
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  background-color: #fff;
}

.blog-box .blog-date p {
  border-bottom: 2px solid #01a4bd;
  font-weight: 600;
}

.blog-info {
  margin-bottom: 50px;
}

.blog-info .blog-tags {
  color: #939598;
}

.blog-info h5 {
  color: #231f20;
  font-weight: 700;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.blog-info h5::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #1b8ccd;
}

.blog-info p {
  color: #939598;
}

.blog-info a.view-more {
  color: #231f20;
  border-bottom: 2px solid #231f20;
}

.blog-side h4 {
  border-bottom: 1px solid #d1d2d4;
  font-family: 'Kulim Park', sans-serif;
  letter-spacing: 3px;
  font-size: 16px;
  font-weight: 700;
  color: #231f20;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

.blog-side .form-control {
  color: #495057;
  background-color: #f3f3f4;
  border: 0px solid #ced4da;
  border-radius: 0;
}

.blog-side .input-group-text {
  background-color: #000;
  border: 0px solid #ced4da;
  border-radius: 0;
  color: #fff;
}

.blog-side .input-group {
  margin: 15px 0;
}

.blog-side ul {
  margin-bottom: 30px;
}

.blog-side ul li a {
  color: #000;
  display: block;
  margin-bottom: 10px;
}

.post-cards {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d2d4;
}

.post-cards img {
  height: 70px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.post-cards p {
  margin-bottom: 0;
  color: #939598;
  line-height: 18px;
  font-size: 13px;
}

.post-cards p span {
  font-weight: 700;
  color: #231f20;
}

.contact-page {
  padding: 75px 0;
  font-family: 'Mulish', sans-serif;
}

@media (max-width: 768px) {
  .contact-page {
    padding: 30px 0;
  }
}

.btn-submit {
  background-color: #f66842;
  width: 100%;
  border-radius: 0;
  color: #fff;
  letter-spacing: 2px;
  margin: 15px 0;
  padding: 10px;
}

.form-materials {
  font-family: 'Mulish', sans-serif;
}

.form-materials ::-webkit-input-placeholder {
  color: #231f20;
  opacity: 1;
}

.form-materials :-ms-input-placeholder {
  color: #231f20;
  opacity: 1;
}

.form-materials ::-ms-input-placeholder {
  color: #231f20;
  opacity: 1;
}

.form-materials ::placeholder {
  color: #231f20;
  opacity: 1;
}

.form-materials :-ms-input-placeholder {
  color: #231f20;
}

.form-materials ::-ms-input-placeholder {
  color: #231f20;
}

.form-materials .group {
  position: relative;
  margin: 20px 0;
}

.form-materials textarea {
  resize: none;
}

.form-materials input,
.form-materials textarea {
  background: none;
  color: #231f20;
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  border: none;
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid #231f20;
}

.form-materials input:focus,
.form-materials textarea:focus {
  outline: none;
}

.form-materials input:focus ~ label, .form-materials input:valid ~ label,
.form-materials textarea:focus ~ label,
.form-materials textarea:valid ~ label {
  top: -14px;
  font-size: 12px;
  color: #428bca;
}

.form-materials input:focus ~ .bar:before,
.form-materials textarea:focus ~ .bar:before {
  width: 100%;
}

.form-materials input[type=password] {
  letter-spacing: 0.3em;
}

.form-materials label {
  color: #231f20;
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

.form-materials .bar {
  position: relative;
  display: block;
  width: 100%;
}

.form-materials .bar:before {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: #428bca;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  left: 0%;
}

.list-points {
  font-family: 'Mulish', sans-serif;
  margin: 0;
  padding: 0 0 0 20px;
}

.list-points li {
  list-style-type: disc;
  font-size: 14px;
}

.title-h2 {
  font-weight: 700;
  color: #428bca;
  margin-bottom: 30px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #428ac8;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0;
}

.custom-checkbox {
  margin-bottom: 16px;
}

.form-control {
  border-radius: 0px;
}

#custom-button {
  padding: 6px 20px;
  color: #428bca;
  background-color: transparent;
  border: 2px solid #428bca;
  border-radius: 0px;
  cursor: pointer;
}

#custom-button:hover {
  color: #fff;
  background-color: #428bca;
}

#custom-text {
  margin-left: 10px;
  color: #aaa;
}

.quote-forms .form-control {
  margin-bottom: 30px;
}

.btn-submit2 {
  background-color: #f66842;
  border-radius: 0;
  color: #fff;
  letter-spacing: 2px;
  margin: 15px 0;
  padding: 10px;
  padding: 10px 60px;
  font-size: 13px;
}

.supply-logo {
  border: 1px solid #ccc;
}

@media (min-width: 991px) {
  .col-five {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

.testimonial-wrapper {
  position: relative;
}

.testimonial-wrapper::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.testimonial-wrapper .owl-carousel .owl-nav.disabled {
  display: block;
}

.testimonial-wrapper .owl-nav {
  position: absolute;
  right: 0;
  top: 0;
}

.testimonial-wrapper .owl-nav img {
  width: 35px;
}

.submenu-third {
  display: none;
  margin: 0;
  padding: 0;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}

.submenu:hover .submenu-third {
  display: block;
  margin-top: 15px;
}

.submenu:hover .submenu-third a {
  color: #808285;
  display: block;
  padding: 3px 0;
  font-size: 13px;
  font-family: 'Mulish', sans-serif;
}

.block-header .dropdown-item:focus, .block-header .dropdown-item:hover {
  background-color: transparent;
}

.block-header .dropdown-item {
  padding-left: 0;
  padding-right: 0;
}

.himg-100 {
  height: 100%;
}

.himg-100 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.f-logo {
  width: 160px;
}

.menu-has-sub > a {
  padding: 5px 0 !important;
  color: #000 !important;
}

.menu-has-sub > a:hover {
  color: #1b8ccd !important;
}
.col-two {

    display: flex;
    justify-content: flex-start;
    width: 250px;
    flex-wrap: wrap;
}
.footer-links.contact li a {
    color: #000 !important;
}
.pro-catsection .btn-explore {
    color: #fff;
}
.btn-explore:hover {
     color: #fff;
}
.btn:hover {
    color: #212529 !important;
    text-decoration: none;
}

#accordion {
  list-style: none;
  padding: 15px;
  width: 100%;
}

#accordion li > a {
  border-bottom: 1px solid #ccc;
  padding: 8px 0;
  font-weight: bold;
}

#accordion li > ul {
  margin-left: 10px;
}

#accordion li > ul a {
  padding: 8px 0;
  display: block;
  color: #000;
}

#accordion div {
  display: block;
  font-weight: bold;
  margin: 1px;
  cursor: pointer;
  padding: 5 5 5 7px;
  list-style: circle;
  border-radius: 10px;
}

#accordion ul {
  list-style: none;
  padding: 0 0 0 0;
}

#accordion ul {
  display: none;
}

#accordion ul li {
  cursor: auto;
  padding: 0 0 0 7px;
}

#accordion a {
  text-decoration: none;
}

#accordion a:hover {
  color: #1b8ccd !important;
}

.pro-catsection figure img {
    width: 100%;
}
.meet-team figure img {
  width: 100%;
}
@media (min-width: 2600px) {
  .container {
    max-width: 2200px;
  }
}

@media (min-width: 3500px) {
  .container {
    max-width: 3000px;
  }
}

@media (min-width: 3000px) {
  .block-header .nav-block li a {
    font-size: 2rem;
  }
  .footer-block .footer-main p, .footer-block .footer-main a {
    font-size: 2rem;
  }
  .footer-block .footer-main h4 {
    font-size: 2.5rem;
  }
  .footer-links li {
    font-size: 2rem;
  }
  .social-icons li a i {
    font-size: 2rem;
  }
  .footer-links li {
    padding: 6px 5px 6px 50px;
  }
  p {
    font-size: 2rem;
    line-height: 3rem;
  }
  .h1, h1 {
    font-size: 4rem;
  }
  .h2, h2 {
    font-size: 3.6rem;
  }
  .h4, h4 {
    font-size: 3rem;
  }
  .h5, h5 {
    font-size: 2.5rem;
  }
  .h6, h6 {
    font-size: 1.8rem;
  }
  .btn-explore {
    font-size: 2rem;
  }
  .search-area .btn-search svg {
    width: 55px;
    height: 50px;
  }
  .about-page h1 {
    font-size: 5rem;
  }
  .form-materials label, .form-materials input, .form-materials textarea, .form-control, .custom-checkbox {
    font-size: 1.7rem;
  }
  .list-points li {
    font-size: 2rem;
  }
  .btn {
    font-size: 2rem;
  }
}
.shop_now_btn {
    color: #3e7fb7;
    padding: 7px 15px;
    position: relative;
    border: 1px solid #4081b9;
    margin-top: -3px;
}
/*# sourceMappingURL=stylesV2.css.map */