/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Common
# Topbar
# Main Menu
# Footer
# Search Popup
# Sidemenu
# Banner
# Blog
	## Blog Details
	## Comments
# Page Header
# Contact
	## Contact Info
# Sidebar
# Mailchimp
# Brand
# Team
# Call To Action
# Gallery
# Error 404
# Video
# Testimonials
# FAQ
# Tour
	## Tour Sidebar
# Destinations
# Features
# Funfact
# Tour Search
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/

/*

font-family: 'Abril Fatface', cursive;
font-family: 'Shadows Into Light', cursive;
font-family: 'Rubik', sans-serif;


*/

:root {
  --thm-font: "Rubik", sans-serif;
  --thm-font-shadows: "Shadows Into Light", cursive;
  --thm-font-abril: "Abril Fatface", cursive;
  --thm-base: #5976ba;
  --thm-base-rgb: 257, 155, 0;
  /*--thm-primary: #ff6d12;*/
  --thm-primary: #5976ba;
  --thm-primary-rgb: 255, 109, 18;
  --thm-black: #2c2734;
  --thm-black-rgb: 44, 39, 52;
  --thm-gray: #88858e;
  --thm-border-radius: 8px;
}

body {
  font-family: var(--thm-font);
  color: var(--thm-gray);
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
}

button:focus {
  outline: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--thm-black);
  font-family: var(--thm-font);
  font-weight: 400;
}

ul,
li {
  margin: 0;
  padding: 0;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

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

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.block-title {
  margin-bottom: 10px;
  margin-top: -11px;
}

.block-title h4 {
  position: relative;
  font-size: 30px;
  color: var(--thm-primary);
  line-height: 40px;
  display: inline-block;
  font-family: var(--thm-font);
}

.block-title h2 {
  font-size: 50px;
  line-height: 60px;
}

.thm-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none;
  background-color: var(--thm-primary);
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  padding: 16.5px 60px;
  border-radius: 33.5px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.thm-btn:hover {
  background-color: var(--thm-black);
  color: #ffffff;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show > .btn-light.dropdown-toggle {
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-select > .dropdown-toggle {
  box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}

.bootstrap-select .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--thm-gray);
}

.bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--thm-primary);
  color: #fff;
}

.bootstrap-select .dropdown-menu > li > a {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 20px;
  color: #ffffff;
  background: var(--thm-black);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu > li > a:hover {
  background: var(--thm-primary);
  color: #fff;
  cursor: pointer;
}

/* datepicker */

.datepicker.dropdown-menu {
  min-width: 17rem;
}

.datepicker table {
  width: 100%;
}

.post-pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.post-pagination a {
  border-radius: 50%;
  background-color: var(--thm-gray);
  color: #9ca3a9;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 57px;
  height: 57px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.post-pagination a:hover {
  background-color: var(--thm-primary);
  color: #fff;
}

.post-pagination a.active {
  background-color: var(--thm-base);
  color: #fff;
  cursor: auto;
}

.post-pagination a + a {
  margin-left: 15px;
}

/* owl dots style */

.thm__owl-carousel .owl-dots {
  margin-top: 20px;
}

.thm__owl-carousel .owl-dots .owl-dot {
  outline: none;
}

.thm__owl-carousel .owl-dots .owl-dot span {
  margin: 0 2.5px;
  padding: 0;
  width: 14px;
  height: 14px;
  background-color: var(--thm-gray);
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm__owl-carousel .owl-dots .owl-dot:hover span,
.thm__owl-carousel .owl-dots .owl-dot.active span {
  background-color: var(--thm-primary);
}

.thm__owl-carousel.light-dots .owl-dots .owl-dot span {
  background-color: #fff;
}

.thm__owl-carousel.light-dots .owl-dots .owl-dot:hover span,
.thm__owl-carousel.light-dots .owl-dots .owl-dot.active span {
  background-color: var(--thm-primary);
}

.preloader {
  position: fixed;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}

.preloader__image {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.scroll-to-top {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #ff8759;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
  border-radius: 50%;
  transition: all 0.4s ease;
}

.scroll-to-top i {
  color: #ffffff;
  font-size: 18px;
  line-height: 45px;
}

.scroll-to-top:hover {
  background: var(--thm-black);
}

.scroll-to-top:hover i {
  color: #fff;
}

/* Cursor Style */
.cursor {
  position: absolute;
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  z-index: 1;
  -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
    0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
    0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
    0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: hidden;
}

.cursor {
  visibility: visible;
}

.cursor.active {
  opacity: 0.5;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.cursor.hovered {
  opacity: 0.08;
}

.cursor-follower {
  position: absolute;
  background-color: RGBA(255, 255, 255, 0.3);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  z-index: 1;
  -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
    0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
    0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
    0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
    0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  visibility: hidden;
}

.cursor-follower {
  visibility: visible;
}

.cursor-follower.active {
  opacity: 0.7;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.cursor-follower.hovered {
  opacity: 0.08;
}

.cursor-follower.close-cursor:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 2px;
  background: #fff;
  left: 48%;
  top: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
}

.cursor-follower.close-cursor:after {
  position: absolute;
  content: "";
  height: 25px;
  width: 2px;
  background: #fff;
  right: 48%;
  top: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* custom animations */

@keyframes btnIconMove {
  0% {
    transform: rotate(0deg) translate(0px, 0px);
  }

  50% {
    transform: rotate(20deg) translate(10px, 0px);
  }

  100% {
    transform: rotate(0deg) translate(0px, 0px);
  }
}

@keyframes ImgBounce {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(5px);
  }

  50% {
    transform: translateY(10px);
  }

  75% {
    transform: translateY(5px);
  }

  100% {
    transform: translateY(0px);
  }
}

/*--------------------------------------------------------------
    Site Header Header one wrap
--------------------------------------------------------------*/
.site-header__header-one-wrap {
  position: relative;
  display: block;
  background: #5976ba;
}

.site-header__logo-box {
  position: relative;
  display: block;
  max-width: 190px;
  width: 100%;
  padding: 22px 0;
}

.header-navigation.original .container {
  padding: 0;
}

.header-navigation.original .main-nav__main-navigation .logo {
  display: none;
}

.main-nav__header-one {
  position: relative;
  display: block;
  max-width: 980px;
  width: 100%;
  float: right;
}

.main-nav__header-one:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background: transparent;
  content: "";
}

.main-nav__header-one__top {
  position: relative;
  display: block;
  background: var(--thm-black);
  padding: 2px 0;
}

.main-nav__header-one__top:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  left: 0;
  right: -100000000px;
  background: var(--thm-black);
  z-index: 0;
}

.main-nav__header-one__top-left {
  position: relative;
  display: block;
  float: left;
  padding-left: 40px;
}

.main-nav__header-one__top-left li {
  position: relative;
  display: inline-block;
  padding-left: 23px;
}

.main-nav__header-one__top-left li + li {
  margin-left: 36px;
}

.main-nav__header-one__top-left ul li .icon {
  position: absolute;
  top: -2px;
  left: 0;
}

.main-nav__header-one__top-left ul li .icon i {
  color: #fff;
  font-size: 13px;
}

.main-nav__header-one__top-left ul li .text p {
  font-size: 14px;
  margin: 0;
}

.main-nav__header-one__top-left ul li .text p a {
  color: #b5b1bc;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-nav__header-one__top-left ul li .text p a:hover {
  color: var(--thm-primary);
}

.main-nav__header-one__top-right {
  position: relative;
  display: block;
  float: right;
}

.main-nav__header-one__top-social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.main-nav__header-one__top-social a {
  font-size: 15px;
  color: #b5b1bc;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-nav__header-one__top-social a + a {
  margin-left: 40px;
}

.main-nav__header-one__top-social a:hover {
  color: var(--thm-primary);
}

.main-nav__left-one {
  position: relative;
  display: block;
  /* padding-left: 40px; */
}

.stricked-menu .main-nav__left-one {
  padding-left: 0;
}

.main-nav__main-navigation {
  position: relative;
  display: block;
}

.main-nav__main-navigation .main-nav__navigation-box {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.main-nav__main-navigation .main-nav__navigation-box,
.main-nav__main-navigation .main-nav__navigation-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-nav__main-navigation .main-nav__navigation-box > li + li {
  margin-left: 40px;
}

.main-nav__main-navigation .main-nav__navigation-box > li {
  position: relative;
  padding: 33px 0px 33px;
}

.main-nav__main-navigation .main-nav__navigation-box > li > a {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.main-nav__main-navigation .main-nav__navigation-box > li > a:before {
  position: absolute;
  left: 0;
  bottom: -3px;
  right: 0;
  height: 2px;
  background: #ff8759;
  content: "";
  transform: scaleX(0.5);
  opacity: 0;
  transition: all 500ms ease;
  z-index: -1;
}

.main-nav__main-navigation .main-nav__navigation-box > li:hover > a,
.main-nav__main-navigation .main-nav__navigation-box > li.current > a,
.main-nav__main-navigation
  .main-nav__navigation-box
  > li.current-menu-item
  > a {
  color: #fff;
  font-weight: bold;
}

.main-nav__main-navigation .main-nav__navigation-box > li:hover > a:before,
.main-nav__main-navigation .main-nav__navigation-box > li.current > a:before,
.main-nav__main-navigation
  .main-nav__navigation-box
  > li.current-menu-item
  > a:before {
  opacity: 1;
  transform: scaleX(1);
}

/* Dropdown menu */
.main-nav__main-navigation .dropdown-btn {
  display: none;
}

.main-nav__main-navigation .main-nav__navigation-box > li ul {
  position: absolute;
  width: 230px;
  background-color: #fff;
  border-top: 0px solid #f7f6f6;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -webkit-transform-origin: top;
  transform-origin: top;
  visibility: hidden;
  opacity: 0;
  z-index: 991;
  -webkit-transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease,
    -webkit-transform 500ms ease;
}

.main-nav__main-navigation .main-nav__navigation-box > li ul > li {
  position: relative;
}

.main-nav__main-navigation .main-nav__navigation-box > li ul > li + li {
  border-top: 1px solid #f7f6f6;
}

.main-nav__main-navigation .main-nav__navigation-box > li ul > li > a {
  display: block;
  color: var(--thm-gray);
  font-size: 16px;
  word-break: break-all;
  padding-top: 9.5px;
  padding-bottom: 9.5px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-transform: capitalize;
}

.main-nav__main-navigation .main-nav__navigation-box > li ul > li:hover > a {
  background: var(--thm-base);
  color: #ffffff;
}

/* Second level menu */
.main-nav__main-navigation .main-nav__navigation-box > li > ul {
  top: 100%;
  left: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);

  visibility: hidden;
  opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box > li:hover > ul {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

/* Third level menu */
.main-nav__main-navigation .main-nav__navigation-box > li > ul > li > ul {
  top: 0;
  left: 100%;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  visibility: hidden;
  opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box > li > ul > li:hover > ul {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  visibility: visible;
  opacity: 1;
}

/* After Third level menu */
.main-nav__main-navigation
  .main-nav__navigation-box
  > li
  > ul
  > li
  > ul
  > li
  ul {
  display: none;
}

.main-nav__right {
  position: relative;
  display: block;
}

.main-nav__right-one {
  position: relative;
  display: block;
}

.main-nav__right-one:before {
  position: absolute;
  top: 28px;
  left: -30px;
  bottom: 28px;
  width: 1px;
  content: "";
  background: #eae5e3;
}

.main-nav__right__btn-one {
  position: relative;
  display: block;
  float: right;
  padding: 28px 0;
}

.main-nav__right__btn-one a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  background: #ff8759;
  display: inline-block;
  padding: 5px 30px;
  border-radius: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-nav__right__btn-one a i {
  padding-right: 7px;
  position: relative;
  top: 2px;
}

.main-nav__right__btn-one a:hover {
  background: var(--thm-black);
  color: #fff;
}

.main-nav__right__icon-cart-box {
  position: relative;
  display: block;
  float: right;
  margin-right: 30px;
  padding: 33px 0;
}

.main-nav__right__icon-cart-box a span {
  font-size: 24px;
  color: var(--thm-black);
}

.main-nav__right__icon-search-box {
  position: relative;
  display: block;
  float: right;
  margin-right: 28px;
  padding: 33px 0;
}

.main-nav__right__icon-search-box .main-nav__search i {
  font-size: 24px;
  color: var(--thm-black);
}

/* stricky Menu Css */
.stricked-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #5976ba;
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
  opacity: 0;
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.stricked-menu.stricky-fixed {
  opacity: 1;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.stricked-menu .logo_one {
  padding: 26.5px 0;
}

/*================= Side Menu Toggler Icon ==================*/
.main-nav__left {
  position: relative;
  display: block;
}

.main-nav__left .side-menu__toggler {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  font-size: 20px;
  color: #fff;
}

/*--------------------------------------------------------------
# Site Header Header Two Wrap
--------------------------------------------------------------*/
.site-header__header-two-wrap {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 999;
  transition: all 500ms ease;
}

.site-header__header-tow-wrap__container {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 60px;
}

.site-header__header-two-wrap__top {
  position: relative;
  display: block;
  background: var(--thm-black);
}

.site-header__header-tow-wrap__top-inner {
  position: relative;
  display: block;
  padding: 2px 0;
}

.site-header__header-tow-wrap__top-inner__left ul li {
  position: relative;
  display: inline-block;
  padding-left: 23px;
}

.site-header__header-tow-wrap__top-inner__left ul li + li {
  margin-left: 34px;
}

.site-header__header-tow-wrap__top-inner__left ul li .icon {
  position: absolute;
  top: -2px;
  left: 0;
}

.site-header__header-tow-wrap__top-inner__left ul li .icon i {
  color: var(--thm-base);
  font-size: 13px;
}

.site-header__header-tow-wrap__top-inner__left ul li .text p {
  font-size: 14px;
  margin: 0;
}

.site-header__header-tow-wrap__top-inner__left ul li .text p a {
  color: #b5b1bc;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-header__header-tow-wrap__top-inner__left ul li .text p a:hover {
  color: var(--thm-primary);
}

.site-header__header-tow-wrap__top-inner__right {
  position: relative;
  display: block;
}

.site-header__header-tow-wrap__top-inner__social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.site-header__header-tow-wrap__top-inner__social a {
  font-size: 15px;
  color: #b5b1bc;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-header__header-tow-wrap__top-inner__social a + a {
  margin-left: 40px;
}

.site-header__header-tow-wrap__top-inner__social a:hover {
  color: var(--thm-primary);
}

.main-nav__header-two {
  position: relative;
  display: block;
  background: rgba(44, 39, 52, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-nav__header-two__container {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 60px;
}

.main-nav__header-two__container .main-nav__right__btn-one a:hover {
  background-color: #fff;
  color: var(--thm-black);
}

.main-nav__left-two {
  position: relative;
  display: block;
}

.main-nav__left-two .logo-two {
  position: relative;
  display: block;
  padding: 31px 0;
}

.main-nav__left-two .logo-two a {
  display: inline-block;
}

.main-nav__main-navigation__two {
  margin-left: auto;
  margin-right: auto;
}

.main-nav__header-two
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li
  + li {
  margin-left: 59px;
}

.main-nav__header-two .main-nav__right_one {
  position: relative;
  display: block;
  margin-left: 60px;
}

.main-nav__header-two
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li {
  position: relative;
  padding: 33px 0px 33px;
}

.main-nav__header-two
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li
  > a {
  color: #ffffff;
  text-transform: capitalize;
}

.main-nav__header-two
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li
  > a:hover {
  color: var(--thm-primary);
}

.main-nav__header-two
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li:hover
  > a,
.main-nav__header-two
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li.current
  > a {
  color: var(--thm-primary);
}

.main-nav__right-two .main-nav__right__icon-search-box .main-nav__search i {
  font-size: 24px;
  color: #ffffff;
  transition: all 500ms ease;
}

.main-nav__right-two .main-nav__right__icon-cart-box a:hover span,
.main-nav__right-two
  .main-nav__right__icon-search-box
  .main-nav__search:hover
  i {
  color: var(--thm-base);
}

.main-nav__right-two .main-nav__right__icon-cart-box a span {
  font-size: 24px;
  transition: all 500ms ease;
  color: #ffffff;
}

.stricked-menu .main-nav__header-two__content-box {
  position: relative;
  width: 100%;
  padding: 0 60px;
}

.main-nav__header-two .stricked-menu {
  background: var(--thm-black);
}

.main-nav__header-two__content-box {
  display: flex;
  align-items: center;
}

.main-nav__header-two__content-box .main-nav__right__icon-cart-box,
.main-nav__header-two__content-box .main-nav__right__icon-search-box {
  float: none;
}

.main-nav__right-two {
  display: flex;
}

/*--------------------------------------------------------------
# Site Header Header three Wrap
--------------------------------------------------------------*/
.site-header__header-three-wrap {
  position: absolute;
  left: 0px;
  top: 40px;
  width: 100%;
  z-index: 999;
  transition: all 500ms ease;
}

.main-nav__header-three {
  position: relative;
  display: block;
  background: #ffffff;
  border-radius: var(--thm-border-radius);
}

.main-nav__left-three {
  position: relative;
  display: block;
  max-width: 210px;
  width: 100%;
  background: #f7f4f2;
  padding-left: 35px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.main-nav__left-three .logo {
  padding: 41px 0;
}

.main-nav__main-navigation__three {
  margin-left: 50px;
}

.main-nav__right-three {
  position: relative;
  display: block;
  padding-right: 35px;
}

.stricked-menu .main-nav__right-three {
  padding-right: 0;
}

.main-nav__right-three:before {
  position: absolute;
  top: 38px;
  bottom: 38px;
  content: "";
  width: 1px;
  left: -30px;
  background: #eae5e3;
}

.main-nav__right-three .main-nav__right__btn-one {
  padding: 38px 0;
}

.main-nav__right-three .main-nav__right__icon-cart-box {
  padding: 43px 0;
}

.main-nav__right-three .main-nav__right__icon-search-box {
  padding: 43px 0;
}

.main-nav__header-three
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li
  + li {
  margin-left: 49px;
}

.main-nav__header-three
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li {
  padding: 43px 0;
}

.main-nav__header-three
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li
  > a {
  color: var(--thm-gray);
  text-transform: capitalize;
}

.main-nav__header-three
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li:hover
  > a,
.main-nav__header-three
  .main-nav__main-navigation
  .main-nav__navigation-box
  > li.current
  > a {
  color: var(--thm-black);
}

.main-nav__header-three .stricked-menu {
  background: #ffffff;
}

.stricked-menu .main-nav__header-three__content-box {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* stricky Menu Css */
.header_three_wrap .stricked-menu {
  background-color: #ffffff;
}

@media (min-width: 1200px) {
  .main-nav__left .side-menu__toggler {
    display: none;
  }

  .main-nav__main-navigation {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }

  .mobile_menu_icon_two .side-menu__toggler {
    display: none;
  }

  .mobile_menu_icon_three .side-menu__toggler {
    display: none;
  }
}

/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider {
  overflow: hidden;
  position: relative;
}

.main-slider .swiper-slide {
  position: relative;
}

.main-slider .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transform-origin: top center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 7000ms ease;
  transition: -webkit-transform 7000ms ease;
  transition: transform 7000ms ease;
  transition: transform 7000ms ease, -webkit-transform 7000ms ease;
}

.main-slider .image-layer:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  /*background: rgba(35, 31, 41, .30);*/
  z-index: -1;
}

.main-slider .swiper-slide__inner {
  position: relative;
  display: block;
  text-align: center;
  padding-top: 207px;
  padding-bottom: 210px;
}

.main-slider p {
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: 40px;
  color: #ffffff;
  font-family: var(--thm-font-shadows);
  line-height: 50px;
  opacity: 0;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease,
    -webkit-transform 2000ms ease;
}

.main-slider p:before {
  position: absolute;
  bottom: -10px;
  left: -11px;
  right: 0px;
  height: 18px;
  width: 322px;
  background-image: url(../images/main-slider-line-shape.png);
  background-repeat: no-repeat;
  content: "";
  z-index: -1;
}

.main-slider h2 {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 41px;
  color: #fff;
  font-size: 90px;
  line-height: 160px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(90px);
  transform: translateY(90px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease,
    -webkit-transform 2000ms ease;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.main-slider h2.first-h2 {
  line-height: 80px;
  font-size: 70px;
}

.main-slider .thm-btn {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition-delay: 2500ms;
  transition-delay: 2500ms;
  -webkit-transition: opacity 2000ms ease, color 500ms ease,
    background 500ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, color 500ms ease, background 500ms ease,
    -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease,
    background 500ms ease, -webkit-transform 2000ms ease;
}

.main-slider .thm-btn:hover {
  background: var(--thm-black);
  color: #ffffff;
}

.main-slider .swiper-slide-active .image-layer {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.main-slider .swiper-slide-active .thm-btn,
.main-slider .swiper-slide-active h2,
.main-slider .swiper-slide-active p {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

#main-slider-pagination {
  z-index: 10;
  width: 100%;
  margin: 0 auto;
  bottom: 112px;
}

#main-slider-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #fff;
}

#main-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 3px;
}

#main-slider-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.main-slider-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1170px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 9;
  justify-content: space-between;
}

.main-slider-three .main-slider-nav {
  max-width: calc(1170px + 130px);
}

.main-slider-button-prev {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  font-size: 25px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  transform: rotate(-180deg);
  opacity: 0.3;
  transition: 0.5s;
  line-height: 65px;
}

.main-slider-button-next {
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  font-size: 25px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  opacity: 0.3;
  transition: 0.5s;
}

.main-slider-button-prev,
.main-slider-button-next:focus {
  outline: none;
}

.main-slider-button-prev:hover,
.main-slider-button-next:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
# Main Slider Two
--------------------------------------------------------------*/
.main-slider-two {
  overflow: hidden;
  position: relative;
}

.main-slider-two .swiper-slide__inner {
  position: relative;
  display: block;
  text-align: left;
  padding-top: 327px;
}

.main-slider-two p:before {
  display: none;
}

.main-slider-two #main-slider-pagination {
  left: auto;
  right: 50%;
  text-align: right;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  transform: translate(50%, calc(-50% + 40px));
  z-index: 10;
  bottom: auto;
  top: 50%;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 1170px;
}

.main-slider-two #main-slider-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  opacity: 0.5;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
}

.main-slider-two
  #main-slider-pagination
  .swiper-pagination-bullet
  + .swiper-pagination-bullet {
  margin-top: 6px;
}

.main-slider-two
  #main-slider-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

/*--------------------------------------------------------------
# Main Slider Three
--------------------------------------------------------------*/

.main-slider-three .swiper-slide__inner {
  position: relative;
  display: block;
  padding: 374px 0 215px;
}

.swiper-slide__inner-shape {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.main-slider-three p {
  font-size: 24px;
  font-family: var(--thm-font);
  line-height: 30px;
  font-weight: 500;
}

.main-slider-three p:before {
  display: none;
}

.main-slider-three h2 {
  color: #fff;
  font-size: 100px;
  line-height: 110px;
  margin-bottom: 33px;
  margin-top: 7px;
}

.main-slider-three .thm-btn {
  background: var(--thm-black);
}

.main-slider-three .thm-btn:hover {
  background: #ffffff;
  color: var(--thm-primary);
}

.main-slider-three #main-slider-pagination {
  bottom: 50px;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/

.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: -webkit-transform 0.7s ease;
  transition: -webkit-transform 0.7s ease;
  transition: transform 0.7s ease;
  transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

.search-popup.active {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.search-popup__overlay {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0.7;
  cursor: none;
}

.search-popup__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.search-popup__form {
  position: relative;
  z-index: 9991;
  width: 100%;
  padding: 15px;
  max-width: 600px;
  position: relative;
}

.search-popup__form input {
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  height: 60px;
  color: var(--thm-black);
  font-size: 18px;
  background-color: white;
  padding-left: 30px;
}

.search-popup__form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--thm-black);
}

.search-popup__form input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--thm-black);
}

.search-popup__form input:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--thm-black);
}

.search-popup__form input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--thm-black);
}

.search-popup__form button[type="submit"] {
  border: none;
  outline: none;
  width: 60px;
  height: 60px;
  color: var(--thm-primary);
  background-color: var(--thm-black);
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.search-popup__form button[type="submit"]:hover {
  color: #ffffff;
  background: var(--thm-primary);
}

/*--------------------------------------------------------------
# MobileNav
--------------------------------------------------------------*/

.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 9999999;
}

.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

.mobile-nav__wrapper.expanded {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--thm-black);
  opacity: 0.8;
  cursor: pointer;
}

.mobile-nav__content {
  width: 300px;
  background-color: #5976ba;
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.mobile-nav__content .header_btn_1 {
  margin-left: 0;
}

.mobile-nav__content .logo-box {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 31px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.mobile-nav__content .main-nav__navigation-box,
.mobile-nav__content .main-nav__navigation-box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  float: none !important;
}

.mobile-nav__content .main-nav__navigation-box {
  margin-top: 40px;
}

.mobile-nav__content .main-nav__navigation-box ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-nav__navigation-box ul li a {
  padding-left: 1em;
}

.mobile-nav__content .main-nav__navigation-box li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-nav__navigation-box li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 30px;
  color: #fff;
  font-size: 15px;
  font-family: var(--thm-font);
  font-weight: 500;
  height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__content .main-nav__navigation-box li a.open {
  color: var(--thm-primary);
}

.mobile-nav__content .main-nav__navigation-box li a button {
  width: 30px;
  height: 30px;
  background-color: var(--thm-primary);
  border: none;
  outline: none;
  color: #fff;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.mobile-nav__content .main-nav__navigation-box li a button.open {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #fff;
  color: var(--thm-black);
}

.mobile-nav__content .main-nav__navigation-box li.cart-btn span {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.mobile-nav__content .main-nav__navigation-box li.cart-btn i {
  font-size: 16px;
}

.mobile-nav__contact .main-nav__right_one {
  display: none;
}

.mobile-nav__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  text-align: center;
}

.mobile-nav__language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__language img {
  border-radius: 50%;
  margin-right: 10px;
}

.mobile-nav__language
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 70px;
}

.mobile-nav__language .bootstrap-select > .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  outline: none;
  color: #fff;
}

