h1,h2,h3,h4,h5,h6 {
    font-family: 'Comfortaa';
}
.theme-btn {
    color: #2f4c72;
    border: 2px solid #2f4c72;
  }
.main-header .logo-box {
    padding: 30px 0px 25px 0px;
}
.main-header .logo-box img {
    height: 65px;
}
.sticky-header .logo-box {
    margin-top: 0px;
    padding: 12px 0px 12px 0px;
}
.main-menu .navigation > li > a {
    font-family: 'Comfortaa';
}
figure{
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.sticky-header .main-menu .navigation > li > a {
    padding: 32px 18px !important;
}
.main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a {
    color: #ffd70d;
}
.sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li:hover > a {
    color: #ffd70d;
}
.gallery-style-two {
    background: #232a34;
    padding-top: 80px;
}
.preloader{
    background-color:#ffffff;
    background-image:url(../images/icons/preloader.png);
}
.footer-style-two .widgets-section {
    padding: 80px 0px 50px 0px;
}
.footer-style-two .footer-bottom .copyright a {
    text-decoration: none;
}
.service-section {
    padding: 20px 0px 60px 0px;
}
.client-style-two {
    position: relative;
    display: block;
    padding: 60px 0px 60px 0px;
}
.scroll-top {
    background: #2f4c72;
}
.default-form .form-group button {
    background: #ffd70d;
    color: #232a34;
}
.default-form .form-group button:hover{
    background: #fff;
    color: #000000;
}
.google-map-section .map-outer {
    height: 450px;
}
.contact-section {
    padding: 55px 0px 55px 0px;
}
.portfolio-single {
    padding: 55px 0px 60px 0px;
}
.blog-single {
    padding: 60px 0px 120px 0px;
}
.sidebar-page-container .sidebar .sidebar-post .post .post-thumb {
    width: 111px;
    height: auto;
    background: #d1d1d1;
}
.sidebar-page-container .sidebar .sidebar-post .post {
    position: relative;
    display: block;
    padding: 0px 0px 20px 130px;
    margin-bottom: 10px;
    min-height: 111px;
}
.blog-single {
    padding: 60px 0px 60px 0px;
}
.blog-single .blog-single-content .post-title {
    padding: 5px 0px 12px 0px;
}
.service-section .inner-box:hover .content-box {
    background: #2f4c72;
    color: #ffffff;
}
.footer-style-two .widgets-section .subscribe-widget .widget-content .subscribe-form .form-group button {
    background: #2f4c72;
}
.service-section .inner-box .content-box {
    color: #ffffff;
}
.about-section.about-page {
    padding-bottom: 20px;
}
.footer-style-two .widgets-section .subscribe-widget .widget-content .subscribe-form .form-group input:focus{
    border-color: #2f4c72;
}
.portfolio-page {
    padding: 60px 0px;
}
.gallery-block-three {
    position: relative;
    display: block;
    margin-bottom: 30px;
    border: 6px solid #8e95b691;  /* 边框的样式 */
    border-radius: 3px;   /* 边框的圆角 */
}
.gallery-block-three .inner-box:hover .image-holder .info-box {
    transform: translateY(0px);
}
.gallery-block-three .inner-box .image-holder .info-box{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: rgba(35, 42, 52, 0.7);
    padding: 10px 50px 10px 25px;
    transform: translateY(100px);
    transition: all 500ms ease;
    color: #2f4c72;
}
.gallery-block-three .inner-box .image-holder .info-box li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'Comfortaa';
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    margin-right: 20px;
}
.gallery-block-three .inner-box .album-box button span {
    font-size: 18px;
}
.others-gallery {
    background: #232a34;
    padding: 60px 0px 60px 0px;
}
.others-gallery .inner-box .content-box h3 {
    font-size: 22px;
    line-height: 35px;
    font-family: 'Comfortaa';

}
.others-gallery .owl-stage-outer .owl-item.active .inner-box:before {
    background-image: linear-gradient(0deg, rgb(15, 73, 123) 0%, rgba(15, 73, 123, 0.8) 20%, rgba(15, 73, 123, 0.0) 35%);
}
.owl-theme .owl-dots .owl-dot.active span {
    background: none repeat scroll 0 0 #2f4c72;
    border: 1px solid #2f4c72;
}
.main-menu .navigation > li > ul > li:hover a{
    color: #ffd70d;
}
.client-style-two .clients-logo {
    width: 100%;
    height: 78px;
    background: #ffffff;
    padding: 8px;
    border-radius: 10px;
    border: 2px solid #dde0e4;
}
.footer-style-two .widgets-section .link-widget .widget-content ul li a:hover,
.footer-style-two .widgets-section .contact-widget .widget-content ul li a:hover,
.footer-style-two .footer-bottom .copyright a:hover{
  color: #ffd70d;
}
.sidebar-page-container .sidebar .sidebar-post .post h5{
    font-family: 'Comfortaa';
  }
  .sidebar-page-container .sidebar .sidebar-post .post h5 a:hover{
    color: #2f4c72;
}
.contact-section.style-two h3.top-text {
    font-family: 'Comfortaa';
}
.page-title .content-box .bread-crumb li:last-child {
    color: #ffd70d;
}
.page-title .content-box .bread-crumb li {
    font-family: 'Comfortaa';
}
.page-title .content-box .bread-crumb li a:hover{
    color: #ffd70d;
}
.main-header .nav-outer .share-box .social-links li a:hover,
.main-header .nav-outer .share-box .share-btn:hover,
.main-header .nav-outer .header-flyout-searchbar i:hover{
  color: #ffd70d;
}
.theme-btn-two:hover{
    border-color: #2f4c72;
}
.theme-btn-two:before {
    border-bottom: 50px solid #2f4c72;
}
.theme-btn-two:after {
    border-bottom: 50px solid #2f4c72;
}

  .sec-title-two h3 {
    font-family: 'Comfortaa';
}
.footer-style-two .widgets-section .widget-title {
    font-family: 'Comfortaa';
}
.main-slider.style-two .content-box h1 {
    font-family: 'Comfortaa';
}
.others-gallery .inner-box {
    overflow: hidden;  /* 超出部分剪切 */
}
.others-gallery .inner-box img {
    width: 100%;  /* 让图片宽度充满父容器 */
    height: 250px;  /* 让图片高度充满父容器 */
    object-fit: cover;  /* 保持宽或高多保持最大，超出部分剪切 */
}
.client-style-two .clients-logo img {
    width: 100%;  /* 让图片宽度充满父容器 */
    height: 60px;  /* 让图片高度充满父容器 */
    object-fit: cover;  /* 保持宽或高多保持最大，超出部分剪切 */
}
.others-gallery .inner-box .content-box h3 {
    font-size: 18px;
    line-height: 26px;
    font-family: 'Comfortaa';
}
.page-title:before {
    background: rgba(0, 0, 0, 0.10);
}
.main-slider .slide:before {
    background: rgba(0, 0, 0, 0.10);
}
.sec-title h4 {
    font-family: 'Comfortaa';
}
.single-blog-content .inner-box .image-holder .image-box img {
    max-height: 200px;
    object-fit: cover;
}
@media only screen and (max-width: 991px){
    .main-header .logo-box img {
        height: 80px;
    }
    .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: #232a34;
    }
    .main-menu .navbar-header .navbar-toggle {
        background: #ffd70d;
    }
}
@media screen and (max-width: 768px) {
    /* 在小于等于 768px 的设备上应用的样式 */
    .main-slider.style-two .content-box h1 {
        font-size: 35px;
    }
    .client-style-two .clients-logo img {
        width: auto;
        height: 60px;
        object-fit: cover;
    }
    h2, .h2 {
        font-size: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    /* 在 768px 到 992px 之间的设备上应用的样式 */
    .main-slider.style-two .content-box h1 {
        font-size: 40px;
    }
}
.client-style-two .clients-logo:hover img{
    transform: translateY(-3px);
}
.main-menu .navigation > li > ul > li > a {
    font-family: 'Comfortaa';
}
@media screen and (min-width: 992px) {
    /* 在大于等于 992px 的设备上应用的样式 */
    .main-slider.style-two .content-box h1 {
        font-size: 70px;
        font-weight: bold;
    }
}