.mobile-nav__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__social a {
  font-size: 16px;
  color: #fff;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__social a + a {
  margin-left: 10px;
}

.mobile-nav__social a:hover {
  color: var(--thm-primary);
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 10px;
}

.mobile-nav__contact li {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__contact li + li {
  margin-top: 15px;
}

.mobile-nav__contact li a {
  color: inherit;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__contact li a:hover {
  color: var(--thm-primary);
}

.mobile-nav__contact li > i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--thm-primary);
  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;
  text-align: center;
  font-size: 14px;
  margin-right: 10px;
  color: #fff;
}

.mobile-nav__contact li > i::before {
  font-size: inherit;
}

.mobile-bottom-nav {
  display: none;
}

@media only screen and (max-width: 767px) {
  .mobile-bottom-nav {
    display: block;
  }

  .pc-bottom-nav {
    display: none;
  }

  .about-counter-one .counter-one__single-inner {
    padding: 80px 30px !important;
  }
}

@media (max-width: 575px) {
  .side-menu__block-inner {
    max-width: 480px;
  }
}

@media (max-width: 480px) {
  .side-menu__block-inner {
    max-width: 400px;
  }
}

@media (max-width: 375px) {
  .side-menu__block-inner {
    max-width: 300px;
  }
}

@media (max-width: 575px) {
  .side-menu__top,
  .side-menu__content,
  .mobile-nav__container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .side-menu__sep {
    margin-top: 40px;
    margin-bottom: 40px;
    width: calc(100% - 100px);
  }
}

@media (max-width: 480px) {
  .side-menu__top,
  .side-menu__content,
  .mobile-nav__container {
    padding-left: 10px;
    padding-right: 15px;
  }

  .side-menu__sep {
    width: calc(100% - 50px);
  }

  .side-menu__social {
    margin-top: 40px;
  }

  .side-menu__social a {
    width: 45px;
    height: 45px;
  }
}

/*--------------------------------------------------------------
# Three Icons
--------------------------------------------------------------*/
.feature-one {
  position: relative;
  display: block;
  z-index: 3;
}

.feature-one__inner {
  position: relative;
  display: block;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.08);
  padding: 89px 60px 49px;
  top: -60px;
}

.feature-one__single {
  position: relative;
  display: block;
}

.feature-one__icon-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  padding-left: 30px;
}

.feature-one__icon-box {
  position: relative;
  display: block;
}

.feature-one__icon-box span {
  position: relative;
  display: inline-block;
  font-size: 45px;
  line-height: 45px;
  color: var(--thm-primary);
  position: relative;
  z-index: 2;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.feature-one__single-first-item:hover .feature-one__icon-box span {
  transform: scale(1.2);
}

.feature-one__single-second-item:hover .feature-one__icon-box span {
  transform: scale(1.2);
}

.feature-one__single-third-item:hover .feature-one__icon-box span {
  transform: scale(1.2);
}

.feature-one__icon-box-img {
  position: absolute;
  top: -31px;
  left: -33px;
  background-repeat: no-repeat;
  width: 105px;
}

.feature-one__icon-text-box {
  margin-left: 60px;
}

.feature-one__icon-text-box h4 {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--thm-font);
  font-weight: 500;
}

.feature-one__icons-single-text {
  margin: 0;
}

.feature-one__single-first-item {
  margin-right: 25px;
}

.feature-one__single-second-item {
  margin-left: 11px;
  margin-right: 5px;
}

.feature-one__icon-box-two span {
  color: #0e8ee3;
}

.feature-one__single-third-item {
  margin-left: 25px;
}

.feature-one__icon-box-three span {
  color: #4ac14f;
}

/*--------------------------------------------------------------
# Welcome One
--------------------------------------------------------------*/
.welcome-one {
  position: relative;
  display: block;
  padding-top: 395px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
  margin-top: -335px;
}

.welcome-one:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background: #ffffff;
  height: 136px;
}

.welcome-one-hands {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  height: 327px;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.03;
  z-index: -1;
}

.welcome-one__left {
  position: relative;
  display: block;
  margin-right: 40px;
}

.welcome-one__img {
  position: relative;
  display: block;
}

.welcome-one__img:before {
  position: absolute;
  top: 20px;
  left: -22px;
  bottom: 20px;
  width: 22px;
  content: "";
  background-image: -moz-linear-gradient(90deg, #5976ba 0%, #88abda 100%);
  background-image: -webkit-linear-gradient(90deg, #5976ba 0%, #88abda 100%);
  background-image: -ms-linear-gradient(90deg, #5976ba 0%, #88abda 100%);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.welcome-one__img img {
  width: 100%;
  border-radius: 8px;
}

.welcome-one__badge {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.welcome-one__right {
  position: relative;
  display: block;
  margin-left: 50px;
}

.welcome-one__right .block-title {
  margin-bottom: 40px;
}

.welcome-one__text {
  margin: 0;
}

.welcome-one__list {
  position: relative;
  display: block;
  margin-top: 42px;
  margin-bottom: 115px;
}

.welcome-one__list li {
  font-size: 20px;
  color: var(--thm-black);
  display: flex;
  align-items: center;
}

.welcome-one__list li + li {
  margin-top: 11px;
}

.welcome-one__list li span {
  font-size: 25px;
  color: var(--thm-base);
  margin-right: 20px;
}

.welcome-one__campaigns {
  display: flex;
  align-items: center;
  background: var(--thm-black);
  max-width: 420px;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 33px 50px 30px;
}

.welcome-one__campaigns .iocn span {
  font-size: 65px;
  color: var(--thm-base);
  line-height: 65px;
}

.welcome-one__campaigns .text {
  margin-left: 30px;
}

.welcome-one__campaigns .text h2 {
  color: #ffffff;
  font-size: 46px;
  font-family: var(--thm-font);
  line-height: 48px;
  font-weight: 400;
}

.welcome-one__campaigns .text p {
  color: #b5b1bc;
  margin: 0;
  line-height: 24px;
}

/*--------------------------------------------------------------
# Popular Causes One
--------------------------------------------------------------*/
.popular-causes {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.popular-causes__sinlge {
  position: relative;
  display: block;
}

.popular-causes__img {
  position: relative;
  display: block;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  background: var(--thm-black);
}

.popular-causes__img img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease,
    -webkit-transform 500ms ease;
}

.popular-causes__sinlge:hover .popular-causes__img img {
  opacity: 0.5;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.popular-causes__category {
  position: absolute;
  right: 20px;
  bottom: 0;
  background: #ff8759;
  padding: 1px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.popular-causes__category p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.popular-causes__content {
  position: relative;
  display: block;
  border: 1px solid #eae5e3;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 0;
  background: #ffffff;
  padding: 32px 0 19px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.popular-causes__sinlge:hover .popular-causes__content {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.popular-causes__title {
  position: relative;
  display: block;
  padding: 0 40px 24px;
  border-bottom: 1px solid #eae5e3;
  margin-bottom: 50px;
}

.popular-causes__title h3 {
  font-size: 24px;
  font-weight: 500;
  font-family: var(--thm-font);
  line-height: 34px;
  margin-bottom: 26px;
}

.popular-causes__title h3 a {
  color: var(--thm-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.popular-causes__title h3 a:hover {
  color: var(--thm-primary);
}

.popular-causes__title p {
  margin: 0;
}

.popular-causes__progress {
  position: relative;
  display: block;
  padding: 0 40px;
  width: 100%;
}

.popular-causes__progress .bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #eae5e3;
  border-radius: 5px;
  margin-bottom: 12px;
}

.popular-causes__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 10px;
  border-radius: 5px;
  background: var(--thm-primary);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.popular-causes__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 12px;
  color: var(--thm-black);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.popular-causes__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.popular-causes__goals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popular-causes__goals > p {
  font-size: 14px;
  margin: 0;
}

.popular-causes__goals > p > span {
  font-size: 20px;
  color: var(--thm-black);
}

.popular-causes__carousel.owl-carousel {
  margin-bottom: -60px;
}

.popular-causes__carousel.owl-carousel .owl-stage-outer {
  margin-right: -360px;
  padding-bottom: 60px;
}

.popular-causes__carousel.owl-theme .owl-nav {
  position: absolute;
  top: -155px;
  right: 0;
}

.popular-causes__carousel.owl-theme .owl-nav .owl-next {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #d7d3d4;
  font-size: 23px;
  text-align: center;
  border: 2px solid #d0cccd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.popular-causes__carousel.owl-theme .owl-nav .owl-prev {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #d7d3d4;
  font-size: 23px;
  text-align: center;
  transform: rotate(180deg);
  border: 2px solid #d0cccd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.popular-causes__carousel.owl-theme .owl-nav .owl-next:hover,
.popular-causes__carousel.owl-theme .owl-nav .owl-prev:hover {
  color: var(--thm-black);
  border: 2px solid var(--thm-black);
}

/*--------------------------------------------------------------
# We Are Helping
--------------------------------------------------------------*/
.we-are-helping {
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 125px 0 120px;
}

.we-are-helping:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(44, 39, 52, 0.92);
}

.we-are-helping__left {
  position: relative;
  display: block;
  margin-right: 75px;
}

.we-are-helping__left .block-title {
  margin-bottom: 50px;
}

.we-are-helping__left .block-title h2 {
  color: #ffffff;
}

.we-are-helping__video {
  position: relative;
  display: block;
}

.we-are-helping__video-btn {
  height: 105px;
  width: 105px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: var(--thm-black);
  border-radius: 8px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.we-are-helping__video-btn:hover {
  background: var(--thm-primary);
  color: #ffffff;
}

.we-are-helping__arrow {
  position: absolute;
  bottom: 49px;
  left: 152px;
}

.we-are-helping__arrow img {
  width: 79px;
  animation-name: btnIconMove;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-timing-function: linear;
}

.we-are-helping__points {
  position: relative;
  display: block;
  margin-left: 60px;
}

.we-are-helping__points ul li {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  padding-bottom: 54px;
  margin-bottom: 60px;
}

.we-are-helping__points ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.we-are-helping__points ul li .icon span {
  position: relative;
  display: inline-block;
  font-size: 65px;
  color: var(--thm-base);
  line-height: 65px;
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.we-are-helping__points ul li:hover .icon span {
  transform: rotate(360deg);
}

.we-are-helping__points ul li .text {
  margin-left: 30px;
}

.we-are-helping__points ul li .text h4 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
  line-height: 30px;
  font-family: var(--thm-font);
  margin-bottom: 22px;
}

.we-are-helping__points ul li .text p {
  color: #ffffff;
  margin: 0;
}

/*--------------------------------------------------------------
# We Need Help
--------------------------------------------------------------*/
.we-need-help {
  position: relative;
  display: block;
}

.we-nned-help-bg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.06;
}

.we-need-help__left {
  position: relative;
  display: block;
  padding-top: 135px;
}

.faq-one-accrodion .accrodion {
  position: relative;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion-title {
  position: relative;
  display: block;
  cursor: pointer;
  background: #ffffff;
  padding: 20px 30px 19px;
  border: 1px solid #eae5e3;
  border-radius: 35px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.faq-one-accrodion .accrodion-title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--thm-black);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: var(--thm-font);
}

.faq-one-accrodion .accrodion + .accrodion {
  margin-top: 20px;
}

.faq-one-accrodion .accrodion.active .accrodion-title {
  background: var(--thm-primary);
  border: 1px solid var(--thm-primary);
}

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
  color: #ffffff;
}

.faq-one-accrodion .accrodion-title h4::before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  color: var(--thm-primary);
  position: absolute;
  top: 50%;
  right: 0;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
  content: "\f068";
  color: #ffffff;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq-one-accrodion .accrodion-content {
  position: relative;
  padding: 20px 30px 4px;
}

.faq-one-accrodion .accrodion-content p {
  margin: 0;
}

.we-need-help__right {
  position: relative;
  display: block;
  margin-left: 34px;
}

.we-need-help__img {
  position: relative;
  display: block;
  margin-right: -362px;
  margin-top: -60px;
}

.we-need-help__img img {
  width: 100%;
  border-radius: 10px;
}

.we-need-help__give {
  display: flex;
  align-items: center;
  background: var(--thm-base);
  max-width: 425px;
  width: 100%;
  position: absolute;
  bottom: -30px;
  left: 105px;
  padding: 35px 40px;
  border-radius: 8px;
}

.we-need-help__give .icon span {
  font-size: 65px;
  line-height: 65px;
  color: #ffffff;
}

.we-need-help__give .text {
  margin-left: 30px;
}

.we-need-help__give .text h4 {
  color: #ffffff;
  font-size: 35px;
  font-family: var(--thm-font-shadows);
  line-height: 45px;
}

/*--------------------------------------------------------------
# Testimonials One
--------------------------------------------------------------*/
.testimonials-one {
  position: relative;
  display: block;
  padding: 156px 0 110px;
}

.testimonials-one-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 495px;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonials-one__container-box {
  position: relative;
  display: block;
  max-width: 1800px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.testimonials-one .block-title {
  margin-bottom: 30px;
}

.testimonials-one .swiper-container {
  padding-top: 30px;
  padding-bottom: 46px;
}

.testimonials-one__single {
  position: relative;
  display: block;
  padding: 60px 73px 73px;
  text-align: center;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
}

.testimonials-one__quote {
  height: 50px;
  width: 50px;
  margin: 0 auto;
  background: var(--thm-base);
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.testimonials_one_text {
  padding-top: 19px;
}

.testimonials-one__text p {
  font-size: 20px;
  margin: 0;
  line-height: 38px;
}

.testimonials-one__text h3 {
  font-size: 24px;
  color: var(--thm-primary);
  font-family: var(--thm-font-shadows);
  line-height: 34px;
  margin-top: 38px;
}

.testimonials-one__author-img {
  position: absolute;
  bottom: -46px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.testimonials-one__author-img img {
  width: 93px;
  border-radius: 50%;
}

#testimonials-one__pagination {
  position: relative;
  display: block;
  padding-top: 43px;
}

#testimonials-one__pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(44, 39, 52, 0.5);
}

#testimonials-one__pagination
  .swiper-pagination-bullet
  + .swiper-pagination-bullet {
  margin-left: 5px;
}

#testimonials-one__pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(44, 39, 52);
}

#testimonials-one__pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active:focus {
  outline: none;
}

/*--------------------------------------------------------------
# Join One
--------------------------------------------------------------*/
.join-one {
  position: relative;
  display: block;
  padding: 120px 0 317px;
  background-size: cover;
  background-repeat: no-repeat;
}

.join-one:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(35, 31, 41, 0.5);
}

.join-one__inner {
  position: relative;
  display: block;
  text-align: center;
}

.join-one__icon {
  height: 125px;
  width: 125px;
  background: var(--thm-primary);
  color: #ffffff;
  font-size: 55px;
  text-align: center;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.join-one__icon:hover {
  background: #ffffff;
  color: var(--thm-primary);
}

.join-one__inner h2 {
  font-size: 70px;
  line-height: 80px;
  font-family: var(--thm-font-shadows);
  color: #ffffff;
  margin-top: 34px;
}

/*--------------------------------------------------------------
# Newsletter One
--------------------------------------------------------------*/
.newsletter-one {
  position: relative;
  display: block;
  margin-top: -60px;
  z-index: 2;
}

.newsletter-one__inner {
  position: relative;
  display: block;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
  padding: 75.5px 80px;
}

.newsletter-one__subscriber-box {
  display: flex;
  align-items: center;
}

.newsletter-one__subscriber-box .icon span {
  font-size: 63px;
  color: #eae5e3;
  line-height: 60px;
}

.newsletter-one__subscriber-box .text {
  margin-left: 30px;
}

.newsletter-one__subscriber-box .text p {
  font-size: 30px;
  color: var(--thm-primary);
  font-family: var(--thm-font-shadows);
  margin: 0;
  line-height: 37px;
}

.newsletter-one__subscriber-box .text h4 {
  font-size: 36px;
  line-height: 40px;
}

.newsletter-one__right {
  position: relative;
  display: block;
  margin-left: -16px;
}

.newsletter-one__subscribe-form {
  position: relative;
  display: block;
  padding: 5px 0;
}

.newsletter-one__subscribe-input-box input {
  height: 67px;
  width: 100%;
  max-width: 470px;
  background: #f7f4f2;
  border: none;
  outline: none;
  padding: 0 40px;
  font-size: 16px;
  color: var(--thm-gray);
  border-radius: 35px;
}

.newsletter-one__subscribe-input-box .button {
  font-size: 16px;
  color: #ffffff;
  background: var(--thm-primary);
  border: none;
  outline: none;
  padding: 16.5px 59px;
  font-weight: 700;
  border-radius: 35px;
  margin-left: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.newsletter-one__subscribe-input-box .button:hover {
  background: var(--thm-black);
}

/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.news-one {
  position: relative;
  display: block;
  padding: 295px 0 90px;
  background: #ffffff;
  margin-top: -168px;
  z-index: 1;
}

.news-one-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-one__top-text {
  position: relative;
  display: block;
  margin-top: 9px;
}

.news-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
  /*background: #ffffff;*/
}

.news-one__img {
  position: relative;
  display: block;
}

.news-one__img-box {
  position: relative;
  display: block;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}

.news-one__img-box > a {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(44, 39, 52, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(-20%);
  transition: opacity 500ms ease, transform 500ms ease;
}

.news-one__img-box > a:before,
.news-one__img-box > a:after {
  content: "";
  width: 32px;
  height: 3px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.news-one__img-box > a:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.news-one__single:hover .news-one__img-box > a {
  opacity: 1;
  transform: translateY(0);
}

.news-one__img-box img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease,
    -webkit-transform 500ms ease;
}

.news-one__single:hover .news-one__img-box img {
  transform: scale(1.05);
}

.news-one__date-box {
  position: absolute;
  bottom: -33px;
  right: 20px;
  height: 67px;
  width: 67px;
  background: var(--thm-base);
  border-radius: 50%;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.news-one__date-box p {
  margin: 0;
  line-height: 19px;
}

.news-one__content {
  position: relative;
  display: block;
  border: 1px solid #eae5e3;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 0;
  padding: 29px 40px 40px;
  background: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__single:hover .news-one__content {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
}

.news-one__meta {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.news-one__meta li + li {
  margin-left: 12px;
}

.news-one__meta li a {
  color: var(--thm-gray);
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__meta li a:hover {
  color: var(--thm-primary);
}

.news-one__meta li a i {
  color: var(--thm-primary);
  margin-right: 4px;
}

.news-one__title h3 {
  font-size: 20px;
  line-height: 36px;
  font-weight: 500;
  font-family: var(--thm-font);
  margin-top: 15px;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-one__title h3 a {
  color: var(--thm-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__title h3 a:hover {
  color: var(--thm-primary);
}

.news-one__btn {
  background: #f7f4f2;
  padding: 4.5px 30px;
  color: var(--thm-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 14px;
}

.news-one__btn:hover {
  background: var(--thm-primary);
  color: #ffffff;
}

/*--------------------------------------------------------------
# Gallery One
--------------------------------------------------------------*/
.gallery-one {
  position: relative;
  display: block;
  padding-bottom: 90px;
}

.gallery-one__container-box {
  position: relative;
  display: block;
  max-width: 1660px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

.gallery-one__content {
  position: relative;
  display: block;
  margin-right: -10px;
  margin-left: -10px;
}

.gallery-one__content li {
  position: relative;
  display: block;
  float: left;
  width: 20%;
  padding: 0 10px 0;
  overflow: hidden;
  margin-bottom: 30px;
}

.gallery-one__content li:last-child {
  margin-right: 0;
}

.gallery-one__img-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.gallery-one__img-box:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(255, 157, 0, 0.9);
  border-radius: 8px;
  -webkit-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 1;
}

.gallery-one__content .swiper-slide:hover .gallery-one__img-box:before {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
}

.gallery-one__img-box img {
  width: 100%;
  border-radius: 8px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease,
    -webkit-transform 500ms ease;
}

.gallery-one__content .swiper-slide:hover .gallery-one__img-box img {
  transform: scale(1.05);
}

.gallery-one__iocn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 2;
}

.gallery-one__content .swiper-slide:hover .gallery-one__iocn {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  transition: all 500ms ease 500ms;
  -webkit-transition: all 500ms ease 500ms;
  -ms-transition: all 500ms ease 500ms;
  -o-transition: all 500ms ease 500ms;
}

.gallery-one__iocn a {
  color: #ffffff;
  font-size: 40px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.gallery-one__iocn a:hover {
  color: var(--thm-black);
}

/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
  position: relative;
  display: block;
  background-color: #88abda;
}

.brand-one-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 224px;
  opacity: 0.1;
  background-size: cover;
  background-repeat: no-repeat;
}

.brand-one__container {
  position: relative;
  display: block;
  width: 100%;
}

.brand-one ul {
  position: relative;
  display: block;
  overflow: hidden;
}

.brand-one ul li {
  position: relative;
  width: 20%;
  text-align: center;
  float: left;
}

.brand-one ul li:before {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0px;
  width: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.2);
}

.brand-one ul li:last-child:before {
  display: none;
}

.swiper-slide .brand-one__img {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.brand-one__img {
  position: relative;
  padding: 92px 0 98px;
  display: block;
  text-align: center;
}

.brand-one__img img {
  opacity: 0.5;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  max-width: 100%;
}

.brand-one__img:hover img {
  opacity: 1;
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0 88px;
}

.site-footer:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  /*background: rgba(27, 24, 37, .9);*/
  /*background: rgba(89,118,186,.9);*/
}

.footer-widget__text {
  font-size: 16px;
  color: #b5b1bc;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 19px;
}

.site-footer__social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.site-footer__social a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #56b4e5;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-footer__social a + a {
  margin-left: 10px;
}

.site-footer__social a.clr-fb {
  background: #465fdd;
}

.site-footer__social a.clr-dri {
  background: #d8423f;
}

.site-footer__social a.clr-ins {
  background: #5374a0;
}

.site-footer__social a:hover {
  background: var(--thm-primary);
}

.footer-widget__title {
  font-size: 22px;
  color: #ffffff;
  line-height: 32px;
  margin-bottom: 20px;
}

.footer-widget__explore-list {
  position: relative;
  display: block;
  float: left;
}

.footer-widget__explore-list li + li {
  margin-top: 5px;
}

.footer-widget__explore-list li a {
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__explore-list li a:hover {
  color: #fff;
  font-weight: bold;
}

.footer-widget__explore-list-two {
  position: relative;
  display: block;
  float: left;
  margin-left: 75px;
}

.footer-widget__contact-list li {
  position: relative;
  display: block;
  padding-left: 30px;
  /*border-bottom: 1px solid rgba(255, 255, 255, .09);*/
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  padding-bottom: 13px;
  margin-bottom: 10px;
}

.footer-widget__contact-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.footer-widget__contact-list li .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.footer-widget__contact-list li .icon i {
  color: #fff;
  font-size: 13px;
}

.footer-widget__contact-list li .text p {
  color: #fff;
  font-size: 16px;
  margin: 0;
}

.footer-widget__contact-list li .text p a {
  color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__contact-list li .text p a:hover {
  /*color: var(--thm-primary);*/
}

.footer-widget__support-text {
  color: #b5b1bc;
  font-size: 16px;
  margin: 0;
  padding-top: 3px;
  padding-bottom: 21px;
}

.footer-widget__support-btn a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  background: var(--thm-primary);
  display: inline-block;
  padding: 5px 30px;
  border-radius: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__support-btn a:hover {
  background: #ffffff;
  color: var(--thm-primary);
}

.footer-widget__support-btn a i {
  padding-right: 7px;
  position: relative;
  top: 2px;
}

/*--------------------------------------------------------------
# Site Footer Bottom
--------------------------------------------------------------*/
.site-footer-bottom {
  position: relative;
  display: block;
  background: var(--thm-black);
  padding: 30.5px 0;
}

.site-footer-bottom__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-footer-bottom__left p {
  font-size: 16px;
  color: #b5b1bc;
  margin: 0;
}

.site-footer-bottom__left p a {
  color: #b5b1bc;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-footer-bottom__left a:hover {
  color: #ffffff;
}

.site-footer-bottom__menu li {
  position: relative;
  display: inline-block;
}

.site-footer-bottom__menu li + li {
  margin-left: 10px;
}

.site-footer-bottom__menu li a {
  color: #b5b1bc;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-footer-bottom__menu li span {
  color: #b5b1bc;
  font-size: 16px;
}

.site-footer-bottom__menu li a:hover {
  color: var(--thm-primary);
}

/*--------------------------------------------------------------
# You Can Help
--------------------------------------------------------------*/
.you-can-help {
  position: relative;
  display: block;
  padding: 120px 0 120px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  margin-top: -160px;
}

.you-can-help-img {
  position: absolute;
  bottom: -140px;
  right: 0;
}

.you-can-help__three-icon ul li {
  position: relative;
  display: inline-block;
  background: #5976ba;
  text-align: center;
  height: 150px;
  width: 150px;
  border-radius: 8px;
  margin-right: 15px;
  padding: 27px 0 33px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.you-can-help__three-icon ul li:last-child {
  margin-right: 0;
}

.you-can-help__three-icon ul li:nth-child(2) {
  background: #1d68ff;
}

.you-can-help__three-icon ul li:nth-child(3) {
  background: #0f4dff;
}

.you-can-help__three-icon ul li:nth-child(4) {
  background: #0026ff;
}

.you-can-help__three-icon ul li:hover {
  background: var(--thm-black);
}

.you-can-help__three-icon ul li .icon-box {
  margin-bottom: 3px;
}

.you-can-help__three-icon ul li .icon-box span {
  color: #ffffff;
  font-size: 58px;
  line-height: 65px;
}

.you-can-help__three-icon ul li .text p {
  font-size: 14px;
  color: #ffffff;
  margin: 0;
  line-height: 30px;
  font-weight: 500;
}

.you-can-help__right {
  position: relative;
  display: block;
}

.you-can-help__give-box {
  position: relative;
  display: block;
  height: 193px;
  width: 193px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1200px) {
  .you-can-help__give-box {
    margin-top: 45px;
    margin-left: 55px;
  }
}

.you-can-help__give-box::before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #fff;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: 13px;
  right: 25px;
  transform: rotate(-85deg);
}

.you-can-help__give-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.you-can-help__give-text-box p {
  font-size: 30px;
  color: var(--thm-black);
  font-family: var(--thm-font-shadows);
  margin: 0;
}

.you-can-help__icon-box {
  position: absolute;
  top: -30px;
  right: -30px;
  height: 106px;
  width: 106px;
  background: var(--thm-primary);
  border-radius: 50%;
  color: #ffffff;
  font-size: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*--------------------------------------------------------------
# Counter One
--------------------------------------------------------------*/
.counter-one {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0 204px;
}

.counter-one:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(44, 39, 52, 0.92);
}

.counter-one__single {
  position: relative;
  display: inline-block;
  max-width: 284px;
  width: 100%;
  text-align: center;
}

.counter-one__single:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  width: 1px;
  background: rgba(255, 255, 255, 0.09);
}

.counter-one__single:first-child:before {
  display: none;
}

.counter-one__icon {
  padding-bottom: 26px;
}

.counter-one__icon i {
  font-size: 63px;
  color: var(--thm-base);
  line-height: 63px;
}

.counter-one__single h3 {
  font-size: 50px;
  line-height: 60px;
  font-family: var(--thm-font);
  color: #ffffff;
  font-weight: 400;
}

.counter-one__text {
  font-size: 24px;
  color: #9c9ca5;
  font-family: var(--thm-font-shadows);
  margin: 0;
  line-height: 30px;
}

/*--------------------------------------------------------------
# Charity Activity
--------------------------------------------------------------*/
.charity-activity {
  position: relative;
  display: block;
  margin-top: -80px;
  z-index: 2;
}

.charity-activity-map {
  position: absolute;
  top: 0;
  right: 0;
  width: 415px;
  height: 385px;
  background-repeat: no-repeat;
  opacity: 0.15;
}

.charity-activity__left {
  position: relative;
  display: block;
}

.charity-activity__img {
  position: relative;
  display: block;
}

.charity-activity__img img {
  width: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.charity-activity__right {
  position: relative;
  display: block;
  margin-left: 50px;
}

.charity-activity__right-content {
  position: relative;
  display: block;
  padding: 77px 0 80px;
}

.charity-activity__right-content:before {
  position: absolute;
  top: 0;
  left: -80px;
  right: -10000000000000px;
  bottom: 0;
  content: "";
  background: var(--thm-primary);
  z-index: -1;
}

.charity-activity__right-content h2 {
  font-size: 40px;
  line-height: 48px;
  color: #ffffff;
  margin-bottom: 26px;
}

.charity-activity__right-content p {
  font-size: 18px;
  margin: 0;
  color: #ffffff;
}

.charity-activity__btn {
  margin-top: 40px;
  background: var(--thm-black);
}

.charity-activity__btn:hover {
  background: #ffffff;
  color: var(--thm-primary);
}

/*--------------------------------------------------------------
# Meet Volunteers One
--------------------------------------------------------------*/
.meet-volunteers-one {
  position: relative;
  display: block;
  padding: 124px 0 90px;
}

.meet-volunteers-one-bg {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 327px;
  opacity: 0.03;
  background-repeat: no-repeat;
  background-size: cover;
}

.meet-volunteers-one .block-title {
  margin-bottom: 50px;
}

.meet-volunteers-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.meet-volunteers-one__img {
  position: relative;
  display: block;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}

.meet-volunteers-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(44, 39, 52, 0.5);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  transform: scaleX(0);
  z-index: 1;
}

.meet-volunteers-one__single:hover .meet-volunteers-one__img:before {
  transform: scaleX(1);
}

.meet-volunteers-one__img img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease,
    -webkit-transform 500ms ease;
}

.meet-volunteers-one__single:hover .meet-volunteers-one__img img {
  transform: scale(1.05);
}

.meet-volunteers-one__content {
  position: relative;
  display: block;
  border: 1px solid #eae5e3;
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 22px 50px 18px;
  background: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.meet-volunteers-one__single:hover .meet-volunteers-one__content {
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
}

.meet-volunteers-one__name {
  border-bottom: 1px solid #eae5e3;
  text-align: center;
  padding-bottom: 22px;
  margin-bottom: 20px;
}

.meet-volunteers-one__name h3 {
  font-size: 24px;
  font-family: var(--thm-font);
  line-height: 34px;
}

.meet-volunteers-one__social-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.meet-volunteers-one__social-info .left p {
  font-size: 16px;
  margin: 0;
}

.meet-volunteers-one__social-info-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.meet-volunteers-one__social-info-box a {
  color: var(--thm-gray);
  font-size: 14px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.meet-volunteers-one__social-info-box a + a {
  margin-left: 20px;
}

.meet-volunteers-one__social-info-box a:hover {
  color: var(--thm-primary);
}

/*--------------------------------------------------------------
# CTA One
--------------------------------------------------------------*/
.cta-one {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 97px 0;
}

.cta-one__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cta-one__text p {
  font-size: 30px;
  color: #ffffff;
  font-family: var(--thm-font-shadows);
  line-height: 40px;
  margin: 0;
}

.cta-one__text h3 {
  font-size: 50px;
  color: #ffffff;
  line-height: 40px;
  margin-top: 13px;
}

.cta-one__btn .thm-btn {
  background: var(--thm-black);
}

.cta-one__btn .thm-btn:hover {
  background: #ffffff;
  color: var(--thm-primary);
}

/*--------------------------------------------------------------
# Gallery Two
--------------------------------------------------------------*/
.gallery-tow {
  position: relative;
  display: block;
  padding: 6px 0 90px;
}

.gallery-tow__container {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1670px;
}

.gallery-tow .row {
  margin-right: -3px;
  margin-left: -3px;
}

.gallery-tow .col-xl-3 {
  padding-right: 3px;
  padding-left: 3px;
}

.gallery-tow__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.gallery-tow__img {
  position: relative;
  display: block;
  border-radius: var(--thm-border-radius);
  overflow: hidden;
}

.gallery-tow__img img {
  width: 100%;
}

.gallery-tow__img .img-popup {
  width: 45px;
  height: 45px;
  border-radius: var(--thm-border-radius);
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 15px;
  color: var(--thm-black);
  position: absolute;
  top: 40px;
  left: 40px;
  transition: all 500ms ease;
}

.gallery-three .gallery-tow__img .img-popup {
  width: 35px;
  height: 35px;
  font-size: 14px;
}

.gallery-tow__img .img-popup:hover {
  background-color: var(--thm-black);
  color: #fff;
}

.gallery-two__hover {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  -webkit-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 30px;
}

.gallery-two__hover:before {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  content: "";
  background: var(--thm-primary);
  opacity: 0.9;
  border-radius: var(--thm-border-radius);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.gallery-tow__single:hover .gallery-two__hover {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.gallery-two__hover h2 {
  font-size: 40px;
  color: #ffffff;
  font-family: var(--thm-font-shadows);
  line-height: 50px;
  margin-bottom: 6px;
  position: relative;
}

.gallery-two__hover ul li {
  position: relative;
  display: inline-block;
}

.gallery-two__hover ul li + li {
  margin-left: 5px;
}

.gallery-two__hover ul li a {
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.gallery-two__hover ul li span {
  font-size: 20px;
  color: #ffffff;
}

.gallery-two__hover ul li a:hover {
  color: var(--thm-black);
}

/*--------------------------------------------------------------
# Events And Newsletter
--------------------------------------------------------------*/
.events-and-newsletter {
  position: relative;
  display: block;
  padding: 0 0 120px;
}

.events-and-newsletter__btn {
  position: relative;
  display: block;
  float: right;
  margin-top: 10px;
}

.upcoming-events {
  position: relative;
  display: block;
  margin-right: 65px;
}

.upcoming-events__sinlge {
  display: flex;
}

.upcoming-events__sinlge + .upcoming-events__sinlge {
  margin-top: 60px;
}

.upcoming-events__img-box {
  position: relative;
  display: block;
}

.upcoming-events__img {
  position: relative;
  display: block;
  width: 186px;
  border-radius: var(--thm-border-radius);
  background: var(--thm-black);
  overflow: hidden;
}

.upcoming-events__img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease,
    -webkit-transform 500ms ease;
}

.upcoming-events__sinlge:hover .upcoming-events__img img {
  opacity: 0.7;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.upcoming-events__date-box {
  position: absolute;
  top: 20px;
  left: -20px;
  height: 62px;
  width: 62px;
  background: var(--thm-base);
  color: #ffffff;
  font-weight: 500;
  border-radius: var(--thm-border-radius);
  text-align: center;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.upcoming-events__date-box p {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}

.upcoming-events__content {
  margin-left: 50px;
}

.upcoming-events__meta-box li {
  position: relative;
  display: inline-block;
  font-size: 16px;
}

.upcoming-events__meta-box li + li {
  margin-left: 5px;
}

.upcoming-events__meta-box li i {
  font-size: 16px;
  color: var(--thm-primary);
  padding-right: 5px;
}

.upcoming-events__title {
  margin-bottom: 32px;
}

.upcoming-events__title h3 {
  font-size: 30px;
  font-family: var(--thm-font);
  line-height: 36px;
}

.upcoming-events__title h3 a {
  color: var(--thm-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.upcoming-events__title h3 a:hover {
  color: var(--thm-primary);
}

.upcoming-events__text {
  margin: 0;
}

.events-and-newsletter__newsletter {
  position: relative;
  display: block;
  border-radius: 8px;
  background-color: rgb(247, 244, 242);
  text-align: center;
  padding: 36px 50px 50px;
}

.events-and-newsletter__newsletter-title {
  margin-bottom: 24px;
}

.events-and-newsletter__newsletter-title h2 {
  font-size: 40px;
  font-family: var(--thm-font-shadows);
  line-height: 50px;
  margin-bottom: 4px;
}

.events-and-newsletter__newsletter-title p {
  font-size: 16px;
  margin: 0;
}

.events-and-newsletter__newsletter-input-box input[type="text"],
.events-and-newsletter__newsletter-input-box input[type="email"] {
  height: 67px;
  width: 100%;
  background: #ffffff;
  border: none;
  outline: none;
  margin-bottom: 10px;
  font-size: 16px;
  color: var(--thm-gray);
  border-radius: 30px;
  padding: 0 80px;
  text-align: center;
}

.events-and-newsletter__subscribe-btn {
  padding: 16.5px 75px;
}

/*--------------------------------------------------------------
# News Two
--------------------------------------------------------------*/
.news-two {
  position: relative;
  display: block;
  padding: 120px 0 60px;
  background-size: cover;
  background-repeat: no-repeat;
}

.news-two__left {
  position: relative;
  display: block;
  margin-right: 48px;
}

.news-two__left .block-title {
  margin-bottom: 50px;
}

.news-two__carousel.owl-carousel .owl-stage-outer {
  margin-right: -360px;
  padding-bottom: 30px;
}

.news-two__carousel.owl-theme .owl-nav {
  position: absolute;
  bottom: 165px;
  left: -405px;
}

.news-two__carousel.owl-theme .owl-nav .owl-next {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #d7d3d4;
  font-size: 23px;
  text-align: center;
  border: 2px solid #d0cccd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-two__carousel.owl-theme .owl-nav .owl-prev {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #d7d3d4;
  font-size: 23px;
  text-align: center;
  transform: rotate(180deg);
  border: 2px solid #d0cccd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-two__carousel.owl-theme .owl-nav .owl-next:hover,
.news-two__carousel.owl-theme .owl-nav .owl-prev:hover {
  color: var(--thm-black);
  border: 2px solid var(--thm-black);
}

/*--------------------------------------------------------------
# Brand Two
--------------------------------------------------------------*/
.brand-two {
  position: relative;
  display: block;
  border-top: 1px solid #eae5e3;
  padding: 117px 0 120px;
}

.brand-two .swiper-slide {
  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;
}

.brand-two .swiper-slide img {
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 0.3;
  max-width: 100%;
}

.brand-two .swiper-slide img:hover {
  opacity: 0.6;
}

/*--------------------------------------------------------------
# Give Helping
--------------------------------------------------------------*/
.give-helping {
  position: relative;
  display: block;
  padding: 120px 0 120px;
  background-image: url(../images/introduction-bg-1-1.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.give-helping__first-item {
  position: relative;
  display: block;
  margin-right: -5px;
}

.give-helping__first-item .block-title {
  margin-bottom: 30px;
}

.give-helping__first-item__btn {
  margin-top: 22px;
}

.give-helping__two-boxes {
  position: relative;
  display: block;
  margin-left: 40px;
  margin-right: 60px;
}

.give-helping__two-boxes__img {
  position: relative;
  display: block;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #f7f4f2;
  overflow: hidden;
  transition: all 500ms ease;
}

.give-helping__two-boxes__img:hover {
  background-color: var(--thm-black);
}

.give-helping__two-boxes__img:nth-child(2) {
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.give-helping__two-boxes__img img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}

.give-helping__two-boxes__img:hover img {
  opacity: 1;
  visibility: visible;
  opacity: 0.4;
}

.give-helping__two-boxes__text {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.give-helping__two-boxes__text p {
  font-size: 30px;
  color: var(--thm-black);
  margin: 0;
  line-height: 46px;
  font-family: var(--thm-font-shadows);
  text-align: center;
}

.give-helping__two-boxes__img:hover .give-helping__two-boxes__text p {
  color: #fff;
}

.give-helping__two-boxes__text p a {
  color: inherit;
}

.give-helping__two-boxes__content {
  position: relative;
  display: block;
  background: #f7f4f2;
  border-top: 1px solid #ffffff;
  padding: 43px 0 55px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.give-helping__two-boxes__content h3 {
  font-size: 30px;
  color: var(--thm-black);
  margin: 0;
  line-height: 45px;
  font-family: var(--thm-font-shadows);
  text-align: center;
}

.give-helping__cause {
  position: relative;
  display: block;
  background-color: var(--thm-black);
  margin-left: -30px;
  padding: 48px 0 60px;
  border-radius: var(--thm-border-radius);
  margin-top: -176px;
  z-index: 2;
}

.give-helping__cause-shape {
  position: absolute;
  top: 0;
  right: 0;
  height: 305px;
  width: 400px;
  opacity: 0.05;
}

.give-helping__cause-title {
  position: relative;
  display: block;
  padding: 0 60px 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 60px;
}

.give-helping__cause-title h3 {
  font-size: 30px;
  color: #ffffff;
  font-family: var(--thm-font);
  line-height: 46px;
  margin-bottom: 38px;
}

.give-helping__cause-title p {
  color: #b5b1bc;
  margin: 0;
}

.give-helping__progress {
  position: relative;
  display: block;
  padding: 0 60px;
  width: 100%;
}

.give-helping__progress .bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #423d49;
  border-radius: 5px;
  margin-bottom: 12px;
}

.give-helping__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 10px;
  border-radius: 5px;
  background: var(--thm-primary);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.give-helping__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 12px;
  color: #ffffff;
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.give-helping__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.give-helping__goals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.give-helping__goals > p {
  font-size: 18px;
  margin: 0;
  color: #b5b1bc;
}

.give-helping__goals > p > span {
  font-size: 20px;
  color: #ffffff;
}

.give-helping__btn {
  margin-top: 29px;
}

.give-helping__btn a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  background: var(--thm-primary);
  display: inline-block;
  padding: 5px 30px;
  border-radius: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.give-helping__btn a:hover {
  background: #ffffff;
  color: var(--thm-primary);
}

.give-helping__btn a i {
  padding-right: 7px;
  position: relative;
  top: 2px;
}

/*--------------------------------------------------------------
# Popular Causes Two
--------------------------------------------------------------*/
.popular-causes-two {
  position: relative;
  display: block;
  z-index: 1;
}

.popular-causes-two .popular-causes__sinlge {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Welcome Two
--------------------------------------------------------------*/
.welcome-two {
  position: relative;
  display: block;
  padding: 120px 0 345px;
}

.welcome-two-hand {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 327px;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.03;
}

.welcome-two__left {
  position: relative;
  display: block;
}

.welcome-two__left .block-title {
  margin-bottom: 50px;
}

.welcome-two__checks {
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

@media (max-width: 575px) {
  .welcome-two__checks {
    grid-template-columns: repeat(1, 1fr);
  }
}

.welcome-two__checks a {
  color: var(--thm-black);
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 30px 0px rgb(0, 0, 0, 0.07);
  padding-left: 30px;
  padding-right: 38px;
  padding-top: 17px;
  padding-bottom: 16px;
  border-radius: 33.5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.welcome-two__checks a i {
  height: 17px;
  width: 17px;
  background: var(--thm-base);
  color: #ffffff;
  font-size: 8px;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
  position: relative;
  top: -3px;
  margin-right: 9px;
}

.welcome-two__checks a:hover {
  background: var(--thm-black);
  color: #ffffff;
}

.welcome-two__btn {
  padding-top: 42px;
}

.welcome-two__right {
  position: relative;
  display: block;
  margin-left: 39px;
}

.welcome-two__img {
  position: relative;
  display: block;
}

.welcome-two__img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

.welcome-two__counter {
  height: 191px;
  width: 191px;
  background-image: url(../images/welcome-two-shape-1.png);
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 70px;
  right: -82px;
}

.welcome-two__counter:before {
  position: absolute;
  top: 5px;
  right: -20px;
  height: 177px;
  width: 177px;
  content: "";
  background: rgba(255, 109, 18, 0.2);
  border-radius: 50%;
  z-index: -1;
}

.welcome-two__counter h3 {
  font-size: 30px;
  color: #ffffff;
  font-family: var(--thm-font);
  line-height: 40px;
}

.welcome-two__counter p {
  font-size: 24px;
  color: #ffffff;
  font-family: var(--thm-font-shadows);
  line-height: 34px;
  margin: 0;
}

/*--------------------------------------------------------------
# Three Boxes
--------------------------------------------------------------*/
.three-boxes {
  position: relative;
  display: block;
  margin-top: -224px;
  z-index: 2;
}

.three-boxes__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.three-boxes__single-inner {
  position: relative;
  display: block;
  width: 100%;
}

.three-boxes__single-top {
  position: relative;
  display: block;
  width: 100%;
}

.three-boxes_img {
  position: relative;
  display: block;
}

.three-boxes_img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

.three-boxes__content {
  position: relative;
  display: block;
  text-align: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
  border-radius: var(--thm-border-radius);
  padding: 32px 0;
  margin-right: 20px;
  margin-left: 20px;
  margin-top: -20px;
}

.three-boxes__content h3 {
  font-size: 24px;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 34px;
}

.three-boxes__sinlge-hover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scaleX(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.three-boxes__single:hover .three-boxes__sinlge-hover {
  transform: scaleX(1);
}

.three-boxes__sinlge-hover__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: var(--thm-border-radius);
}

.three-boxes__sinlge-hover__img:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 157, 0, 0.9);
  content: "";
  border-radius: var(--thm-border-radius);
  z-index: 1;
}

.three-boxes__sinlge-hover__img img {
  width: 100%;
  height: 100%;
  border-radius: var(--thm-border-radius);
}

.three-boxes__single-hover__content {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 2;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 70px;
}

.three-boxes__single-hover__content-iocn span {
  font-size: 65px;
  color: #ffffff;
  line-height: 65px;
}

.three-boxes__single-hover__content h3 {
  font-size: 24px;
  color: #ffffff;
  font-family: var(--thm-font);
  line-height: 30px;
  font-weight: 500;
  margin-top: 11px;
  margin-bottom: 20px;
}

.three-boxes__single-hover__content h3 a {
  color: inherit;
  transition: all 500ms ease;
}

.three-boxes__single-hover__content h3 a:hover {
  color: var(--thm-black);
}

.three-boxes__single-hover__content-text {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
}

/*--------------------------------------------------------------
# Testimonials Two
--------------------------------------------------------------*/
.testimonials-two {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 0 60px;
  margin-top: -168px;
  z-index: 1;
}

.testimonials-two:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(35, 31, 41, 0.92);
  /*z-index: -1;*/
}

.testimonials-two__img-shape {
  position: absolute;
  top: -20px;
  left: -32px;
  width: 310px;
  height: 287px;
  z-index: -1;
}

.testimonials-two__item {
  display: flex;
  align-items: center;
  padding: 60px 0 60px;
  margin-left: 35px;
}

.testimonials-two__img {
  position: relative;
  display: block;
  z-index: 3;
}

.testimonials-two__img img {
  width: 251px !important;
  border-radius: 50%;
}

.testimonials-two__quote {
  height: 80px;
  width: 80px;
  background: #ffffff;
  border-radius: 50%;
  color: var(--thm-primary);
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: -10px;
}

.testimonials-two__quote img {
  width: 23px !important;
  border-radius: 0;
}

.testimonials-two__text {
  margin-left: 80px;
}

.testimonials-two__text p {
  font-size: 30px;
  color: #ffffff;
  margin: 0;
  line-height: 50px;
}

.testimonials-two__text h3 {
  font-size: 30px;
  color: var(--thm-primary);
  font-family: var(--thm-font-shadows);
  line-height: 40px;
  margin-top: 28px;
}

.testimonials-two__carousel .owl-stage-outer {
  margin-left: -34px;
}

.testimonials-two__carousel.owl-carousel .owl-dots {
  position: absolute;
  bottom: 99px;
  right: 0px;
}

.testimonials-two__carousel.owl-carousel .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #ffffff;
  opacity: 0.5;
  margin: 0px 3px;
  padding: 0px;
  border-radius: 50%;
  transition: all 100ms linear;
  transition-delay: 0.1s;
}

.testimonials-two__carousel.owl-carousel .owl-dots .owl-dot span {
  display: none;
}

.testimonials-two__carousel.owl-carousel .owl-dot.active {
  opacity: 1;
}

/*--------------------------------------------------------------
# Gallery Three
--------------------------------------------------------------*/
.gallery-three {
  padding-top: 60px;
}

.gallery-three__contianer {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.gallery-home-two {
  padding-top: 6px;
}

/*--------------------------------------------------------------
# Featured Campaigns
--------------------------------------------------------------*/
.featured-campaigns {
  position: relative;
  display: block;
  padding: 120px 0 0;
}

.featured-campaigns__single {
  position: relative;
  display: block;
}

.featured-campaigns__img-box {
  position: relative;
  display: block;
  margin-right: -93px;
}

.featured-campaigns__img {
  position: relative;
  display: block;
}

.featured-campaigns__img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

.featured-campaigns__content_box {
  position: relative;
  display: block;
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.1);
  padding: 91px 0 70px;
  margin-left: -57px;
  margin-top: 60px;
}

.featured-campaigns__Category {
  position: absolute;
  top: -36px;
  right: 30px;
  background: var(--thm-base);
  padding: 1px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.featured-campaigns__Category p {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  margin: 0;
}

.featured-campaigns__title {
  position: relative;
  display: block;
  padding: 0 100px 50px;
  border-bottom: 1px solid #eae5e3;
  margin-bottom: 80px;
}

.featured-campaigns__title h3 {
  font-size: 24px;
  line-height: 40px;
  font-weight: 500;
  font-family: var(--thm-font);
  margin-bottom: 25px;
}

.featured-campaigns__title h3 a {
  color: inherit;
  transition: all 500ms ease;
}

.featured-campaigns__title h3 a:hover {
  color: var(--thm-base);
}

.featured-campaigns__text-box {
  margin: 0;
}

.featured-campaigns__progress {
  position: relative;
  display: block;
  padding: 0 100px;
  width: 100%;
}

.featured-campaigns__progress .bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #eae5e3;
  border-radius: 5px;
  margin-bottom: 12px;
}

.featured-campaigns__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 10px;
  border-radius: 5px;
  background: var(--thm-primary);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.featured-campaigns__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 12px;
  color: var(--thm-black);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.featured-campaigns__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.featured-campaigns__goals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-campaigns__goals > p {
  font-size: 14px;
  margin: 0;
}

.featured-campaigns__goals > p > span {
  font-size: 20px;
  color: var(--thm-black);
}

.featured-campaigns__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}

.featured-campaigns__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.featured-campaigns__carousel.owl-carousel .owl-stage-outer {
  padding-bottom: 60px;
  overflow: visible;
}

.featured-campaigns__carousel.owl-theme .owl-nav {
  position: absolute;
  top: -155px;
  right: 0;
}

.featured-campaigns__carousel.owl-theme .owl-nav .owl-next {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #d7d3d4;
  font-size: 23px;
  text-align: center;
  border: 2px solid #d0cccd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.featured-campaigns__carousel.owl-theme .owl-nav .owl-prev {
  height: 65px;
  width: 65px;
  background: transparent;
  border-radius: 50%;
  color: #d7d3d4;
  font-size: 23px;
  text-align: center;
  transform: rotate(180deg);
  border: 2px solid #d0cccd;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.featured-campaigns__carousel.owl-theme .owl-nav .owl-next:hover,
.featured-campaigns__carousel.owl-theme .owl-nav .owl-prev:hover {
  color: var(--thm-black);
  border: 2px solid var(--thm-black);
}

/*--------------------------------------------------------------
# Brand Three
--------------------------------------------------------------*/
.brand-three {
  position: relative;
  display: block;
  border-top: 0;
  padding: 117px 0 420px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.brand-three:before {
  position: absolute;
  top: 260px;
  left: 0;
  right: 0;
  content: "";
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
}

.brand-three:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--thm-black);
  opacity: 0.6;
  z-index: -1;
}

.brand-three .jarallax-img {
  object-position: 50% 0% !important;
}

.brand-three .swiper-slide img {
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 0.2;
  max-width: 100%;
}

.brand-three .swiper-slide img:hover {
  opacity: 0.8;
}

/*--------------------------------------------------------------
# make Donation
--------------------------------------------------------------*/
.make-donation {
  position: relative;
  display: block;
  margin-top: -180px;
  z-index: 1;
}

.make-donation-bg {
  position: absolute;
  top: 180px;
  left: 0;
  height: 626px;
  width: 650px;
  opacity: 0.06;
  z-index: -1;
}

.make-donation__left {
  position: relative;
  display: block;
  margin-top: -9px;
}

.make-donation__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 176px;
}

.make-donation__top-text h3 {
  font-size: 34px;
  font-family: var(--thm-font-shadows);
  line-height: 46px;
  color: #ffffff;
}

.make-donation__top-icon {
  height: 120px;
  width: 120px;
  background: var(--thm-base);
  font-size: 65px;
  color: #ffffff;
  border-radius: var(--thm-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}

.make-donation__bottom {
  position: relative;
  display: block;
  margin-right: 70px;
}

.make-donation__bottom .block-title {
  margin-bottom: 40px;
}

.make-donation__progress {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 16px;
}

.make-donation__progress-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  font-family: var(--thm-font);
  margin-bottom: 7px;
}

.make-donation__progress .bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #eae5e3;
  border-radius: 5px;
  margin-bottom: 12px;
}

.make-donation__progress .bar.mrb-0 {
  margin-bottom: 0;
}

.make-donation__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 10px;
  border-radius: 5px;
  background: var(--thm-primary);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.make-donation__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 12px;
  color: var(--thm-gray);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.make-donation__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.make-donation__right {
  position: relative;
  display: block;
  margin-left: 36px;
}

.make-donation__img {
  position: relative;
  display: block;
}

.make-donation__img:before {
  position: absolute;
  top: 40px;
  bottom: 40px;
  right: -22px;
  width: 22px;
  content: "";
  background-image: -moz-linear-gradient(
    90deg,
    rgb(255, 157, 0) 0%,
    rgb(255, 109, 18) 100%
  );
  background-image: -webkit-linear-gradient(
    90deg,
    rgb(255, 157, 0) 0%,
    rgb(255, 109, 18) 100%
  );
  background-image: -ms-linear-gradient(
    90deg,
    rgb(255, 157, 0) 0%,
    rgb(255, 109, 18) 100%
  );
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.make-donation__img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

/*--------------------------------------------------------------
# News Three
--------------------------------------------------------------*/
.news-three {
  padding-top: 120px;
  margin-top: 0;
}

/*--------------------------------------------------------------
# Google_map
--------------------------------------------------------------*/
.google-map {
  position: relative;
  display: block;
  background: #f8f8f8;
  z-index: 1;
}

.google-map__contact {
  width: 100%;
  border: none;
  outline: none;
  display: block;
  height: 560px;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  display: block;
  padding: 124px 0 129px;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: none;
  background-color: var(--thm-black);
  opacity: 0.6;
}

.page-header__inner {
  position: relative;
  display: block;
  text-align: center;
}

.page-header__inner h2 {
  font-size: 60px;
  color: #ffffff;
  line-height: 70px;
}

.thm-breadcrumb {
  padding-top: 10px;
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 24px;
  font-family: var(--thm-font-shadows);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li + li {
  margin-left: 11px;
}

.thm-breadcrumb li a {
  color: #ffffff;
  font-size: 24px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li:hover {
  color: var(--thm-base);
}

.thm-breadcrumb li:hover a {
  color: var(--thm-base);
}

/*--------------------------------------------------------------
# Popular Causes Three
--------------------------------------------------------------*/
.popular-causes-three {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.campaign-page {
  padding-bottom: 120px;
}

.popular-causes-three .popular-causes__sinlge {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Campaign Details
--------------------------------------------------------------*/
.campaign-details {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.campaign-details__left-bar {
  position: relative;
  display: block;
}

.campaign-details__img {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.campaign-details__img-box {
  position: relative;
  display: block;
}

.campaign-details__img-box img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.campaign-details__category {
  position: absolute;
  right: 20px;
  bottom: 0;
  background: var(--thm-base);
  padding: 1px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.campaign-details__category p {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
}

.campaign-details__progress {
  position: relative;
  display: block;
  padding: 50px 40px 29px;
  width: 100%;
  border: 1px solid #eae5e3;
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.campaign-details__progress .bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #eae5e3;
  border-radius: 5px;
  margin-bottom: 12px;
}

.campaign-details__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 10px;
  border-radius: 5px;
  background: var(--thm-primary);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.campaign-details__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 12px;
  color: var(--thm-black);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.campaign-details__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.campaign-details__goals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.campaign-details__goals > p {
  font-size: 14px;
  margin: 0;
}

.campaign-details__goals > p > span {
  font-size: 20px;
  color: var(--thm-black);
}

.campaign-details__text-box {
  margin-bottom: 70px;
}

.campaign-details__text-box h3 {
  font-size: 34px;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 40px;
}

.campaign-details__text {
  margin: 0;
}

.campaign-details__summary-title {
  font-size: 34px;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 30px;
}

.campaign-details__summary-text {
  margin: 0;
}

.campaign-details__summary-list {
  margin-top: 48px;
}

.campaign-details__summary-list ul li {
  display: flex;
}

.campaign-details__summary-icon span {
  font-size: 26px;
  color: var(--thm-base);
  position: relative;
  top: 4px;
}

.campaign-details__summary-content {
  margin-left: 15px;
}

.campaign-details__summary-content p {
  font-size: 20px;
  color: var(--thm-black);
  margin: 0;
}

.campaign-details__summary-list ul li + li {
  margin-top: 10px;
}

.campaign-details__summary-img-box {
  margin-top: 54px;
  margin-bottom: 50px;
}

.campaign-details__summary-img-box-single img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

.campaign-details__summary-bottom-text {
  margin: 0;
}

.campaign-details__map {
  margin-top: 44px;
}

.campaign-details__map-title {
  font-size: 34px;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 40px;
}

.campaign-details__map-box {
  position: relative;
  display: block;
  width: 100%;
  border: none;
  height: 410px;
  border-radius: var(--thm-border-radius);
}

.campaign-details__share {
  display: flex;
  align-items: center;
  padding: 30px 0;
}

.campaign-details__share__social-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-left: 20px;
}

.campaign-details__share__social-box a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #56b4e5;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.campaign-details__share__social-box a + a {
  margin-left: 10px;
}

.campaign-details__share__social-box a.clr-fb {
  background: #465fdd;
}

.campaign-details__share__social-box a.clr-dri {
  background: #d8423f;
}

.campaign-details__share__social-box a.clr-ins {
  background: #5374a0;
}

.campaign-details__share__social-box a:hover {
  background: var(--thm-primary);
}

.campaign-details__download {
  position: relative;
  display: flex;
  background: #f7f4f2;
  border-radius: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 60px 60px 50px;
  margin-bottom: 54px;
}

.campaign-details__download__left-content {
  display: flex;
  align-items: center;
}

.campaign-details__download__left-content .icon {
  height: 70px;
  width: 70px;
  background: var(--thm-base);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
}

.campaign-details__download__left-content .text {
  margin-left: 20px;
}

.campaign-details__download__left-content .text h3 {
  font-size: 30px;
  font-family: var(--thm-font-shadows);
  line-height: 40px;
}

.campaign-details__download-btn {
  padding: 5px 30px;
  font-size: 14px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-one__title,
.comment-form__title {
  margin: 0;
  color: var(--thm-black);
  font-size: 34px;
  font-weight: 500;
  font-family: var(--thm-font);
  margin-bottom: 51px;
}

.comment-one__single {
  display: -webkit-box;
  display: flex;
  border-bottom: 1px solid #eae5e3;
  padding-bottom: 60px;
  margin-bottom: 60px;
}

.comment-one__content {
  position: relative;
  margin-left: 45px;
  width: 100%;
}

.comment-one__content h3 {
  margin: 0;
  font-size: 20px;
  color: var(--thm-black);
  font-weight: 500;
  margin-bottom: 30px;
  font-family: var(--thm-font);
}

.comment-one__content p {
  font-size: 16px;
  margin: 0;
}

.comment-one__btn {
  font-size: 14px;
  color: #ffffff;
  line-height: 40px;
  padding: 2px 30px;
  background: var(--thm-primary);
  font-weight: 700;
  /*position: absolute;*/
  /*top: 0;*/
  /*right: 0;*/
}

.comment-one__btn:hover {
  background: var(--thm-black);
}

.comment-one__image img {
  /*border-radius: 50%;*/
  width: 100px;
}

.comment-form .comment-form__title {
  margin-top: -8px;
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"] {
  height: 67px;
  width: 100%;
  border: none;
  background: #f7f4f2;
  padding: 0 40px;
  margin-bottom: 30px;
  border-radius: 30px;
  outline: none;
  font-size: 16px;
  color: var(--thm-gray);
}

.comment-form__input-box textarea {
  font-size: 16px;
  color: var(--thm-gray);
  height: 180px;
  width: 100%;
  background: #f7f4f2;
  padding: 20px 40px 30px;
  border: none;
  border-radius: 40px;
  outline: none;
  margin-bottom: 20px;
}

.comment-form__btn {
  background: var(--thm-primary);
}

.comment-form__btn:hover {
  background: var(--thm-black);
}

.campaign-details__organizer {
  position: relative;
  display: block;
  text-align: center;
  background: var(--thm-primary);
  border-radius: var(--thm-border-radius);
  padding: 50px 60px 40px;
}

.campaign-details__organizer-title {
  font-size: 30px;
  color: #ffffff;
  font-family: var(--thm-font-shadows);
  line-height: 40px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.campaign-details__organizer-text {
  color: #ffffff;
  margin: 0;
}

.campaign-details__donations {
  position: relative;
  display: block;
  background: #f7f4f2;
  border-radius: var(--thm-border-radius);
  padding: 42px 36px 45px 50px;
  margin-top: 30px;
}

.campaign-details__donations-title {
  font-size: 20px;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 18px;
}

.campaign-details__donations-list {
  position: relative;
  display: block;
}

.campaign-details__donations-list li {
  position: relative;
  display: flex;
  align-items: center;
}

.campaign-details__donations-list li + li {
  margin-top: 22px;
}

.campaign-details__donations-img img {
  border-radius: 8px;
}

.campaign-details__donations-content {
  margin-left: 20px;
}

.campaign-details__donations-content h4 {
  font-size: 18px;
  color: var(--thm-primary);
  font-family: var(--thm-font);
  line-height: 28px;
  margin-bottom: 3px;
}

.campaign-details__donations-content h5 {
  font-size: 16px;
  font-family: var(--thm-font);
  line-height: 26px;
  font-weight: 500;
}

.campaign-details__donations-content span {
  font-size: 14px;
  font-weight: 400;
  color: var(--thm-gray);
}

.campaign-details__donations-content p {
  font-size: 16px;
  margin: 0;
}

/*--------------------------------------------------------------
## Event Page
--------------------------------------------------------------*/
.event-page {
  position: relative;
  display: block;
  padding: 120px 0;
}

.event-page__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.event-page__img-box {
  position: relative;
  display: block;
}

.event-page__img {
  position: relative;
  display: block;
  background: var(--thm-black);
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.event-page__img img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease,
    -webkit-transform 500ms ease;
}

.event-page__single:hover .event-page__img img {
  opacity: 0.7;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.event-page__date {
  position: absolute;
  top: 20px;
  left: -20px;
  height: 62px;
  width: 62px;
  background: var(--thm-base);
  color: #ffffff;
  font-weight: 500;
  border-radius: var(--thm-border-radius);
  text-align: center;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.event-page__date p {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}

.event-page__content {
  position: relative;
  display: block;
  background: #ffffff;
  border: 1px solid #eae5e3;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 31px 40px 40px;
  border-top: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.event-page__single:hover .event-page__content {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, 0.07);
}

.event-page__title {
  font-size: 30px;
  font-family: var(--thm-font);
  line-height: 40px;
}

.event-page__title a {
  color: var(--thm-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.event-page__title a:hover {
  color: var(--thm-primary);
}

.event-page__meta-box {
  padding-top: 16px;
  padding-bottom: 19px;
}

.event-page__meta-box li {
  font-size: 16px;
}

.event-page__meta-box li i {
  font-size: 15px;
  color: var(--thm-primary);
  margin-right: 5px;
}

.event-page__btn {
  background: #f7f4f2;
  color: var(--thm-gray);
  padding: 5px 30px;
  font-size: 14px;
}

/*--------------------------------------------------------------
## Event Details Top
--------------------------------------------------------------*/
.event-details-top {
  position: relative;
  display: block;
  padding: 120px 0 60px;
}

.event-details-top__image {
  position: relative;
  display: block;
}

.event-details-top__image img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

.event-details-top__contant {
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: -10px;
}

.event-details-top__title {
  font-size: 40px;
  font-family: var(--thm-font);
  line-height: 48px;
  margin-bottom: 39px;
}

.event-details-top__text-one {
  padding-bottom: 18px;
}

.event-details-top__text-two {
  margin: 0;
}

/*--------------------------------------------------------------
## Event Details Bottom
--------------------------------------------------------------*/
.event-details-bottom {
  position: relative;
  display: block;
  padding-bottom: 120px;
}

.event-details-bottom-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 250px;
  width: 370px;
  opacity: 0.1;
}

.event-details-bottom-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 250px;
  width: 370px;
  opacity: 0.1;
}

.event-details-bottom__venue {
  position: relative;
  display: block;
  background: var(--thm-primary);
  border-radius: var(--thm-border-radius);
  padding: 52px 62px 60px;
}

.event-details-bottom__venue-title {
  font-size: 24px;
  color: #ffffff;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 21px;
}

.event-details-bottom__venue-text {
  color: #ffffff;
  margin: 0;
}

.event-details-bottom__venue ul {
  padding-top: 28px;
  padding-bottom: 20px;
}

.event-details-bottom__venue ul li {
  color: #ffffff;
}

.event-details-bottom__venue ul li + li {
  margin-top: 2px;
}

.event-details-bottom__venue-social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.event-details-bottom__venue-social a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #56b4e5;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.event-details-bottom__venue-social a + a {
  margin-left: 10px;
}

.event-details-bottom__venue-social a.clr-fb {
  background: #465fdd;
}

.event-details-bottom__venue-social a.clr-dri {
  background: #d8423f;
}

.event-details-bottom__venue-social a.clr-ins {
  background: #5374a0;
}

.event-details-bottom__venue-social a:hover {
  background: var(--thm-black);
}

/*Event Details Bottom Map*/
.event-details-bottom__map {
  position: relative;
  display: block;
  border: none;
  height: 100%;
  width: 100%;
  border-radius: var(--thm-border-radius);
}

/*Event Details Bottom Organizer*/
.event-details-bottom__organizer {
  position: relative;
  display: block;
  background: var(--thm-base);
  border-radius: var(--thm-border-radius);
  padding: 53px 62px 76px;
}

.event-details-bottom__organizer-title {
  font-size: 24px;
  color: #ffffff;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 22px;
}

.event-details-bottom__organizer-text {
  color: #ffffff;
  margin: 0;
}

.event-details-bottom__organizer-contact-info {
  padding-top: 36px;
}

.event-details-bottom__organizer-contact-info li {
  position: relative;
  display: flex;
}

.event-details-bottom__organizer-contact-info li + li {
  margin-top: 2px;
}

.event-details-bottom__organizer__icon i {
  font-size: 13px;
  color: #ffffff;
}

.event-details-bottom__organizer__content {
  margin-left: 20px;
}

.event-details-bottom__organizer__content p {
  margin: 0;
  color: #ffffff;
}

.event-details-bottom__organizer__content p a {
  color: #ffffff;
}

/*--------------------------------------------------------------
## News Page
--------------------------------------------------------------*/
.news-page {
  position: relative;
  display: block;
  padding: 20px 0;
}

.more-post__btn {
  margin-top: 30px;
}

/*--------------------------------------------------------------
## News Details
--------------------------------------------------------------*/
.news-details {
  position: relative;
  display: block;
  padding: 48px 0 120px;
}

.news-details__left {
  position: relative;
  display: block;
}

.news-details__img {
  position: relative;
  display: block;
}

.news-details__img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

.news-details__date-box {
  position: absolute;
  bottom: -33px;
  right: 20px;
  height: 67px;
  width: 67px;
  background: var(--thm-base);
  border-radius: 50%;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.news-details__date-box p {
  margin: 0;
  line-height: 19px;
}

.news-details__content {
  position: relative;
  display: block;
  padding: 0;
}

.news-details__meta {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.news-details__meta li + li {
  margin-left: 12px;
}

.news-details__meta li a {
  color: var(--thm-gray);
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-details__meta li a:hover {
  color: var(--thm-primary);
}

.news-details__meta li a i {
  color: var(--thm-primary);
  margin-right: 4px;
}

.news-details__title {
  font-size: 24px;
  font-family: var(--thm-font);
  font-weight: 500;
  line-height: 44px;
  margin-bottom: 6px;
  margin-top: 5px;
}

.news-details__text-one {
  line-height: 36px;
}

.news-details__text-two {
  line-height: 36px;
  padding-top: 22px;
  padding-bottom: 22px;
}

.news-details__text-three {
  line-height: 36px;
  margin: 0;
}

.news-details__bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #eae5e3;
  padding: 30px 0 30px;
  margin-top: 55px;
}

.news-details__bottom p {
  margin: 0;
}

.news-details__tags span {
  color: var(--thm-black);
  font-weight: 500;
}

.news-details__tags a {
  color: var(--thm-gray);
  font-size: 16px;
}

.news-details__social-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.news-details__social-list a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #56b4e5;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-details__social-list a + a {
  margin-left: 10px;
}

.news-details__social-list a.clr-fb {
  background: #465fdd;
}

.news-details__social-list a.clr-dri {
  background: #d8423f;
}

.news-details__social-list a.clr-ins {
  background: #5374a0;
}

.news-details__social-list a:hover {
  background: var(--thm-primary);
}

/* author */

.author-one {
  background-color: #f7f4f2;
  padding: 57px 60px 58px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 53px;
  border-radius: 8px;
}

.author-one__image img {
  border-radius: var(--thm-border-radius);
}

.author-one__content {
  margin-left: 40px;
}

.author-one__content h3 {
  font-size: 30px;
  font-family: var(--thm-font-shadows);
  line-height: 38px;
}

.author-one__content p {
  margin: 0;
  margin-top: 23px;
  line-height: 36px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}

.sidebar__single {
  border-radius: var(--thm-border-radius);
}

.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 23px;
  font-weight: 500;
  font-family: var(--thm-font);
}

.sidebar__title.clr-white {
  color: #ffffff;
  padding-bottom: 3px;
}

.sidebar__search {
  background-color: var(--thm-primary);
  padding: 45px 50px 50px;
}

.sidebar__search-form {
  position: relative;
}

.sidebar__search-form input[type="search"] {
  display: block;
  border: none;
  outline: none;
  background-color: #ffffff;
  color: var(--thm-gray);
  font-size: 16px;
  font-weight: 400;
  padding-left: 30px;
  height: 67px;
  border-radius: 33.5px;
  width: 100%;
  padding-right: 70px;
}

.sidebar__search-form ::-webkit-input-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}

.sidebar__search-form ::-moz-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--thm-gray);
  opacity: 1;
}

.sidebar__search-form ::placeholder {
  color: var(--thm-gray);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--thm-gray);
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--thm-gray);
}

.sidebar__search-form button[type="submit"] {
  background-color: transparent;
  color: var(--thm-base);
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0px;
  width: 70px;
  outline: none;
  border: none;
  height: 67px;
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 46px 20px 50px;
  background: #f7f4f2;
}

.sidebar__post .sidebar__title {
  padding-left: 15px;
}

.sidebar__post-list {
  margin: 0;
}

.sidebar__post-list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}

.sidebar__post-list li + li {
  margin-top: 28px;
}

.sidebar__post-image {
  margin-right: 20px;
}

.sidebar__post-image > img {
  width: 80px;
  border-radius: 8px;
}

.sidebar__post-content h3 {
  color: var(--thm-black);
  font-size: 16px;
  margin: 0;
  line-height: 28px;
  font-family: var(--thm-font);
  font-weight: 500;
}

.sidebar__post-content .sidebar__post-content_meta {
  color: var(--thm-gray);
  font-size: 14px;
  display: block;
  font-weight: 400;
}

.sidebar__post-content .sidebar__post-content_meta i {
  margin-right: 2px;
  color: var(--thm-primary);
}

.sidebar__post-content h3 {
  text-transform: unset;
}

.sidebar__post-content h3 a {
  color: var(--thm-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar__post-content h3 a:hover {
  color: var(--thm-primary);
}

.sidebar__category {
  position: relative;
  display: block;
  background: #f7f4f2;
  padding: 46px 20px 34px;
}

.sidebar__category .sidebar__title {
  padding-left: 15px;
  margin-bottom: 11px;
}

.sidebar__category-list {
  margin: 0;
}

.sidebar__category-list li + li {
  margin-top: 13px;
}

.sidebar__category-list li a {
  color: var(--thm-gray);
  font-size: 18px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 5px 15px;
  border-radius: 30px;
}

.sidebar__category-list li a:hover {
  background: #ffffff;
  color: var(--thm-black);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  height: 23px;
  width: 23px;
  background: var(--thm-primary);
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  opacity: 0;
}

.sidebar__category-list li a:hover span {
  opacity: 1;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
  position: relative;
  display: block;
  padding: 120px 0 110px;
}

.contact-page .block-title {
  margin-bottom: 50px;
}

.contact-form {
  position: relative;
  display: block;
  border: 1px solid #eae5e3;
  padding: 80px;
  margin-right: -30px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.contact-one__form .row {
  margin-right: -10px;
  margin-left: -10px;
}

.contact-one__form .col-xl-6 {
  padding-left: 10px;
  padding-right: 10px;
}

.contact-one__form .col-xl-12 {
  padding-left: 10px;
  padding-right: 10px;
}

.contact-form__input-box input[type="text"],
.contact-form__input-box input[type="email"] {
  height: 67px;
  width: 100%;
  border: none;
  background: #f7f4f2;
  padding: 0 40px;
  margin-bottom: 30px;
  border-radius: 30px;
  outline: none;
  font-size: 16px;
  color: var(--thm-gray);
}

.contact-form__input-box textarea {
  font-size: 16px;
  color: var(--thm-gray);
  height: 180px;
  width: 100%;
  background: #f7f4f2;
  padding: 20px 40px 30px;
  border: none;
  border-radius: 40px;
  outline: none;
  margin-bottom: 20px;
}

.contact-page__info-box {
  position: relative;
  display: block;
  background: #f7f4f2;
  text-align: center;
  border: 1px solid #eae5e3;
  border-left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 77px 0;
  width: 100%;
}

.contact-page__info-box-address {
  padding-bottom: 33px;
}

.contact-page__info-box-tilte {
  font-size: 18px;
  font-family: var(--thm-font);
  font-weight: 500;
  margin-bottom: 13px;
}

.contact-page__info-box-address-text {
  font-size: 16px;
  margin: 0;
  line-height: 28px;
}

.contact-page__info-box-phone {
  padding-bottom: 33px;
}

.contact-page__info-box-phone-number {
  font-size: 16px;
  margin: 0;
  line-height: 28px;
}

.contact-page__info-box-phone-number a {
  color: var(--thm-gray);
}

.contact-page__info-box-email {
  padding-bottom: 33px;
}

.contact-page__info-box-email-address {
  font-size: 16px;
  margin: 0;
  line-height: 28px;
}

.contact-page__info-box-email-address a {
  color: var(--thm-gray);
}

.contact-page__info-box-follow-social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}

.contact-page__info-box-follow-social a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  background-color: #56b4e5;
  color: #ffffff;
  font-size: 15px;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page__info-box-follow-social a + a {
  margin-left: 10px;
}

.contact-page__info-box-follow-social a.clr-fb {
  background: #465fdd;
}

.contact-page__info-box-follow-social a.clr-dri {
  background: #d8423f;
}

.contact-page__info-box-follow-social a.clr-ins {
  background: #5374a0;
}

.contact-page__info-box-follow-social a:hover {
  background: var(--thm-primary);
}

/*--------------------------------------------------------------
# Contact Page Google Map
--------------------------------------------------------------*/
.contact-page-google-map {
  position: relative;
  display: block;
}

.contact-page-google-map__one {
  position: relative;
  display: block;
  border: none;
  height: 560px;
  width: 100%;
}

/*--------------------------------------------------------------
# Become Volunteer
--------------------------------------------------------------*/
.become-volunteer {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.become-volunteer__left {
  position: relative;
  display: block;
}

.become-volunteer__img {
  position: relative;
  display: block;
  margin-bottom: 31px;
}

.become-volunteer__img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

.become-volunteer__requirements h3 {
  font-size: 30px;
  font-family: var(--thm-font);
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 29px;
}

.become-volunteer__text {
  margin: 0;
  line-height: 36px;
}

.become-volunteer__requirements-list {
  position: relative;
  display: block;
  border-bottom: 1px solid #eae5e3;
  padding-top: 45px;
  padding-bottom: 37px;
  margin-bottom: 27px;
}

.become-volunteer__requirements-list li {
  display: flex;
  align-items: center;
}

.become-volunteer__requirements-icon span {
  font-size: 26px;
  color: var(--thm-base);
  position: relative;
  top: 3px;
}

.become-volunteer__requirements-text {
  margin-left: 15px;
}

.become-volunteer__requirements-text p {
  font-size: 20px;
  color: var(--thm-black);
  margin: 0;
}

.become-volunteer__requirements-list li + li {
  margin-top: 11px;
}

.become-volunteer__mail-box {
  position: relative;
  display: block;
}

.become-volunteer__mail-box p {
  font-size: 24px;
  margin: 0;
  font-family: var(--thm-font-shadows);
  color: var(--thm-black);
}

.become-volunteer__mail-box a {
  font-size: 24px;
  color: var(--thm-primary);
}

.become-volunteer__right {
  position: relative;
  display: block;
}

.become-volunteer__form {
  position: relative;
  display: block;
}

.become-volunteer__input {
  position: relative;
  display: block;
}

.become-volunteer__input input[type="text"],
.become-volunteer__input input[type="email"] {
  height: 67px;
  width: 100%;
  border: none;
  background: #f7f4f2;
  padding: 0 40px;
  margin-bottom: 20px;
  border-radius: 30px;
  outline: none;
  font-size: 16px;
  color: var(--thm-gray);
}

.become-volunteer__input textarea {
  font-size: 16px;
  color: var(--thm-gray);
  height: 180px;
  width: 100%;
  background: #f7f4f2;
  padding: 20px 40px 30px;
  border: none;
  border-radius: 40px;
  outline: none;
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Make Donation Two
--------------------------------------------------------------*/
.make-donation-two {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.make-donation-two__left {
  position: relative;
  display: block;
  margin-right: 64px;
}

.make-donation-two__left .block-title {
  margin-bottom: 40px;
}

.make-donation-two__text {
  margin: 0;
}

.make-donation-two__progress {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 32px;
}

.make-donation-two__progress-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  font-family: var(--thm-font);
  margin-bottom: 7px;
}

.make-donation-two__progress .bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #eae5e3;
  border-radius: 5px;
  margin-bottom: 12px;
}

.make-donation-two__progress .bar.mrb-0 {
  margin-bottom: 0;
}

.make-donation-two__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 10px;
  border-radius: 5px;
  background: var(--thm-primary);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.make-donation-two__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 12px;
  color: var(--thm-gray);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.make-donation-two__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.make-donation-two__right {
  position: relative;
  display: block;
  margin-left: -40px;
}

.make-donation-two__right .row {
  margin-right: -5px;
  margin-left: -5px;
}

.make-donation-two__right .col-xl-6 {
  padding-left: 5px;
  padding-right: 5px;
}

.make-donation-two__single-img {
  position: relative;
  display: block;
}

.make-donation-two__single-img img {
  width: 100%;
  border-radius: var(--thm-border-radius);
}

/*--------------------------------------------------------------
# You Can Help Two
--------------------------------------------------------------*/
.you-can-help-two {
  padding-top: 120px;
  margin-top: 0;
}

/*--------------------------------------------------------------
# Testimonials Three
--------------------------------------------------------------*/
.testimonials-three {
  padding-top: 60px;
  margin-top: 0;
}

/*--------------------------------------------------------------
# Testimonials Three
--------------------------------------------------------------*/
.brand-four {
  position: relative;
  display: block;
  border-top: 0;
}

.brand-four-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* bootstrap*/
.btn-link {
  color: var(--thm-primary);
}

.guide-counter-one .counter-one__single {
  width: 30%;
  max-width: 400px;
}

.guide-counter-one .counter-one__single-inner {
  background: #fff;
  padding: 20px 20px;
  min-height: 220px;
  display: flex;
  /*justify-content: center;*/
  /* justify-items: center; */
  /* align-items: center; */
  flex-direction: column;
}

.guide-counter-one:before {
  content: none;
}

.about-counter-one .counter-one__single-inner {
  background: #fff;
  padding: 20px 5px;
  color: #fff;
}

.about-counter-one .counter-one__single-inner h2 {
  color: #fff;
}

.campaign-details-file-title {
  margin: 30px 0;
  font-size: 20px;
  color: var(--thm-black);
  font-weight: 500;
  font-family: var(--thm-font);
  padding-left: 45px;
}

.you-can-help__three-icon-guide {
  position: relative;
}

.you-can-help__three-icon-guide:before {
  content: " ";
  display: block;
  height: 1px;
  background: #aaa;
  position: absolute;
  left: -20px;
  right: -20px;
  top: 50%;
  z-index: 1;
}

.welcome-one__img-no-before:before {
  content: none;
}

.featured-campaigns__title-no-bottom {
  margin-bottom: 0;
  border-bottom: none;
}

.about-rules-title h3 {
  color: #212529;
  font-family: var(--thm-font);
  font-size: 18px;
  line-height: 34px;
  font-weight: bold;
}

.about-counter-one:before {
  content: none;
}

.mobile-nav__top a.download-btn {
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  background: #ff8759;
  display: inline-block;
  padding: 5px 30px;
  border-radius: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-top: 45px;
}

.mobile-nav__top a.download-btn i {
  padding-right: 7px;
  position: relative;
  top: 2px;
}

.mobile-nav__top a.download-btn:hover {
  background: var(--thm-black);
  color: #fff;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ovh {
  overflow: hidden;
}
.df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.dfc {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dfs {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*背景渐变*/
.grad {
  background-image: linear-gradient(to right, #d12324, #fff);
}
/*兼容手机*/
@media only screen and (max-width: 980px) {
  body {
    width: 1200px;
  }
}
/* common css */
#header {
  width: 100%;
  height: 182px;
}
#header .header-top {
  height: 132px;
  width: 1200px;
  margin: 0 auto;
}
#header .header-top .header-title {
  margin-top: 66px;
  float: left;
}
#header .header-top .header-title .logo {
  float: left;
  width: 200px;
  height: 28px;
  background-image: url("../img/index/logo.png");
  background-repeat: no-repeat;
}
#header .header-top .header-title h1 {
  float: left;
  font-size: 24px;
  font-weight: normal;
  color: #404040;
}
#header .header-top .header-contract {
  color: #404040;
  margin-top: 23px;
  float: right;
  overflow: hidden;
}
#header .header-top .header-contract .tel-box {
  margin-top: 24px;
  float: left;
  overflow: hidden;
}
#header .header-top .header-contract .tel-box .tel-logo {
  float: left;
  margin-right: 16px;
}
#header .header-top .header-contract .tel-box .tel-txt {
  float: right;
}
#header .header-top .header-contract .tel-box .tel-txt p {
  font-size: 20px;
  line-height: 26px;
}
#header .header-top .header-contract .wx {
  float: right;
  width: 72px;
  height: 72px;
  margin-left: 44px;
}
#header .nav {
  height: 50px;
  background-color: #d12324;
  position: relative;
}
#header .nav ul {
  width: 1200px;
  margin: 0 auto;
  height: 50px;
}
#header .nav ul li {
  width: 170px;
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
}
#header .nav ul li > p {
  cursor: pointer;
}
#header .nav ul li > p.active {
  background-color: #b41717;
}
#header .nav ul li > p:hover {
  background-color: #b41717;
}
#header .nav ul .product {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 10;
  height: 477px;
  background-color: #f5f5f5;
  box-shadow: 0px 7px 20px 0px rgba(25, 14, 18, 0.43);
  font-size: 16px;
  line-height: 40px;
  color: #b41717;
}
#header .nav ul .product .inner {
  width: 1200px;
  margin: 50px auto 0;
  text-align: left;
}
#header .nav ul .product .inner .item {
  float: left;
  width: 540px;
  height: 65px;
  margin-right: 96px;
  margin-bottom: 34px;
  line-height: 30px;
}
#header .nav ul .product .inner .item .title {
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 16px;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #d12324;
  border-bottom: 1px dashed #b4b4b4;
  cursor: pointer;
}
#header .nav ul .product .inner .item .title:hover {
  color: #8a0000;
}
#header .nav ul .product .inner .item p > span {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
  display: inline-block;
  padding-right: 28px;
}
#header .nav ul .scheme {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 10;
  height: 358px;
  background-color: #f5f5f5;
  box-shadow: 0px 7px 20px 0px rgba(25, 14, 18, 0.43);
  font-size: 16px;
  line-height: 40px;
  color: #b41717;
}
#header .nav ul .scheme .inner {
  width: 1200px;
  margin: 24px auto 0;
  text-align: left;
}
#header .nav ul .scheme .inner .fl {
  margin-left: 152px;
  width: 444px;
  height: 300px;
  cursor: default;
}
#header .nav ul .scheme .inner .fl p {
  margin-bottom: 10px;
}
#header .nav ul .scheme .inner .fl p.title {
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 16px;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #d12324;
  border-bottom: 1px dashed #b4b4b4;
}
#header .nav ul .scheme .inner .fl p span {
  float: left;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 0px;
  color: #424242;
  width: 140px;
}
#header .nav ul .scheme .inner .fr {
  margin-left: 30px;
  width: 530px;
  height: 300px;
}
#header .nav ul .scheme .inner .fr p {
  margin-bottom: 10px;
}
#header .nav ul .scheme .inner .fr p.title {
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 16px;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #d12324;
  border-bottom: 1px dashed #b4b4b4;
}
#header .nav ul .scheme .inner .fr ul > li {
  width: 500px;
  float: none;
  display: block;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #424242;
  text-align: left;
  cursor: pointer;
}
#header .nav ul .scheme .inner .fr ul > li i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #b41717;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
#header .nav ul .scheme .inner .fr ul > li:hover {
  color: #d12324;
}
#footer {
  height: 284px;
  background-color: #3d3d3d;
}
#footer .company {
  width: 100%;
  height: 44px;
  background-color: #d12324;
}
#footer .company .inner {
  width: 1200px;
  margin: 0 auto;
}
#footer .company .inner p {
  color: #fff;
  font-size: 17px;
  line-height: 44px;
}
#footer .company .inner p.chinese {
  float: left;
}
#footer .company .inner p.english {
  float: right;
}
#footer .foot-middle {
  width: 1200px;
  margin: 42px auto;
  height: 42px;
}
#footer .foot-middle .logo-contract {
  float: left;
  height: 42px;
}
#footer .foot-middle .logo-contract .logo-foot {
  float: left;
}
#footer .foot-middle .logo-contract ul {
  float: left;
  margin-left: 34px;
  padding-top: 10px;
  overflow: hidden;
}
#footer .foot-middle .logo-contract ul .phone {
  position: relative;
  top: -7px;
  overflow: hidden;
}
#footer .foot-middle .logo-contract ul .phone img {
  float: left;
  margin-right: 14px;
}
#footer .foot-middle .logo-contract ul .phone p {
  float: left;
  font-size: 13px;
  color: #ffffff;
}
#footer .foot-middle .icon-box {
  float: right;
}
#footer .foot-middle .icon-box .icon {
  float: right;
  width: 37px;
  height: 29px;
  margin-left: 34px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#footer .foot-middle .icon-box .icon:first-child {
  background-image: url("../img/index/weibo_nor.png");
}
#footer .foot-middle .icon-box .icon:first-child:hover {
  background-image: url("../img/index/weibo_sel.png");
}
#footer .foot-middle .icon-box .icon:last-child {
  background-image: url("../img/index/weixin_nor.png");
}
#footer .foot-middle .icon-box .icon:last-child:hover {
  background-image: url("../img/index/weixin_sel.png");
}
#footer .foot-bottom {
  width: 1200px;
  margin: 0 auto;
}
#footer .foot-bottom p {
  font-size: 13px;
  color: #fff;
}
#footer .foot-bottom .copyright {
  margin-top: 20px;
}
/* 首页 */
#index-content {
  height: 1280px;
}
#index-content .banner {
  height: 400px;
}
#index-content .banner .banner-img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
#index-content .banner .banner-img#img1 {
  background-image: url("../img/index/banner/banner2.jpg");
}
#index-content .banner .banner-img#img2 {
  background-image: url("../img/index/banner/banner.jpg");
}
#index-content .banner .banner-img#img3 {
  background-image: url("../img/index/banner/banner3.jpg");
}
#index-content .banner .banner-img#img4 {
  background-image: url("../img/index/banner/banner4.jpg");
}
#index-content .banner .banner-img#img5 {
  background-image: url("../img/index/banner/banner5.jpg");
}
#index-content .banner .banner-img#img6 {
  background-image: url("../img/index/banner/banner7.jpg");
}
#index-content .banner .banner-img#img7 {
  background-image: url("../img/index/banner/banner6.jpg");
}
#index-content .banner .device {
  background: #eee;
  position: relative;
  height: 100%;
  width: 100%;
}
#index-content .banner .device .arrow-left {
  background: url("../img/index/banner_left.png") no-repeat left top;
  position: absolute;
  left: 100px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  z-index: 9;
}
#index-content .banner .device .arrow-right {
  background: url("../img/index/banner_right.png") no-repeat left bottom;
  position: absolute;
  right: 100px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  z-index: 9;
}
#index-content .banner .swiper-container {
  width: 100%;
  height: 100%;
}
#index-content .banner .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
  z-index: 9;
}
#index-content .banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
#index-content .banner .swiper-active-switch {
  background: #fff;
}
#index-content .feature {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/index/tedian.png");
  background-repeat: no-repeat;
}
#index-content .feature p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#index-content .feature-icon {
  width: 1006px;
  height: 166px;
  margin: 0 auto;
}
#index-content .feature-icon .item {
  float: left;
  width: 124px;
  height: 166px;
  padding-right: 96px;
}
#index-content .feature-icon .item:last-child {
  padding-right: 0;
}
#index-content .feature-icon .item .img {
  width: 124px;
  height: 124px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#index-content .feature-icon .item .img#fast {
  background-image: url("../img/index/kuai_nor.png");
}
#index-content .feature-icon .item .img#fast:hover {
  background-image: url("../img/index/kuai_sel.png");
}
#index-content .feature-icon .item .img#defend {
  background-image: url("../img/index/fang_nor.png");
}
#index-content .feature-icon .item .img#defend:hover {
  background-image: url("../img/index/fang_sel.png");
}
#index-content .feature-icon .item .img#easy {
  background-image: url("../img/index/yi_nor.png");
}
#index-content .feature-icon .item .img#easy:hover {
  background-image: url("../img/index/yi_sel.png");
}
#index-content .feature-icon .item .img#simple {
  background-image: url("../img/index/jian_nor.png");
}
#index-content .feature-icon .item .img#simple:hover {
  background-image: url("../img/index/jian_sel.png");
}
#index-content .feature-icon .item .img#stable {
  background-image: url("../img/index/wen_nor.png");
}
#index-content .feature-icon .item .img#stable:hover {
  background-image: url("../img/index/wen_sel.png");
}
#index-content .feature-icon .item p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 54px;
  letter-spacing: 0px;
  color: #3f3f3f;
}
#index-content .news {
  width: 1200px;
  margin: 80px auto 0;
  overflow: hidden;
}
#index-content .news div {
  width: 540px;
}
#index-content .news div .title .fl span {
  display: inline-block;
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  cursor: pointer;
  width: 94px;
  height: 30px;
  text-align: center;
}
#index-content .news div .title .fl .hover {
  color: #fff;
  background-color: #d12324;
  border-radius: 15px;
}
#index-content .news div .title .fl .line-r1 {
  display: inline-block;
  width: 2px;
  height: 27px;
  background-color: #b9b9b9;
  position: relative;
  top: 7px;
  margin: 0 10px;
}
#index-content .news div .title .fr {
  font-size: 14px;
  color: #317ee6;
  line-height: 30px;
  cursor: pointer;
}
#index-content .news div .title .fr:hover {
  color: #006dd9;
}
#index-content .news div .line {
  margin-top: 7px;
  height: 3px;
}
#index-content .news div .news-pic {
  margin: 9px 0 17px;
  display: block;
  width: 540px;
  height: 140px;
  position: relative;
}
#index-content .news div .news-pic:hover {
  box-shadow: 2px 2px 2px #ebd7d7;
}
#index-content .news div h2 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #1e1e1e;
  cursor: pointer;
}
#index-content .news div .summary {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #575757;
  text-indent: 25px;
}
#index-content .news div .summary span {
  font-size: 14px;
  color: #317ee6;
  cursor: pointer;
}
#index-content .news div ul {
  margin-top: 8px;
}
#index-content .news div ul > li {
  padding-top: 6px;
  width: 100%;
  height: 28px;
  border-bottom: dashed 1px #b4b4b4;
  cursor: pointer;
}
#index-content .news div ul > li .fl {
  width: 450px;
}
#index-content .news div ul > li .fl span {
  font-size: 16px;
  color: #1e1e1e;
}
#index-content .news div ul > li .fl span:hover {
  color: #d02323;
}
#index-content .news div ul > li .fl .point {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  background-color: #d12324;
  position: relative;
  margin-right: 6px;
  top: -3px;
}
#index-content .news div ul > li .fr {
  font-size: 14px;
  color: #656565;
}
#index-content .news .solution {
  float: left;
}
#index-content .news .information {
  float: right;
}
/* 特点 */
#feature .banner {
  height: 290px;
  background-image: url("../img/index/chanpintedian_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#feature .banner h1 {
  padding-top: 88px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#feature .banner p {
  margin: 0 auto;
  text-align: center;
  width: 966px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#feature .feature-box {
  width: 1200px;
  margin: 62px auto 0;
  height: 816px;
}
#feature .feature-box .item {
  width: 1198px;
  height: 97px;
  background-color: #fff;
  border-radius: 10px;
  border: solid 1px #d02323;
  margin-bottom: 30px;
  overflow: hidden;
}
#feature .feature-box .item.active {
  background-color: #fff2f2;
  box-shadow: 1px 4px 5px 0px rgba(216, 86, 86, 0.43);
}
#feature .feature-box .item.h117 {
  height: 117px;
}
#feature .feature-box .item.h117 .name > p {
  line-height: 116px;
}
#feature .feature-box .item .name {
  float: left;
  width: 157px;
  height: 97px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  left: -2px;
  background-repeat: no-repeat;
}
#feature .feature-box .item .name p {
  width: 20px;
  height: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 96px;
  letter-spacing: 0px;
  color: #ffffff;
  padding-left: 100px;
}
#feature .feature-box .item .desc {
  width: 946px;
  float: left;
  padding: 12px 25px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #444444;
  line-height: 24px;
}
#feature .feature-box .item .desc span {
  font-weight: bold;
}
#feature .feature-box #fast {
  background-image: url("../img/index/kuai.png");
}
#feature .feature-box #defend {
  background-image: url("../img/index/fang.png");
  height: 117px;
}
#feature .feature-box #easy {
  background-image: url("../img/index/yi.png");
}
#feature .feature-box #simple {
  background-image: url("../img/index/jian.png");
}
#feature .feature-box #stable {
  background-image: url("../img/index/wen.png");
  height: 117px;
}
/* 解决方案 */
#scheme {
  height: 1367px;
}
#scheme .banner {
  height: 290px;
  background-image: url("../img/scheme/jiejue_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#scheme .bg {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/scheme/jiejue_fangan.png");
  background-repeat: no-repeat;
}
#scheme .bg p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#scheme .bg-txt {
  width: 1200px;
  height: 132px;
  margin: 0 auto;
  padding-top: 20px;
}
#scheme .bg-txt > div {
  float: left;
  width: 50%;
  height: 132px;
  text-align: center;
}
#scheme .bg-txt > div .item {
  display: inline-block;
  width: 333px;
  height: 132px;
}
#scheme .bg-txt > div .item .left {
  padding-top: 23px;
}
#scheme .bg-txt > div .item .left img {
  max-width: 80px;
}
#scheme .bg-txt > div .item .right .title {
  font-family: MicrosoftYaHei;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#scheme .bg-txt > div .item .right p {
  font-size: 14px;
  padding-left: 38px;
  text-align: left;
}
#scheme .solution {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/scheme/jiejue_jiejue.png");
  background-repeat: no-repeat;
}
#scheme .solution p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#scheme .solution-box {
  width: 930px;
  height: 410px;
  margin: 0 auto;
  padding-top: 40px;
}
#scheme .solution-box .item {
  width: 180px;
  height: 180px;
  border: 1px solid #d02323;
  cursor: pointer;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
}
#scheme .solution-box .item > div {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: relative;
  left: -10px;
}
#scheme .solution-box .item > div .title {
  width: 174px;
  text-align: center;
  font-family: DIN-Medium;
  font-size: 67px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #d02323;
  line-height: 85px;
}
#scheme .solution-box .item > div p {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
  line-height: 24px;
  position: relative;
  left: -10px;
  text-align: center;
}
#scheme .solution-box .item:hover {
  box-shadow: 3px 3px 5px #eee;
}
#scheme .solution-box .first {
  position: relative;
  left: 37px;
  top: 37px;
}
#scheme .solution-box .second {
  position: relative;
  left: 204px;
  top: 9px;
}
#scheme .solution-box .third {
  position: relative;
  left: 374px;
  top: -327px;
  background-color: #d02323;
}
#scheme .solution-box .third > div .title {
  color: #ffffff;
}
#scheme .solution-box .third > div p {
  color: #fff;
}
#scheme .solution-box .four {
  position: relative;
  left: 540px;
  top: -355px;
}
#scheme .solution-box .five {
  position: relative;
  left: 711px;
  top: -691px;
}
/* 产品中心 */
#product {
  height: 1568px;
}
#product .banner {
  height: 290px;
  background-image: url("../img/products/chanpin_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#product .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#product .banner p {
  margin: 0 auto;
  text-align: center;
  width: 966px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#product .zizhi {
  width: 534px;
  height: 77px;
  margin: 80px auto 44px;
  background-image: url("../img/products/chanpinzizhi.png");
  background-repeat: no-repeat;
}
#product .zizhi p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#product .jianjie {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/products/chanpinjianjie.png");
  background-repeat: no-repeat;
}
#product .jianjie p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#product .zizhi-box {
  width: 1166px;
  margin: 0 auto;
  height: 320px;
}
#product .zizhi-box .item {
  width: 33%;
  text-align: center;
  float: left;
}
#product .zizhi-box .item h2 {
  font-family: MicrosoftYaHei;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 68px;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#product .zizhi-box .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#product .product-desc {
  width: 1180px;
  margin: 0 auto;
  overflow: hidden;
}
#product .product-desc .item {
  float: left;
  width: 560px;
  height: 88px;
  margin-bottom: 50px;
  margin-right: 90px;
}
#product .product-desc .item img {
  float: left;
  margin-right: 12px;
}
#product .product-desc .item h3 {
  font-weight: bold;
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#product .product-desc .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #424242;
}
#product .product-desc .item p span {
  color: #317ee6;
  cursor: pointer;
}
#product .product-desc .item p span:hover {
  color: #006dd9;
}
#product .product-desc .mr0 {
  margin-right: 0;
  width: 530px;
}
/* 应用场景 */
#scene .banner {
  height: 290px;
  background-image: url("../img/scene/yingyong_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#scene .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#scene .banner p {
  margin: 0 auto;
  text-align: center;
  width: 966px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#scene .article {
  margin-top: 32px;
}
#scene .article .title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 114px;
  letter-spacing: 0px;
  color: #b41717;
  text-align: center;
}
#scene .article .section {
  margin: 0 auto 40px;
  width: 1200px;
  overflow: hidden;
}
#scene .article .section div {
  height: 362px;
  width: 589px;
  float: left;
}
#scene .article .section p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #575757;
  text-indent: 40px;
}
#scene .article .section .pic1 {
  width: 553px;
  height: 362px;
  float: left;
  margin-left: 50px;
}
#scene .article .section .pic2 {
  display: block;
  width: 670px;
  margin: 20px auto 0;
}
#scene .article .section .pic3 {
  float: left;
  margin-right: 50px;
  width: 551px;
  height: 353px;
}
#scene .article .section .pic4 {
  width: 567px;
  height: 385px;
  display: block;
  margin: 20px auto 0;
}
/* 成功案例 */
#demo {
  margin-bottom: 60px;
}
#demo .banner {
  height: 290px;
  background-image: url("../img/demo/banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#demo .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#demo .banner p {
  margin: 0 auto;
  text-align: center;
  width: 970px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#demo .custom {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/demo/guanyu_dainxingkehu.png");
  background-repeat: no-repeat;
}
#demo .custom p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#demo .custom-item {
  width: 1150px;
  margin: 0 auto;
  overflow: hidden;
}
#demo .custom-item .title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #6a6a6a;
}
#demo .custom-item .item {
  float: left;
  width: 168px;
  height: 124px;
  margin-right: 28px;
  margin-bottom: 26px;
  position: relative;
  top: 0;
}
#demo .custom-item .item:hover {
  top: -1px;
}
#demo .custom-item .item img {
  display: block;
  width: 168px;
  height: 96px;
}
#demo .custom-item .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #434343;
  text-align: center;
}
/* 关于我们 */
#aboutUs .banner {
  height: 290px;
  background-image: url("../img/aboutUs/guanyu_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#aboutUs .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#aboutUs .banner p {
  margin: 0 auto;
  text-align: center;
  width: 970px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#aboutUs .custom {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/demo/guanyu_dainxingkehu.png");
  background-repeat: no-repeat;
}
#aboutUs .custom p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#aboutUs .custom-item {
  width: 1150px;
  margin: 0 auto;
  overflow: hidden;
}
#aboutUs .custom-item .title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #6a6a6a;
}
#aboutUs .custom-item .item {
  float: left;
  width: 168px;
  height: 124px;
  margin-right: 28px;
  margin-bottom: 26px;
  position: relative;
  top: 0;
}
#aboutUs .custom-item .item:hover {
  top: -1px;
}
#aboutUs .custom-item .item img {
  display: block;
  width: 168px;
  height: 96px;
}
#aboutUs .custom-item .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #434343;
  text-align: center;
}
#aboutUs .desc {
  overflow: hidden;
  width: 1200px;
  margin: 68px auto;
}
#aboutUs .desc img {
  float: left;
  display: block;
  width: 581px;
  height: 381px;
  margin-right: 60px;
}
#aboutUs .desc .txt {
  float: left;
  width: 558px;
  height: 314px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #727272;
  text-indent: 40px;
  margin-top: 30px;
}
#aboutUs .desc p {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 30px;
  color: #595959;
}
#aboutUs .desc p.title {
  font-weight: bold;
}
#aboutUs .desc p .web {
  color: #2778dc;
  cursor: pointer;
}
#aboutUs .contract {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/aboutUs/guanyu_lianxi.png");
  background-repeat: no-repeat;
}
#aboutUs .contract p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
/* 资讯中心 */
#news .banner {
  height: 290px;
  background-image: url("../img/news/banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#news .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#news .banner p {
  margin: 0 auto;
  text-align: center;
  width: 970px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#news .inner {
  width: 1200px;
  margin: 60px auto;
  overflow: hidden;
}
#news .inner .tab {
  float: left;
  width: 178px;
  height: 97px;
  border: 1px solid #a6a6a6;
  font-size: 18px;
  margin-right: 10px;
}
#news .inner .tab p {
  text-align: center;
  line-height: 48px;
  color: #424242;
  background-color: #fff;
  cursor: pointer;
}
#news .inner .tab p:first-child {
  border-bottom: 1px solid #a6a6a6;
}
#news .inner .tab p.active {
  background-color: #d02323;
  color: #fff;
}
#news .inner .company-news {
  width: 1000px;
  float: right;
}
#news .inner .company-news .news-head {
  overflow: hidden;
}
#news .inner .company-news .news-head img {
  display: block;
  float: left;
  width: 474px;
  height: 267px;
  margin-right: 52px;
}
#news .inner .company-news .news-head h2 {
  font-family: MicrosoftYaHei;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #1e1e1e;
  white-space: nowrap;
}
#news .inner .company-news .news-head p {
  text-indent: 40px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #575757;
}
#news .inner .company-news .news-head p span {
  color: #317ee6;
  cursor: pointer;
}
#news .inner .company-news .list {
  margin-top: 32px;
}
#news .inner .company-news .list .item {
  padding-top: 10px;
  height: 60px;
  border-bottom: dashed 1px #b4b4b4;
}
#news .inner .company-news .list .item .left {
  float: left;
}
#news .inner .company-news .list .item .left p {
  cursor: pointer;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #1e1e1e;
}
#news .inner .company-news .list .item .left p:hover {
  color: #d02323;
}
#news .inner .company-news .list .item .left i {
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #d02323;
  position: relative;
  top: -2px;
}
#news .inner .company-news .list .item .right {
  float: right;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #656565;
}
#news .inner .company-news .pages {
  margin-left: 114px;
  margin-top: 56px;
  height: 32px;
  font-family: MicrosoftYaHei;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #888282;
}
#news .inner .company-news .pages .num {
  float: left;
  width: 400px;
  overflow: hidden;
}
#news .inner .company-news .pages .num span {
  cursor: pointer;
  color: #888282;
  float: left;
  width: 30px;
  height: 28px;
  border: 1px solid #a6a6a6;
  text-align: center;
  border-left: none;
}
#news .inner .company-news .pages .num span:first-child,
#news .inner .company-news .pages .num span.after-point {
  border-left: 1px solid #a6a6a6;
}
#news .inner .company-news .pages .num span:first-child,
#news .inner .company-news .pages .num span:last-child {
  width: 81px;
}
#news .inner .company-news .pages .num span.active {
  border: 1px solid #b41717;
  color: #b41717;
}
#news .inner .company-news .pages .num span.point {
  border: none;
}
#news .inner .company-news .pages .jump {
  float: left;
  margin-left: 26px;
  margin-right: 18px;
}
#news .inner .company-news .pages .jump input {
  width: 30px;
  height: 28px;
  text-align: center;
  background-color: #fff;
  border: solid 1px #a6a6a6;
}
#news .inner .company-news .pages button {
  float: left;
  width: 63px;
  height: 29px;
  background-color: #ffffff;
  border: solid 1px #b41717;
  color: #b41717;
}
/* 产品详情 */
#productDetail {
  width: 1200px;
  margin: 0 auto;
}
#productDetail .pro-head {
  padding-top: 54px;
  padding-bottom: 57px;
  height: 433px;
}
#productDetail .pro-head .left {
  float: left;
  margin-right: 63px;
}
#productDetail .pro-head .left .big {
  width: 350px;
  height: 350px;
  display: block;
}
#productDetail .pro-head .left .icon-box {
  margin-top: 18px;
}
#productDetail .pro-head .left .small {
  float: left;
  width: 52px;
  height: 52px;
  border: solid 1px #d1d1d1;
  margin-right: 20px;
  cursor: pointer;
}
#productDetail .pro-head .left .small:hover {
  border: solid 1px #333;
}
#productDetail .pro-head .right {
  float: left;
}
#productDetail .pro-head .right h1 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #434343;
  padding-bottom: 23px;
}
#productDetail .pro-head .right .gre-line {
  width: 435px;
  height: 3px;
  background-color: #d02323;
  background-image: linear-gradient(to right, #d02323, #fff);
}
#productDetail .pro-head .right .desc {
  padding-top: 40px;
}
#productDetail .pro-head .right .desc li {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #434343;
}
#productDetail .pro-head .right .desc li i {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #d02323;
  margin-right: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#productDetail .pro-nav {
  height: 38px;
  background-color: #f7f7f7;
}
#productDetail .pro-nav li {
  float: left;
  width: 106px;
  height: 38px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: center;
  cursor: pointer;
}
#productDetail .pro-nav li.active {
  color: #ffffff;
  background-color: #d02323;
}
#productDetail .pro-detail {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #424242;
  margin-top: 55px;
  margin-bottom: 60px;
}
#productDetail .pro-detail .title-box {
  padding-top: 50px;
  padding-bottom: 20px;
  margin: 0 auto;
  width: 220px;
  text-align: center;
  height: 50px;
}
#productDetail .pro-detail .title-box .title {
  width: 220px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #b41717;
}
#productDetail .pro-detail .title-box i {
  display: block;
  margin: 2px auto;
  height: 1px;
  background-color: #b41717;
}
#productDetail .pro-detail .title-box .line-top {
  width: 172px;
}
#productDetail .pro-detail .title-box .line-bottom {
  width: 196px;
}
#productDetail .pro-detail table {
  width: 100%;
  text-align: center;
}
#productDetail .pro-detail table tr {
  width: 1200px;
  height: 59px;
  font-size: 14px;
  color: #424242;
}
#productDetail .pro-detail table tr:nth-of-type(2n + 1) {
  /*background-color: #f4f4f4;*/
}
#productDetail .pro-detail table tr.head {
  font-weight: bold;
  color: #b41717;
  background-color: #ffeded;
}
#productDetail .pro-detail table tr td:first-child {
  width: 20%;
}
#productDetail .pro-detail .switch-price {
  width: 1200px;
  height: 160px;
  text-align: center;
  margin-top: 30px;
}
#productDetail .pro-detail .switch-price .item {
  float: left;
  width: 182px;
  margin-right: 71px;
}
#productDetail .pro-detail .switch-price .item img {
  margin: 0 auto;
  display: block;
  width: 104px;
  height: 104px;
  background-color: #d02323;
  border-radius: 10px;
  margin-bottom: 21px;
}
#productDetail .pro-detail .switch-price .item .tip {
  white-space: nowrap;
}
#productDetail .pro-detail .switch-img-box {
  overflow: hidden;
}
#productDetail .pro-detail .switch-img-box div {
  float: left;
  width: 50%;
  text-align: center;
}
#productDetail .pro-detail .switch-img-box div img {
  display: inline-block;
  width: 331px;
  height: 182px;
}
#productDetail .pro-detail .switch-yyl {
  margin-top: 52px;
}
#productDetail .pro-detail .switch-yyl tr {
  border-top: 1px solid #c8c8c8;
}
#productDetail .pro-detail .switch-yyl tr > td {
  text-align: left;
}
#productDetail .pro-detail .switch-yyl tr > td:first-child {
  padding-left: 60px;
}
#productDetail .pro-detail .switch-yyl tr > td:last-child {
  text-align: right;
}
#productDetail .pro-detail .switch-yyl .header {
  font-family: MicrosoftYaHei-Bold;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #424242;
}
#productDetail .pro-detail .switch-yyl tr:nth-of-type(2n + 1) {
  background-color: #fff;
}
#productDetail .pro-detail .switch-yyl tr:nth-of-type(2n) {
  background-color: #fff0f0;
}
#productDetail .pro-detail .switch-ps {
  margin-left: 60px;
  margin-top: 6px;
  font-size: 12px;
  color: #424242;
  line-height: 22px;
}
#productDetail .pro-detail .switch-ps p {
  font-weight: bold;
  color: #b41717;
}
#productDetail .pro-detail .switch-sass2 {
  overflow: hidden;
  text-align: center;
}
#productDetail .pro-detail .switch-sass2 .l {
  width: 34%;
  float: left;
}
#productDetail .pro-detail .switch-sass2 .l img {
  width: 304px;
  height: 179px;
  padding-top: 20px;
  display: inline-block;
}
#productDetail .pro-detail .switch-sass2 .l .switch-ps {
  text-align: left;
  padding-right: 20px;
}
#productDetail .pro-detail .switch-sass2 .r {
  float: left;
  width: 66%;
}
#productDetail .pro-detail .switch-sass2 .r tr > td:first-child {
  padding-left: 10px;
}
#productDetail .pro-detail .switch-sass2 .r tr > td:last-child {
  text-align: center;
}
#productDetail .pro-detail .switch-sass2 .exchange {
  text-align: left;
}
#productDetail .pro-detail .switch-sass2 .exchange img {
  width: 335px;
  height: 87px;
  margin-top: 0;
}
#productDetail .pro-detail .switch-sass2 .service {
  text-align: left;
}
#productDetail .pro-detail .switch-sass2 .service img {
  width: 285px;
  height: 81px;
  margin-top: 0;
}
#productDetail .pro-detail .exchange-img-box {
  margin-top: 50px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#productDetail .pro-detail .audit-img-box {
  margin-top: 50px;
  text-align: center;
}
#productDetail .pro-detail .audit-img-box .tip {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #424242;
}
#productDetail .pro-detail .firewall-img-box {
  width: 440px;
  margin: 30px auto 0;
  overflow: hidden;
  background-image: url("../../common/img/products/firewall/img_2.png");
  background-position: center center;
  background-repeat: no-repeat;
}
#productDetail .pro-detail .firewall-img-box > div {
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 19px;
  margin-bottom: 20px;
  position: relative;
  font-family: MicrosoftYaHei;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
}
#productDetail .pro-detail .firewall-img-box > div .f {
  position: absolute;
  bottom: 0;
  right: 0;
}
#productDetail .pro-detail .firewall-img-box > div .s {
  position: absolute;
  bottom: 0;
  left: 20px;
}
#productDetail .pro-detail .firewall-img-box2 {
  overflow: hidden;
}
#productDetail .pro-detail .firewall-img-box2 > div {
  width: 49%;
  float: left;
  height: 600px;
  text-align: center;
  margin-bottom: 30px;
}
#productDetail .pro-detail .firewall-img-box2 > div .title {
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: 0px;
  color: #b41717;
}
#productDetail .pro-detail .firewall-img-box2 > div .tip {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #424242;
}
#productDetail .pro-detail .firewall-img-box2 > div img {
  margin-top: 30px;
}
#productDetail .pro-detail .tap-desc {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#productDetail .pro-detail .tap-desc p {
  width: 662px;
}
#productDetail .pro-detail .tap li {
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
}
#productDetail .pro-detail .tap li .l {
  float: left;
}
#productDetail .pro-detail .tap li .l > div {
  height: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#productDetail .pro-detail .tap li .l.img {
  width: 187px;
}
#productDetail .pro-detail .tap li .r {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #424242;
  width: 1012px;
  line-height: 23px;
}
#productDetail .pro-detail .tap li .r .title {
  font-size: 16px;
  font-weight: bold;
  color: #424242;
}
#productDetail .common .tip {
  padding-top: 20px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #424242;
  line-height: 50px;
  padding-bottom: 20px;
}
#productDetail .common .grey-line {
  width: 1199px;
  border-bottom: dashed 1px #a6a6a6;
}
#productDetail .pro-direct {
  overflow: hidden;
  padding-bottom: 20px;
}
#productDetail .pro-direct .direct-box {
  position: relative;
}
#productDetail .pro-direct .direct-box .btn {
  height: 100px;
}
#productDetail .pro-direct .direct-box .btn button {
  cursor: default;
  width: 109px;
  height: 35px;
  background-color: #fff;
  border-radius: 18px;
  border: solid 1px #888;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
  margin-left: 210px;
  margin-top: 36px;
}
#productDetail .pro-direct .direct-box li {
  width: 1200px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #424242;
  overflow: hidden;
}
#productDetail .pro-direct .direct-box li div {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 49px;
}
#productDetail .pro-direct .direct-box li .left {
  float: left;
  width: 434px;
  text-align: center;
}
#productDetail .pro-direct .direct-box li .right {
  padding-left: 96px;
  justify-content: start;
  -webkit-justify-content: start;
}
#productDetail .pro-direct .direct-box li:nth-of-type(2n + 1) {
  background-color: #f4f4f4;
}
#productDetail .pro-direct .direct-box .line {
  height: 430px;
  width: 2px;
  position: absolute;
  top: 127px;
  left: 400px;
  background-image: url("../img/products/tap/xingneng.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .line i {
  position: absolute;
  top: 0;
  left: -6px;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-image: url("../img/products/tap/dot.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .line i.first {
  top: -35px;
}
#productDetail .pro-direct .direct-box .line i.second {
  top: 191px;
}
#productDetail .pro-direct .direct-box .line i.third {
  top: 305px;
}
#productDetail .pro-direct .direct-box .line i.four {
  top: 355px;
}
#productDetail .pro-direct .direct-box .line i.five {
  top: 405px;
}
#productDetail .pro-direct .no-data {
  padding: 50px 0 0 0;
  text-align: center;
}
#productDetail .pro-direct .no-data p {
  line-height: 30px;
  font-size: 14px;
  color: #c0c0c0;
}
#productDetail .pro-use .switch-use-pic {
  padding-top: 110px;
}
#productDetail .pro-use .switch-use-pic img {
  padding-bottom: 40px;
}
#productDetail .pro-down {
  height: 130px;
  padding-top: 38px;
  padding-left: 24px;
}
#productDetail .pro-down a {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #2e94dc;
}
#productDetail .exchange-function ul > li i {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #d02323;
  margin-right: 10px;
}
#productDetail .service-img {
  height: 705px;
  text-align: center;
}
#productDetail .service-img img {
  position: relative;
  left: -13px;
}
/*解决方案详情*/
#schemeDetail {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 70px;
}
#schemeDetail .title {
  padding-top: 74px;
  padding-bottom: 67px;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #1e1e1e;
}
#schemeDetail .theme {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #1e1e1e;
}
#schemeDetail .section {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #1e1e1e;
  line-height: 30px;
  text-indent: 27px;
}
#schemeDetail .pic {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 16px;
}
#schemeDetail .tip {
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #1e1e1e;
  padding-bottom: 20px;
}
#schemeDetail > div {
  overflow: hidden;
}
#schemeDetail > div .left {
  float: left;
  width: 452px;
}
#schemeDetail > div .right {
  padding-top: 80px;
  float: left;
  width: 688px;
}
/* 新闻详情 */
#newsDetail {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}
#newsDetail .title {
  padding-top: 70px;
  padding-bottom: 30px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #1e1e1e;
  text-align: center;
}
#newsDetail .time {
  padding-right: 170px;
  text-align: right;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #1e1e1e;
  padding-bottom: 60px;
}
#newsDetail .pic {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 20px;
}
#newsDetail .tip {
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #1e1e1e;
  padding-bottom: 20px;
}
#newsDetail .section {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #1e1e1e;
  line-height: 30px;
  text-indent: 27px;
}
#newsDetail i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
}
. .apigateway-img-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
img.apigateway-img-div {
}
p.apigateway_p {
  width: 1002px;
  height: 15px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #424242;
  line-height: 30px;
}
.apigateway-img-box2 {
  margin-top: 10px;
}
table.apigateway_table {
  padding: 15%;
  /*width: 1199px;
  height: 855px;*/
  background: #ffffff;
  border: 1px solid #bfbfbf;
}

.apigateway-detail {
}
.apigateway-img-div {
  text-align: center;
}

.apigateway_table {
  border: 1px solid #bfbfbf;
  background: #fff7f7;
}
.apigateway_table tr:nth-child(even) {
  width: 1199px;
  height: 855px;
  background: #fff7f7;
  border: 1px solid #bfbfbf;
}
.apigateway_table tr:nth-child(odd) {
  width: 1197px;
  /*height: 199px;*/
  background: #ffffff;
  border: 1px solid #bfbfbf;
}
.apigateway_table tr {
  /*  width: 1199px;
    height: 855px;*/
  background: #ffffff;
  border: 1px solid #bfbfbf;
}
.apigateway_table td {
  border: 1px solid #bfbfbf;
}
.apigateway_table td:nth-child(even) {
  text-align: left;
  padding: 10px;
}
.apigateway_fun {
  margin-top: 20px;
  padding-bottom: 15px;
}

#productDetail .pro-direct .direct-box .gline {
  height: 1307px;
  width: 3px;
  position: absolute;
  top: 127px;
  left: 400px;
  background-image: url("../img/products/apigateway/api_line.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .gline i {
  position: absolute;
  top: 0;
  left: -6px;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-image: url("../img/products/apigateway/dot.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .gline i.first {
  top: -35px;
}
#productDetail .pro-direct .direct-box .gline i.second {
  top: 45px;
}
#productDetail .pro-direct .direct-box .gline i.third {
  top: 126px;
}
#productDetail .pro-direct .direct-box .gline i.four {
  top: 203px;
}
#productDetail .pro-direct .direct-box .gline i.five {
  top: 293px;
}
#productDetail .pro-direct .direct-box .gline i.six {
  top: 375px;
}
#productDetail .pro-direct .direct-box .gline i.seven {
  top: 458px;
}
#productDetail .pro-direct .direct-box .gline i.eight {
  top: 540px;
}
#productDetail .pro-direct .direct-box .gline i.nine {
  top: 620px;
}
#productDetail .pro-direct .direct-box .gline i.ten {
  top: 700px;
}
#productDetail .pro-direct .direct-box .gline i.el {
  top: 783px;
}
#productDetail .pro-direct .direct-box .gline i.tw {
  top: 865px;
}
#productDetail .pro-direct .direct-box .gline i.thirteen {
  top: 944px;
}
#productDetail .pro-direct .direct-box .gline i.forteen {
  top: 1030px;
}
.gateway-img-box {
  height: 245px;
  margin-top: 30px;
}
.gateway-img-box img:first-child {
  float: left;
}
.gateway-img-box img:last-child {
  float: right;
}
/*p.title{
  width: 130px;
  height: 18px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #B41717;
  line-height: 18px;
  text-align: center;
  display: block;
}
line-top{
  width: 172px;
}*/

.fl {
  float: left;
}
.fr {
  float: right;
}
.ovh {
  overflow: hidden;
}
.df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.dfc {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dfs {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*背景渐变*/
.grad {
  background-image: linear-gradient(to right, #d12324, #fff);
}
/*兼容手机*/
@media only screen and (max-width: 980px) {
  body {
    width: auto;
  }
}
/* common css */
#header {
  width: 100%;
  height: 182px;
}
#header .header-top {
  height: 132px;
  width: 1200px;
  margin: 0 auto;
}
#header .header-top .header-title {
  margin-top: 66px;
  float: left;
}
#header .header-top .header-title .logo {
  float: left;
  width: 200px;
  height: 28px;
  background-image: url("../img/index/logo.png");
  background-repeat: no-repeat;
}
#header .header-top .header-title h1 {
  float: left;
  font-size: 24px;
  font-weight: normal;
  color: #404040;
}
#header .header-top .header-contract {
  color: #404040;
  margin-top: 23px;
  float: right;
  overflow: hidden;
}
#header .header-top .header-contract .tel-box {
  margin-top: 24px;
  float: left;
  overflow: hidden;
}
#header .header-top .header-contract .tel-box .tel-logo {
  float: left;
  margin-right: 16px;
}
#header .header-top .header-contract .tel-box .tel-txt {
  float: right;
}
#header .header-top .header-contract .tel-box .tel-txt p {
  font-size: 20px;
  line-height: 26px;
}
#header .header-top .header-contract .wx {
  float: right;
  width: 72px;
  height: 72px;
  margin-left: 44px;
}
#header .nav {
  height: 50px;
  background-color: #d12324;
  position: relative;
}
#header .nav ul {
  width: 1200px;
  margin: 0 auto;
  height: 50px;
}
#header .nav ul li {
  width: 170px;
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
}
#header .nav ul li > p {
  cursor: pointer;
}
#header .nav ul li > p.active {
  background-color: #b41717;
}
#header .nav ul li > p:hover {
  background-color: #b41717;
}
#header .nav ul .product {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 10;
  height: 477px;
  background-color: #f5f5f5;
  box-shadow: 0px 7px 20px 0px rgba(25, 14, 18, 0.43);
  font-size: 16px;
  line-height: 40px;
  color: #b41717;
}
#header .nav ul .product .inner {
  width: 1200px;
  margin: 50px auto 0;
  text-align: left;
}
#header .nav ul .product .inner .item {
  float: left;
  width: 540px;
  height: 65px;
  margin-right: 96px;
  margin-bottom: 34px;
  line-height: 30px;
}
#header .nav ul .product .inner .item .title {
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 16px;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #d12324;
  border-bottom: 1px dashed #b4b4b4;
  cursor: pointer;
}
#header .nav ul .product .inner .item .title:hover {
  color: #8a0000;
}
#header .nav ul .product .inner .item p > span {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
  display: inline-block;
  padding-right: 28px;
}
#header .nav ul .scheme {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 10;
  height: 358px;
  background-color: #f5f5f5;
  box-shadow: 0px 7px 20px 0px rgba(25, 14, 18, 0.43);
  font-size: 16px;
  line-height: 40px;
  color: #b41717;
}
#header .nav ul .scheme .inner {
  width: 1200px;
  margin: 24px auto 0;
  text-align: left;
}
#header .nav ul .scheme .inner .fl {
  margin-left: 152px;
  width: 444px;
  height: 300px;
  cursor: default;
}
#header .nav ul .scheme .inner .fl p {
  margin-bottom: 10px;
}
#header .nav ul .scheme .inner .fl p.title {
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 16px;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #d12324;
  border-bottom: 1px dashed #b4b4b4;
}
#header .nav ul .scheme .inner .fl p span {
  float: left;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 0px;
  color: #424242;
  width: 140px;
}
#header .nav ul .scheme .inner .fr {
  margin-left: 30px;
  width: 530px;
  height: 300px;
}
#header .nav ul .scheme .inner .fr p {
  margin-bottom: 10px;
}
#header .nav ul .scheme .inner .fr p.title {
  font-family: MicrosoftYaHei;
  font-weight: bold;
  font-size: 16px;
  font-stretch: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #d12324;
  border-bottom: 1px dashed #b4b4b4;
}
#header .nav ul .scheme .inner .fr ul > li {
  width: 500px;
  float: none;
  display: block;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #424242;
  text-align: left;
  cursor: pointer;
}
#header .nav ul .scheme .inner .fr ul > li i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #b41717;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
#header .nav ul .scheme .inner .fr ul > li:hover {
  color: #d12324;
}
#footer {
  height: 284px;
  background-color: #3d3d3d;
}
#footer .company {
  width: 100%;
  height: 44px;
  background-color: #d12324;
}
#footer .company .inner {
  width: 1200px;
  margin: 0 auto;
}
#footer .company .inner p {
  color: #fff;
  font-size: 17px;
  line-height: 44px;
}
#footer .company .inner p.chinese {
  float: left;
}
#footer .company .inner p.english {
  float: right;
}
#footer .foot-middle {
  width: 1200px;
  margin: 42px auto;
  height: 42px;
}
#footer .foot-middle .logo-contract {
  float: left;
  height: 42px;
}
#footer .foot-middle .logo-contract .logo-foot {
  float: left;
}
#footer .foot-middle .logo-contract ul {
  float: left;
  margin-left: 34px;
  padding-top: 10px;
  overflow: hidden;
}
#footer .foot-middle .logo-contract ul .phone {
  position: relative;
  top: -7px;
  overflow: hidden;
}
#footer .foot-middle .logo-contract ul .phone img {
  float: left;
  margin-right: 14px;
}
#footer .foot-middle .logo-contract ul .phone p {
  float: left;
  font-size: 13px;
  color: #ffffff;
}
#footer .foot-middle .icon-box {
  float: right;
}
#footer .foot-middle .icon-box .icon {
  float: right;
  width: 37px;
  height: 29px;
  margin-left: 34px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#footer .foot-middle .icon-box .icon:first-child {
  background-image: url("../img/index/weibo_nor.png");
}
#footer .foot-middle .icon-box .icon:first-child:hover {
  background-image: url("../img/index/weibo_sel.png");
}
#footer .foot-middle .icon-box .icon:last-child {
  background-image: url("../img/index/weixin_nor.png");
}
#footer .foot-middle .icon-box .icon:last-child:hover {
  background-image: url("../img/index/weixin_sel.png");
}
#footer .foot-bottom {
  width: 1200px;
  margin: 0 auto;
}
#footer .foot-bottom p {
  font-size: 13px;
  color: #fff;
}
#footer .foot-bottom .copyright {
  margin-top: 20px;
}
/* 首页 */
#index-content {
  height: 1280px;
}
#index-content .banner {
  height: 400px;
}
#index-content .banner .banner-img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
#index-content .banner .banner-img#img1 {
  background-image: url("../img/index/banner/banner2.jpg");
}
#index-content .banner .banner-img#img2 {
  background-image: url("../img/index/banner/banner.jpg");
}
#index-content .banner .banner-img#img3 {
  background-image: url("../img/index/banner/banner3.jpg");
}
#index-content .banner .banner-img#img4 {
  background-image: url("../img/index/banner/banner4.jpg");
}
#index-content .banner .banner-img#img5 {
  background-image: url("../img/index/banner/banner5.jpg");
}
#index-content .banner .banner-img#img6 {
  background-image: url("../img/index/banner/banner7.jpg");
}
#index-content .banner .banner-img#img7 {
  background-image: url("../img/index/banner/banner6.jpg");
}
#index-content .banner .device {
  background: #eee;
  position: relative;
  height: 100%;
  width: 100%;
}
#index-content .banner .device .arrow-left {
  background: url("../img/index/banner_left.png") no-repeat left top;
  position: absolute;
  left: 100px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  z-index: 9;
}
#index-content .banner .device .arrow-right {
  background: url("../img/index/banner_right.png") no-repeat left bottom;
  position: absolute;
  right: 100px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  z-index: 9;
}
#index-content .banner .swiper-container {
  width: 100%;
  height: 100%;
}
#index-content .banner .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
  z-index: 9;
}
#index-content .banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
#index-content .banner .swiper-active-switch {
  background: #fff;
}
#index-content .feature {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/index/tedian.png");
  background-repeat: no-repeat;
}
#index-content .feature p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#index-content .feature-icon {
  width: 1006px;
  height: 166px;
  margin: 0 auto;
}
#index-content .feature-icon .item {
  float: left;
  width: 124px;
  height: 166px;
  padding-right: 96px;
}
#index-content .feature-icon .item:last-child {
  padding-right: 0;
}
#index-content .feature-icon .item .img {
  width: 124px;
  height: 124px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#index-content .feature-icon .item .img#fast {
  background-image: url("../img/index/kuai_nor.png");
}
#index-content .feature-icon .item .img#fast:hover {
  background-image: url("../img/index/kuai_sel.png");
}
#index-content .feature-icon .item .img#defend {
  background-image: url("../img/index/fang_nor.png");
}
#index-content .feature-icon .item .img#defend:hover {
  background-image: url("../img/index/fang_sel.png");
}
#index-content .feature-icon .item .img#easy {
  background-image: url("../img/index/yi_nor.png");
}
#index-content .feature-icon .item .img#easy:hover {
  background-image: url("../img/index/yi_sel.png");
}
#index-content .feature-icon .item .img#simple {
  background-image: url("../img/index/jian_nor.png");
}
#index-content .feature-icon .item .img#simple:hover {
  background-image: url("../img/index/jian_sel.png");
}
#index-content .feature-icon .item .img#stable {
  background-image: url("../img/index/wen_nor.png");
}
#index-content .feature-icon .item .img#stable:hover {
  background-image: url("../img/index/wen_sel.png");
}
#index-content .feature-icon .item p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 54px;
  letter-spacing: 0px;
  color: #3f3f3f;
}
#index-content .news {
  width: 1200px;
  margin: 80px auto 0;
  overflow: hidden;
}
#index-content .news div {
  width: 540px;
}
#index-content .news div .title .fl span {
  display: inline-block;
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  cursor: pointer;
  width: 94px;
  height: 30px;
  text-align: center;
}
#index-content .news div .title .fl .hover {
  color: #fff;
  background-color: #d12324;
  border-radius: 15px;
}
#index-content .news div .title .fl .line-r1 {
  display: inline-block;
  width: 2px;
  height: 27px;
  background-color: #b9b9b9;
  position: relative;
  top: 7px;
  margin: 0 10px;
}
#index-content .news div .title .fr {
  font-size: 14px;
  color: #317ee6;
  line-height: 30px;
  cursor: pointer;
}
#index-content .news div .title .fr:hover {
  color: #006dd9;
}
#index-content .news div .line {
  margin-top: 7px;
  height: 3px;
}
#index-content .news div .news-pic {
  margin: 9px 0 17px;
  display: block;
  width: 540px;
  height: 140px;
  position: relative;
}
#index-content .news div .news-pic:hover {
  box-shadow: 2px 2px 2px #ebd7d7;
}
#index-content .news div h2 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #1e1e1e;
  cursor: pointer;
}
#index-content .news div .summary {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #575757;
  text-indent: 25px;
}
#index-content .news div .summary span {
  font-size: 14px;
  color: #317ee6;
  cursor: pointer;
}
#index-content .news div ul {
  margin-top: 8px;
}
#index-content .news div ul > li {
  padding-top: 6px;
  width: 100%;
  height: 28px;
  border-bottom: dashed 1px #b4b4b4;
  cursor: pointer;
}
#index-content .news div ul > li .fl {
  width: 450px;
}
#index-content .news div ul > li .fl span {
  font-size: 16px;
  color: #1e1e1e;
}
#index-content .news div ul > li .fl span:hover {
  color: #d02323;
}
#index-content .news div ul > li .fl .point {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  background-color: #d12324;
  position: relative;
  margin-right: 6px;
  top: -3px;
}
#index-content .news div ul > li .fr {
  font-size: 14px;
  color: #656565;
}
#index-content .news .solution {
  float: left;
}
#index-content .news .information {
  float: right;
}
/* 特点 */
#feature .banner {
  height: 290px;
  background-image: url("../img/index/chanpintedian_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#feature .banner h1 {
  padding-top: 88px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#feature .banner p {
  margin: 0 auto;
  text-align: center;
  width: 966px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#feature .feature-box {
  width: 1200px;
  margin: 62px auto 0;
  height: 816px;
}
#feature .feature-box .item {
  width: 1198px;
  height: 97px;
  background-color: #fff;
  border-radius: 10px;
  border: solid 1px #d02323;
  margin-bottom: 30px;
  overflow: hidden;
}
#feature .feature-box .item.active {
  background-color: #fff2f2;
  box-shadow: 1px 4px 5px 0px rgba(216, 86, 86, 0.43);
}
#feature .feature-box .item.h117 {
  height: 117px;
}
#feature .feature-box .item.h117 .name > p {
  line-height: 116px;
}
#feature .feature-box .item .name {
  float: left;
  width: 157px;
  height: 97px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  left: -2px;
  background-repeat: no-repeat;
}
#feature .feature-box .item .name p {
  width: 20px;
  height: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 96px;
  letter-spacing: 0px;
  color: #ffffff;
  padding-left: 100px;
}
#feature .feature-box .item .desc {
  width: 946px;
  float: left;
  padding: 12px 25px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #444444;
  line-height: 24px;
}
#feature .feature-box .item .desc span {
  font-weight: bold;
}
#feature .feature-box #fast {
  background-image: url("../img/index/kuai.png");
}
#feature .feature-box #defend {
  background-image: url("../img/index/fang.png");
  height: 117px;
}
#feature .feature-box #easy {
  background-image: url("../img/index/yi.png");
}
#feature .feature-box #simple {
  background-image: url("../img/index/jian.png");
}
#feature .feature-box #stable {
  background-image: url("../img/index/wen.png");
  height: 117px;
}
/* 解决方案 */
#scheme {
  height: 1367px;
}
#scheme .banner {
  height: 290px;
  background-image: url("../img/scheme/jiejue_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#scheme .bg {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/scheme/jiejue_fangan.png");
  background-repeat: no-repeat;
}
#scheme .bg p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#scheme .bg-txt {
  width: 1200px;
  height: 132px;
  margin: 0 auto;
  padding-top: 20px;
}
#scheme .bg-txt > div {
  float: left;
  width: 50%;
  height: 132px;
  text-align: center;
}
#scheme .bg-txt > div .item {
  display: inline-block;
  width: 333px;
  height: 132px;
}
#scheme .bg-txt > div .item .left {
  padding-top: 23px;
}
#scheme .bg-txt > div .item .left img {
  max-width: 80px;
}
#scheme .bg-txt > div .item .right .title {
  font-family: MicrosoftYaHei;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#scheme .bg-txt > div .item .right p {
  font-size: 14px;
  padding-left: 38px;
  text-align: left;
}
#scheme .solution {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/scheme/jiejue_jiejue.png");
  background-repeat: no-repeat;
}
#scheme .solution p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#scheme .solution-box {
  width: 930px;
  height: 410px;
  margin: 0 auto;
  padding-top: 40px;
}
#scheme .solution-box .item {
  width: 180px;
  height: 180px;
  border: 1px solid #d02323;
  cursor: pointer;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
}
#scheme .solution-box .item > div {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: relative;
  left: -10px;
}
#scheme .solution-box .item > div .title {
  width: 174px;
  text-align: center;
  font-family: DIN-Medium;
  font-size: 67px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #d02323;
  line-height: 85px;
}
#scheme .solution-box .item > div p {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
  line-height: 24px;
  position: relative;
  left: -10px;
  text-align: center;
}
#scheme .solution-box .item:hover {
  box-shadow: 3px 3px 5px #eee;
}
#scheme .solution-box .first {
  position: relative;
  left: 37px;
  top: 37px;
}
#scheme .solution-box .second {
  position: relative;
  left: 204px;
  top: 9px;
}
#scheme .solution-box .third {
  position: relative;
  left: 374px;
  top: -327px;
  background-color: #d02323;
}
#scheme .solution-box .third > div .title {
  color: #ffffff;
}
#scheme .solution-box .third > div p {
  color: #fff;
}
#scheme .solution-box .four {
  position: relative;
  left: 540px;
  top: -355px;
}
#scheme .solution-box .five {
  position: relative;
  left: 711px;
  top: -691px;
}
/* 产品中心 */
#product {
  height: 1568px;
}
#product .banner {
  height: 290px;
  background-image: url("../img/products/chanpin_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#product .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#product .banner p {
  margin: 0 auto;
  text-align: center;
  width: 966px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#product .zizhi {
  width: 534px;
  height: 77px;
  margin: 80px auto 44px;
  background-image: url("../img/products/chanpinzizhi.png");
  background-repeat: no-repeat;
}
#product .zizhi p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#product .jianjie {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/products/chanpinjianjie.png");
  background-repeat: no-repeat;
}
#product .jianjie p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#product .zizhi-box {
  width: 1166px;
  margin: 0 auto;
  height: 320px;
}
#product .zizhi-box .item {
  width: 33%;
  text-align: center;
  float: left;
}
#product .zizhi-box .item h2 {
  font-family: MicrosoftYaHei;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 68px;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#product .zizhi-box .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#product .product-desc {
  width: 1180px;
  margin: 0 auto;
  overflow: hidden;
}
#product .product-desc .item {
  float: left;
  width: 560px;
  height: 88px;
  margin-bottom: 50px;
  margin-right: 90px;
}
#product .product-desc .item img {
  float: left;
  margin-right: 12px;
}
#product .product-desc .item h3 {
  font-weight: bold;
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #3b3b3b;
}
#product .product-desc .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #424242;
}
#product .product-desc .item p span {
  color: #317ee6;
  cursor: pointer;
}
#product .product-desc .item p span:hover {
  color: #006dd9;
}
#product .product-desc .mr0 {
  margin-right: 0;
  width: 530px;
}
/* 应用场景 */
#scene .banner {
  height: 290px;
  background-image: url("../img/scene/yingyong_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#scene .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#scene .banner p {
  margin: 0 auto;
  text-align: center;
  width: 966px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#scene .article {
  margin-top: 32px;
}
#scene .article .title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 114px;
  letter-spacing: 0px;
  color: #b41717;
  text-align: center;
}
#scene .article .section {
  margin: 0 auto 40px;
  width: 1200px;
  overflow: hidden;
}
#scene .article .section div {
  height: 362px;
  width: 589px;
  float: left;
}
#scene .article .section p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #575757;
  text-indent: 40px;
}
#scene .article .section .pic1 {
  width: 553px;
  height: 362px;
  float: left;
  margin-left: 50px;
}
#scene .article .section .pic2 {
  display: block;
  width: 670px;
  margin: 20px auto 0;
}
#scene .article .section .pic3 {
  float: left;
  margin-right: 50px;
  width: 551px;
  height: 353px;
}
#scene .article .section .pic4 {
  width: 567px;
  height: 385px;
  display: block;
  margin: 20px auto 0;
}
/* 成功案例 */
#demo {
  margin-bottom: 60px;
}
#demo .banner {
  height: 290px;
  background-image: url("../img/demo/banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#demo .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#demo .banner p {
  margin: 0 auto;
  text-align: center;
  width: 970px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#demo .custom {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/demo/guanyu_dainxingkehu.png");
  background-repeat: no-repeat;
}
#demo .custom p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#demo .custom-item {
  width: 1150px;
  margin: 0 auto;
  overflow: hidden;
}
#demo .custom-item .title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #6a6a6a;
}
#demo .custom-item .item {
  float: left;
  width: 168px;
  height: 124px;
  margin-right: 28px;
  margin-bottom: 26px;
  position: relative;
  top: 0;
}
#demo .custom-item .item:hover {
  top: -1px;
}
#demo .custom-item .item img {
  display: block;
  width: 168px;
  height: 96px;
}
#demo .custom-item .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #434343;
  text-align: center;
}
/* 关于我们 */
#aboutUs .banner {
  height: 290px;
  background-image: url("../img/aboutUs/guanyu_banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#aboutUs .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#aboutUs .banner p {
  margin: 0 auto;
  text-align: center;
  width: 970px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#aboutUs .custom {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/demo/guanyu_dainxingkehu.png");
  background-repeat: no-repeat;
}
#aboutUs .custom p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
#aboutUs .custom-item {
  width: 1150px;
  margin: 0 auto;
  overflow: hidden;
}
#aboutUs .custom-item .title {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #6a6a6a;
}
#aboutUs .custom-item .item {
  float: left;
  width: 168px;
  height: 124px;
  margin-right: 28px;
  margin-bottom: 26px;
  position: relative;
  top: 0;
}
#aboutUs .custom-item .item:hover {
  top: -1px;
}
#aboutUs .custom-item .item img {
  display: block;
  width: 168px;
  height: 96px;
}
#aboutUs .custom-item .item p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  color: #434343;
  text-align: center;
}
#aboutUs .desc {
  overflow: hidden;
  width: 1200px;
  margin: 68px auto;
}
#aboutUs .desc img {
  float: left;
  display: block;
  width: 581px;
  height: 381px;
  margin-right: 60px;
}
#aboutUs .desc .txt {
  float: left;
  width: 558px;
  height: 314px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #727272;
  text-indent: 40px;
  margin-top: 30px;
}
#aboutUs .desc p {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 30px;
  color: #595959;
}
#aboutUs .desc p.title {
  font-weight: bold;
}
#aboutUs .desc p .web {
  color: #2778dc;
  cursor: pointer;
}
#aboutUs .contract {
  width: 534px;
  height: 77px;
  margin: 44px auto;
  background-image: url("../img/aboutUs/guanyu_lianxi.png");
  background-repeat: no-repeat;
}
#aboutUs .contract p {
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 88px;
  letter-spacing: 0px;
  color: #2c2c2c;
}
/* 资讯中心 */
#news .banner {
  height: 290px;
  background-image: url("../img/news/banner.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#news .banner h1 {
  padding-top: 60px;
  margin: 0 auto;
  width: 120px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #ffffff;
}
#news .banner p {
  margin: 0 auto;
  text-align: center;
  width: 970px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #ffffff;
}
#news .inner {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
#news .inner .tab {
  float: left;
  width: 178px;
  height: 97px;
  border: 1px solid #a6a6a6;
  font-size: 18px;
  margin-right: 10px;
}
#news .inner .tab p {
  text-align: center;
  line-height: 48px;
  color: #424242;
  background-color: #fff;
  cursor: pointer;
}
#news .inner .tab p:first-child {
  border-bottom: 1px solid #a6a6a6;
}
#news .inner .tab p.active {
  background-color: #d02323;
  color: #fff;
}
#news .inner .company-news {
  width: 1000px;
  float: right;
}
#news .inner .company-news .news-head {
  overflow: hidden;
}
#news .inner .company-news .news-head img {
  display: block;
  float: left;
  width: 474px;
  height: 267px;
  margin-right: 52px;
}
#news .inner .company-news .news-head h2 {
  font-family: MicrosoftYaHei;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 80px;
  letter-spacing: 0px;
  color: #1e1e1e;
  white-space: nowrap;
}
#news .inner .company-news .news-head p {
  text-indent: 40px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #575757;
}
#news .inner .company-news .news-head p span {
  color: #317ee6;
  cursor: pointer;
}
#news .inner .company-news .list {
  margin-top: 32px;
}
#news .inner .company-news .list .item {
  padding-top: 10px;
  height: 60px;
  border-bottom: dashed 1px #b4b4b4;
}
#news .inner .company-news .list .item .left {
  float: left;
}
#news .inner .company-news .list .item .left p {
  cursor: pointer;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #1e1e1e;
}
#news .inner .company-news .list .item .left p:hover {
  color: #d02323;
}
#news .inner .company-news .list .item .left i {
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #d02323;
  position: relative;
  top: -2px;
}
#news .inner .company-news .list .item .right {
  float: right;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #656565;
}
#news .inner .company-news .pages {
  margin-left: 114px;
  margin-top: 56px;
  height: 32px;
  font-family: MicrosoftYaHei;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #888282;
}
#news .inner .company-news .pages .num {
  float: left;
  width: 400px;
  overflow: hidden;
}
#news .inner .company-news .pages .num span {
  cursor: pointer;
  color: #888282;
  float: left;
  width: 30px;
  height: 28px;
  border: 1px solid #a6a6a6;
  text-align: center;
  border-left: none;
}
#news .inner .company-news .pages .num span:first-child,
#news .inner .company-news .pages .num span.after-point {
  border-left: 1px solid #a6a6a6;
}
#news .inner .company-news .pages .num span:first-child,
#news .inner .company-news .pages .num span:last-child {
  width: 81px;
}
#news .inner .company-news .pages .num span.active {
  border: 1px solid #b41717;
  color: #b41717;
}
#news .inner .company-news .pages .num span.point {
  border: none;
}
#news .inner .company-news .pages .jump {
  float: left;
  margin-left: 26px;
  margin-right: 18px;
}
#news .inner .company-news .pages .jump input {
  width: 30px;
  height: 28px;
  text-align: center;
  background-color: #fff;
  border: solid 1px #a6a6a6;
}
#news .inner .company-news .pages button {
  float: left;
  width: 63px;
  height: 29px;
  background-color: #ffffff;
  border: solid 1px #b41717;
  color: #b41717;
}
/* 产品详情 */
#productDetail {
  width: 1200px;
  margin: 0 auto;
}
#productDetail .pro-head {
  padding-top: 54px;
  padding-bottom: 57px;
  height: 433px;
}
#productDetail .pro-head .left {
  float: left;
  margin-right: 63px;
}
#productDetail .pro-head .left .big {
  width: 350px;
  height: 350px;
  display: block;
}
#productDetail .pro-head .left .icon-box {
  margin-top: 18px;
}
#productDetail .pro-head .left .small {
  float: left;
  width: 52px;
  height: 52px;
  border: solid 1px #d1d1d1;
  margin-right: 20px;
  cursor: pointer;
}
#productDetail .pro-head .left .small:hover {
  border: solid 1px #333;
}
#productDetail .pro-head .right {
  float: left;
}
#productDetail .pro-head .right h1 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #434343;
  padding-bottom: 23px;
}
#productDetail .pro-head .right .gre-line {
  width: 435px;
  height: 3px;
  background-color: #d02323;
  background-image: linear-gradient(to right, #d02323, #fff);
}
#productDetail .pro-head .right .desc {
  padding-top: 40px;
}
#productDetail .pro-head .right .desc li {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #434343;
}
#productDetail .pro-head .right .desc li i {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #d02323;
  margin-right: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#productDetail .pro-nav {
  height: 38px;
  background-color: #f7f7f7;
}
#productDetail .pro-nav li {
  float: left;
  width: 106px;
  height: 38px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: center;
  cursor: pointer;
}
#productDetail .pro-nav li.active {
  color: #ffffff;
  background-color: #d02323;
}
#productDetail .pro-detail {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #424242;
  margin-top: 55px;
  margin-bottom: 60px;
}
#productDetail .pro-detail .title-box {
  padding-top: 50px;
  padding-bottom: 20px;
  margin: 0 auto;
  width: 220px;
  text-align: center;
  height: 50px;
}
#productDetail .pro-detail .title-box .title {
  width: 220px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #b41717;
}
#productDetail .pro-detail .title-box i {
  display: block;
  margin: 2px auto;
  height: 1px;
  background-color: #b41717;
}
#productDetail .pro-detail .title-box .line-top {
  width: 172px;
}
#productDetail .pro-detail .title-box .line-bottom {
  width: 196px;
}
#productDetail .pro-detail table {
  width: 100%;
  text-align: center;
}
#productDetail .pro-detail table tr {
  width: 1200px;
  height: 59px;
  font-size: 14px;
  color: #424242;
}
#productDetail .pro-detail table tr:nth-of-type(2n + 1) {
  /*background-color: #f4f4f4;*/
}
#productDetail .pro-detail table tr.head {
  font-weight: bold;
  color: #b41717;
  background-color: #ffeded;
}
#productDetail .pro-detail table tr td:first-child {
  width: 20%;
}
#productDetail .pro-detail .switch-price {
  width: 1200px;
  height: 160px;
  text-align: center;
  margin-top: 30px;
}
#productDetail .pro-detail .switch-price .item {
  float: left;
  width: 182px;
  margin-right: 71px;
}
#productDetail .pro-detail .switch-price .item img {
  margin: 0 auto;
  display: block;
  width: 104px;
  height: 104px;
  background-color: #d02323;
  border-radius: 10px;
  margin-bottom: 21px;
}
#productDetail .pro-detail .switch-price .item .tip {
  white-space: nowrap;
}
#productDetail .pro-detail .switch-img-box {
  overflow: hidden;
}
#productDetail .pro-detail .switch-img-box div {
  float: left;
  width: 50%;
  text-align: center;
}
#productDetail .pro-detail .switch-img-box div img {
  display: inline-block;
  width: 331px;
  height: 182px;
}
#productDetail .pro-detail .switch-yyl {
  margin-top: 52px;
}
#productDetail .pro-detail .switch-yyl tr {
  border-top: 1px solid #c8c8c8;
}
#productDetail .pro-detail .switch-yyl tr > td {
  text-align: left;
}
#productDetail .pro-detail .switch-yyl tr > td:first-child {
  padding-left: 60px;
}
#productDetail .pro-detail .switch-yyl tr > td:last-child {
  text-align: right;
}
#productDetail .pro-detail .switch-yyl .header {
  font-family: MicrosoftYaHei-Bold;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #424242;
}
#productDetail .pro-detail .switch-yyl tr:nth-of-type(2n + 1) {
  background-color: #fff;
}
#productDetail .pro-detail .switch-yyl tr:nth-of-type(2n) {
  background-color: #fff0f0;
}
#productDetail .pro-detail .switch-ps {
  margin-left: 60px;
  margin-top: 6px;
  font-size: 12px;
  color: #424242;
  line-height: 22px;
}
#productDetail .pro-detail .switch-ps p {
  font-weight: bold;
  color: #b41717;
}
#productDetail .pro-detail .switch-sass2 {
  overflow: hidden;
  text-align: center;
}
#productDetail .pro-detail .switch-sass2 .l {
  width: 34%;
  float: left;
}
#productDetail .pro-detail .switch-sass2 .l img {
  width: 304px;
  height: 179px;
  padding-top: 20px;
  display: inline-block;
}
#productDetail .pro-detail .switch-sass2 .l .switch-ps {
  text-align: left;
  padding-right: 20px;
}
#productDetail .pro-detail .switch-sass2 .r {
  float: left;
  width: 66%;
}
#productDetail .pro-detail .switch-sass2 .r tr > td:first-child {
  padding-left: 10px;
}
#productDetail .pro-detail .switch-sass2 .r tr > td:last-child {
  text-align: center;
}
#productDetail .pro-detail .switch-sass2 .exchange {
  text-align: left;
}
#productDetail .pro-detail .switch-sass2 .exchange img {
  width: 335px;
  height: 87px;
  margin-top: 0;
}
#productDetail .pro-detail .switch-sass2 .service {
  text-align: left;
}
#productDetail .pro-detail .switch-sass2 .service img {
  width: 285px;
  height: 81px;
  margin-top: 0;
}
#productDetail .pro-detail .exchange-img-box {
  margin-top: 50px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#productDetail .pro-detail .audit-img-box {
  margin-top: 50px;
  text-align: center;
}
#productDetail .pro-detail .audit-img-box .tip {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #424242;
}
#productDetail .pro-detail .firewall-img-box {
  width: 440px;
  margin: 30px auto 0;
  overflow: hidden;
  background-image: url("../../common/img/products/firewall/img_2.png");
  background-position: center center;
  background-repeat: no-repeat;
}
#productDetail .pro-detail .firewall-img-box > div {
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 19px;
  margin-bottom: 20px;
  position: relative;
  font-family: MicrosoftYaHei;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
}
#productDetail .pro-detail .firewall-img-box > div .f {
  position: absolute;
  bottom: 0;
  right: 0;
}
#productDetail .pro-detail .firewall-img-box > div .s {
  position: absolute;
  bottom: 0;
  left: 20px;
}
#productDetail .pro-detail .firewall-img-box2 {
  overflow: hidden;
}
#productDetail .pro-detail .firewall-img-box2 > div {
  width: 49%;
  float: left;
  height: 600px;
  text-align: center;
  margin-bottom: 30px;
}
#productDetail .pro-detail .firewall-img-box2 > div .title {
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: 0px;
  color: #b41717;
}
#productDetail .pro-detail .firewall-img-box2 > div .tip {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #424242;
}
#productDetail .pro-detail .firewall-img-box2 > div img {
  margin-top: 30px;
}
#productDetail .pro-detail .tap-desc {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#productDetail .pro-detail .tap-desc p {
  width: 662px;
}
#productDetail .pro-detail .tap li {
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
}
#productDetail .pro-detail .tap li .l {
  float: left;
}
#productDetail .pro-detail .tap li .l > div {
  height: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#productDetail .pro-detail .tap li .l.img {
  width: 187px;
}
#productDetail .pro-detail .tap li .r {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #424242;
  width: 1012px;
  line-height: 23px;
}
#productDetail .pro-detail .tap li .r .title {
  font-size: 16px;
  font-weight: bold;
  color: #424242;
}
#productDetail .common .tip {
  padding-top: 20px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #424242;
  line-height: 50px;
  padding-bottom: 20px;
}
#productDetail .common .grey-line {
  width: 1199px;
  border-bottom: dashed 1px #a6a6a6;
}
#productDetail .pro-direct {
  overflow: hidden;
  padding-bottom: 20px;
}
#productDetail .pro-direct .direct-box {
  position: relative;
}
#productDetail .pro-direct .direct-box .btn {
  height: 100px;
}
#productDetail .pro-direct .direct-box .btn button {
  cursor: default;
  width: 109px;
  height: 35px;
  background-color: #fff;
  border-radius: 18px;
  border: solid 1px #888;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #424242;
  margin-left: 210px;
  margin-top: 36px;
}
#productDetail .pro-direct .direct-box li {
  width: 1200px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #424242;
  overflow: hidden;
}
#productDetail .pro-direct .direct-box li div {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 49px;
}
#productDetail .pro-direct .direct-box li .left {
  float: left;
  width: 434px;
  text-align: center;
}
#productDetail .pro-direct .direct-box li .right {
  padding-left: 96px;
  justify-content: start;
  -webkit-justify-content: start;
}
#productDetail .pro-direct .direct-box li:nth-of-type(2n + 1) {
  background-color: #f4f4f4;
}
#productDetail .pro-direct .direct-box .line {
  height: 430px;
  width: 2px;
  position: absolute;
  top: 127px;
  left: 400px;
  background-image: url("../img/products/tap/xingneng.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .line i {
  position: absolute;
  top: 0;
  left: -6px;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-image: url("../img/products/tap/dot.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .line i.first {
  top: -35px;
}
#productDetail .pro-direct .direct-box .line i.second {
  top: 191px;
}
#productDetail .pro-direct .direct-box .line i.third {
  top: 305px;
}
#productDetail .pro-direct .direct-box .line i.four {
  top: 355px;
}
#productDetail .pro-direct .direct-box .line i.five {
  top: 405px;
}
#productDetail .pro-direct .no-data {
  padding: 50px 0 0 0;
  text-align: center;
}
#productDetail .pro-direct .no-data p {
  line-height: 30px;
  font-size: 14px;
  color: #c0c0c0;
}
#productDetail .pro-use .switch-use-pic {
  padding-top: 110px;
}
#productDetail .pro-use .switch-use-pic img {
  padding-bottom: 40px;
}
#productDetail .pro-down {
  height: 130px;
  padding-top: 38px;
  padding-left: 24px;
}
#productDetail .pro-down a {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #2e94dc;
}
#productDetail .exchange-function ul > li i {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #d02323;
  margin-right: 10px;
}
#productDetail .service-img {
  height: 705px;
  text-align: center;
}
#productDetail .service-img img {
  position: relative;
  left: -13px;
}
/*解决方案详情*/
#schemeDetail {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 70px;
}
#schemeDetail .title {
  padding-top: 74px;
  padding-bottom: 67px;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #1e1e1e;
}
#schemeDetail .theme {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #1e1e1e;
}
#schemeDetail .section {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #1e1e1e;
  line-height: 30px;
  text-indent: 27px;
}
#schemeDetail .pic {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 16px;
}
#schemeDetail .tip {
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #1e1e1e;
  padding-bottom: 20px;
}
#schemeDetail > div {
  overflow: hidden;
}
#schemeDetail > div .left {
  float: left;
  width: 452px;
}
#schemeDetail > div .right {
  padding-top: 80px;
  float: left;
  width: 688px;
}
/* 新闻详情 */
#newsDetail {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}
#newsDetail .title {
  padding-top: 70px;
  padding-bottom: 30px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #1e1e1e;
  text-align: center;
}
#newsDetail .time {
  padding-right: 170px;
  text-align: right;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #1e1e1e;
  padding-bottom: 60px;
}
#newsDetail .pic {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 20px;
}
#newsDetail .tip {
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 31px;
  letter-spacing: 0px;
  color: #1e1e1e;
  padding-bottom: 20px;
}
#newsDetail .section {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #1e1e1e;
  line-height: 30px;
  text-indent: 27px;
}
#newsDetail i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
}
. .apigateway-img-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
img.apigateway-img-div {
}
p.apigateway_p {
  width: 1002px;
  height: 15px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #424242;
  line-height: 30px;
}
.apigateway-img-box2 {
  margin-top: 10px;
}
table.apigateway_table {
  padding: 15%;
  /*width: 1199px;
    height: 855px;*/
  background: #ffffff;
  border: 1px solid #bfbfbf;
}

.apigateway-detail {
}
.apigateway-img-div {
  text-align: center;
}

.apigateway_table {
  border: 1px solid #bfbfbf;
  background: #fff7f7;
}
.apigateway_table tr:nth-child(even) {
  width: 1199px;
  height: 855px;
  background: #fff7f7;
  border: 1px solid #bfbfbf;
}
.apigateway_table tr:nth-child(odd) {
  width: 1197px;
  /*height: 199px;*/
  background: #ffffff;
  border: 1px solid #bfbfbf;
}
.apigateway_table tr {
  /*  width: 1199px;
      height: 855px;*/
  background: #ffffff;
  border: 1px solid #bfbfbf;
}
.apigateway_table td {
  border: 1px solid #bfbfbf;
}
.apigateway_table td:nth-child(even) {
  text-align: left;
  padding: 10px;
}
.apigateway_fun {
  margin-top: 20px;
  padding-bottom: 15px;
}

#productDetail .pro-direct .direct-box .gline {
  height: 1307px;
  width: 3px;
  position: absolute;
  top: 127px;
  left: 400px;
  background-image: url("../img/products/apigateway/api_line.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .gline i {
  position: absolute;
  top: 0;
  left: -6px;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-image: url("../img/products/apigateway/dot.png");
  background-repeat: no-repeat;
}
#productDetail .pro-direct .direct-box .gline i.first {
  top: -35px;
}
#productDetail .pro-direct .direct-box .gline i.second {
  top: 45px;
}
#productDetail .pro-direct .direct-box .gline i.third {
  top: 126px;
}
#productDetail .pro-direct .direct-box .gline i.four {
  top: 203px;
}
#productDetail .pro-direct .direct-box .gline i.five {
  top: 293px;
}
#productDetail .pro-direct .direct-box .gline i.six {
  top: 375px;
}
#productDetail .pro-direct .direct-box .gline i.seven {
  top: 458px;
}
#productDetail .pro-direct .direct-box .gline i.eight {
  top: 540px;
}
#productDetail .pro-direct .direct-box .gline i.nine {
  top: 620px;
}
#productDetail .pro-direct .direct-box .gline i.ten {
  top: 700px;
}
#productDetail .pro-direct .direct-box .gline i.el {
  top: 783px;
}
#productDetail .pro-direct .direct-box .gline i.tw {
  top: 865px;
}
#productDetail .pro-direct .direct-box .gline i.thirteen {
  top: 944px;
}
#productDetail .pro-direct .direct-box .gline i.forteen {
  top: 1030px;
}
.gateway-img-box {
  height: 245px;
  margin-top: 30px;
}
.gateway-img-box img:first-child {
  float: left;
}
.gateway-img-box img:last-child {
  float: right;
}
/*p.title{
    width: 130px;
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #B41717;
    line-height: 18px;
    text-align: center;
    display: block;
  }
  line-top{
    width: 172px;
  }*/