/*===============================================
Template Name: divingclub - Consulting & Finance HTML5 Template
Author:  https://tamplatemonostar.com/author/dreamit
Description: Description
Version: 1.0.0
Text Domain: divingclub
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/
.single-img img {
    width: 400px;
    height: 400px;
    max-width: 100%;
    object-fit: cover;
}
.blog-details-area img {
    max-width: 100%;
}
.blog-details-content ,.zhaopin {
    overflow-y: scroll;
}
.col-lg-12.col-md-6.jiaolsdk {
    margin-bottom: 20px;
}
.btilews {
    font-size: 35px;
    border-bottom: 1px solid #6d6c6c;
    line-height: 50px;
    margin-bottom: 10px;
}
.mysearch {
    position: relative;
}
.mysearch img {
    width: 25px;
    position: absolute;
   right: 14%;
    top: 20px;
	cursor: pointer;
    z-index: 1000;
}
/*TABLE OF CONTENTS*/
/*=====================
01. divingclub Header Top Menu Area Css
02. divingclub Nav Menu Area Css 
03. divingclub Hero Area Css
05. divingclub Service Area css
06. divingclub About Area Css
07. divingclub Feature Area Css
08. divingclub Video Area Css
08. divingclub Courses Area Css
08. divingclub Counter Area Css
09. divingclub Testimonial Area Css
10. divingclub Blog Area Css
11. divingclub footer Area Css
11. divingclub footer End Area Css
21. divingclub Prossess Ber Css

22. divingclub Scrollup Section
23. divingclub Bounce Animation Css 
24. divingclub Animation Dance
25. divingclub Breadcumb Area Css
26. divingclub abouts_areas Css
27. divingclub Feture-Area Css
28. divingclub Pricing Section Css
29. divingclub Web Development Section CSS
30. divingclub Contact  US Css
31. divingclub Blog Sidber Widget CSS
32. divingclub Case Study Details Css
33. divingclub Search Box Css
34. divingclub Loader Css
=======================*/


/*================================
<--  divingclub Nav Menu Area Css -->
==================================*/

.divingclub_nav_manu {
    transition: .5s;
    z-index: 2;
    position: relative;
    padding: 0 70px 0;
    margin-bottom: -95px;
    border-bottom: 1px solid rgba(16,18,16,0.10196078431372549);
    background: rgb(15, 21, 94);
}
.sidebar-menu input[type='text'],.sidebar-menu input[type='date']{
	width: 60%; 
    line-height: 40px;
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    /*background: #101210!important;*/
    background-color: rgb(15, 21, 94)!important;
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .divingclub_menu>ul>li>a {
    color: #fff;
}
.sticky .divingclub_menu>ul>li>a>span {
    color: #fff;
}


.sticky .header-button a i {
    color: #fff;
}
.sticky .header-button a:before {
    background: #fff;
}
.sticky .header-button a:hover {
    color: #222222
}
.sticky .header-button a:hover i {
    color: #222222
}
/* divingclub Menu Css*/
nav.divingclub_menu {
    position: relative;
    z-index: 1;
    float: right;
}
.divingclub_menu ul {
    list-style: none;
    display: inline-block;
}

.divingclub_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.divingclub_menu>ul>li>a {
    font-size: 17px;
    display: block;
    margin: 35px 15px;
    transition: .5s;
    color: #FFFFFF;
    font-weight: 500;
}

nav.divingclub_menu span {
    font-size: 16px;
    padding-left: 5px;
    color: #353535;
}
.divingclub_menu>ul>li>a:hover {
	background: #B31E18;
    color:#FFF;
}
.divingclub_menu>ul>li:hover {
	background: #B31E18;
    color:#FFF;
}
/*menu button*/

.header-button {
    display: inline-block;
}
.header-button a {
    font-size: 16px;
    padding: 11px 18px;
    font-weight: 500;
    color: #fff;
    background: rgb(178, 31, 24);
    border-radius: 5px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-left: 20px;
}
.header-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: #101010;
    transform: scale(0);
    transition: .5s;
}

.header-button a i {
    padding-right: 5px;
    position: relative;
    top: 3px;
    color: #fff;
    transition: .5s;
}
.header-button a:hover:before {
    transform: scale(1);
}

.header-button a:hover {
    color: #fff;
}
.header-button a:hover i {
    color: #fff;
}

/*Style Two Nav Menu*/

.style-two.divingclub_nav_manu {
    border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);
}

.style-two .divingclub_menu>ul>li>a {
    color: #fff;

}

/*style two btn*/

.style-two .header-button a {
    background: rgba(16,18,16,0);
    border: 1px solid rgba(255,255,255,0.3);
}

.style-two .header-button a i {
    color: #bbf737;
}

/*** Sub Menu Style 
==========================***/

.divingclub_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}

.divingclub_menu ul li:hover>.sub-menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}
.footer-area.tuijianer {
    background: rgb(15, 21, 94) !important;
    padding: 60px 0;
}
.mysearch input {
    width: 80%;
    display: block;
    margin: 0 auto;
    line-height: 60px;
    border-radius: 10px;
    margin-top: 20px;
}
.divingclub_menu ul .sub-menu li {
    position: relative;
}
a.logo_img img,.main_sticky img,.footer-logo img {
    width: 100%;
	
}
.footer-logo img{
	float: right;
    margin-top: 60px;
}
p.mm_fles {
    text-align: center;
    color: #FFF;
    font-size: 18px;
}
.row.wailian a {
    display: inline-block !important;
    width: auto !important;
	margin:4px 10px;
}
.row.wailian {
    text-align: center;
    display: block;
}
.row.wailian a img{
     
    max-width: 100%;
}
.divingclub_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #101210 !important;
}

.divingclub_menu ul .sub-menu li:hover>a,
.divingclub_menu ul .sub-menu .sub-menu li:hover>a,
.divingclub_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.divingclub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background: #B31E18;
    color: #fff !important;
}

/* sub menu 2 
=================*/

.divingclub_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.divingclub_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 
==================*/

.divingclub_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.divingclub_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.divingclub_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

ul.sub-menu li a span {
    background: #ffde5d;
    padding: 5px 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Fira Sans';
    border-radius: 2px;
    margin-left: 5px;
    transition: .5s;
}

ul.sub-menu li:hover a span{
    background: rgba(255,255,255, 0.20);
}

/* sub menu 4 
====================*/

.divingclub_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}


.divingclub_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.divingclub_menu li a:hover:before {
    width: 101%;
}

.divingclub_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.divingclub_nav_manu.sticky .main_sticky {
    display: inherit;
}

.mobile-menu.mean-container {
    overflow: hidden;
}




/***======================================================
<--Start divingclub hero area Css -->
======================================================***/
.hero-area {
    
}
.hero-title h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.hero-title h1 {
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}
.hero-desc p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    width: 56%;
    margin: 15px 0 25px;
}
.hero-button {
    float: left;
    margin-right: 47px;
}
.hero-button a {
    display: inline-block;
    color: rgb(178, 31, 24);
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    border: none;
    border-radius: 3px;
    padding: 9px 20px;
    margin-top: 12px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.hero-button a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: rgb(178, 31, 24);
	transition:.8s;
	z-index:-1;
}
.hero-button a:hover:before {
	height:100%;
}
.hero-button a:hover {
	color:#fff;
}
.hero-button a i {
    margin-left: 6px;
    position: relative;
    top: 2px;
}
.video-icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: relative;
    color: rgb(178, 31, 24);
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
    background: #fff;
    z-index: 44;
    margin-top: 14px;
}
.slider10 .video-icon a {
    border-radius: 0;
}
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}


/*
<!-- ============================================================== -->
<!--Service Service area Section -->
<!-- ============================================================== -->*/
.Service-area {
    padding: 100px 0 70px;
}
.single-service-box {
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    border-radius: 5px;
    padding: 34px 35px 27px;
    text-align: center;
    position: relative;
    z-index: 1;
	margin-bottom:30px;
}
.single-service-box:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/boyun_service-bg.jpg);
    transform: perspective(500px)rotateX(90deg);
    transition: .8s;
    z-index: -1;
}
.service-icon {
    height: 90px;
    width: 90px;
    background: #DBE9F5;
    text-align: center;
    line-height: 90px;
    display: inline-block;
    border: 1px dotted rgb(178, 31, 24);
	transition:.5s;
}
.service-title h3 {
    color: #222222;
    font-size: 26px;
    font-weight: 700;
    padding: 10px 0px 7px;
    transition: .5s;
}
.service-desc p {
    font-size: 16px;
    color: #353535;
    font-weight: 400;
	transition:.5s;
}
.service-button a {
    color: rgb(178, 31, 24);
    font-size: 16px;
    font-weight: 500;
	transition:.5s;
}
.service-button a i {
    margin-left: 10px;
}
/*------all-hover---------*/
.single-service-box:hover:before {
	transform: perspective(500px)rotateX(0deg);
}
.single-service-box:hover .service-title h3 {
	color:#fff;
}
.single-service-box:hover .service-desc p {
	color:#fff;
}
.single-service-box:hover .service-button a {
	color:#fff;
}
.single-service-box:hover .service-icon {
    background: #fff;
}


/*
<!-- ============================================================== -->
<!--Service About area Section -->
<!-- ============================================================== -->*/
.about-area {
    background: #eef4fa;
    padding: 110px 0 100px;
}
.row.mr {
    position: relative;
    right: 50px;
}
.about-thumb img {
    width: 100%;
}
.about-counter {
    background: rgb(178, 31, 24);
    border-radius: 3px;
    padding: 26px 26px 16px;
    margin-top: 30px;
}
.about-counter-icon {
    float: left;
    margin-right: 30px;
    margin-top: 10px;
}
.about-counter-text h1 {
    color: #fff;
    display: inline-block;
    font-size: 40px;
}
.about-counter-text p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.section-title h2 {
    font-size: 30px;
    margin: 0;
}
.section-title p {
    width: 89%;
    margin-top: 15px;
}
.single-about {
    display: flex;
    align-items: center;
}
.about-icon {
    background: rgb(178, 31, 24);
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 3px;
    margin-right: 15px;
}
.about-title h4 {
    font-size: 22px;
    color: #222222;
    font-weight: 700;
}
.about-desc p {
    font-size: 16px;
    font-weight: 400;
    width: 70%;
    margin-bottom: 0;
}




/*
<!-- ============================================================== -->
<!--Service feature area Section -->
<!-- ============================================================== -->*/

.feature-area {
    padding: 100px 0 70px;
}
.single-feature {
    margin-bottom: 30px;
	    box-shadow: 1px 4px 1px 1px #f4f4f4;
}
.feature-thumb img {
    width: 100%;
}
.feature-content {
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 10px 30px 10px;
}
.m-detials {
    display: none;  
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000000;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.5);
}
.image_load .single-course-box:hover .m-detials{
	display: block;  
}
.image_load .single-course-box:hover .course-title{
	display: none;  
}
.feature-title h3 {
    font-size: 22px;
    font-weight: 700;
}
.meta-blogs {
    margin-bottom: 25px;
}
.meta-blogs span {
    display: inherit;
    margin: 10px 0 15px;
}
.meta-blogs span i {
    margin-right: 10px;
}
.feature-desc span i {
    margin-right: 10px;
}
.feature-review {
    display: flex;
    border-top: 1px solid #dbe9f6;
    padding-top: 20px;
    justify-content: space-between;
}
.review-dolar h3 {
    font-size: 26px;
    margin: 0;
}
.review-rating ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
    color: rgb(178, 31, 24);
}



/*
<!-- ============================================================== -->
<!--Service video area Section -->
<!-- ============================================================== -->*/
.video-area {
    background: url(../images/boyun_video-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 100px;
}
.video-content {
    text-align: center;
}
.video-area .video-icon a {
    margin-bottom: 40px;
}
.video-button a {
    background: rgb(178, 31, 24);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 44px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-top: 25px;
    border: 2px transparent;
}
.video-button a:hover {
	color:rgb(178, 31, 24);;
}
.video-button a i {
    margin-left: 8px;
}
.video-button a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: white;
    z-index: -1;
    transform: scale(0);
    transition: .5s;
    border-radius: 5px;
    border: 2px dashed rgb(178, 31, 24);
}
.video-button a:hover:before {
	
    transform: scale(1);
}
.text-center.section-title p {
    width: 49%;
    margin: 10px auto 0px;
}
/*
<!-- ============================================================== -->
<!--Service courses area Section -->
<!-- ============================================================== -->*/
.courses-area {
    padding: 100px 0 80px;
	    background: #e9e8e8;
}
.portfolio_nav {
    padding: 22px 0 45px;
}
.single-course-box {
    position: relative;
    margin-bottom: 30px;
}
.course-thumb img {
    width: 100%;
	height: 400px;
}

.course-title h3 a {
    background: rgb(4 33 173 / 75%);
    backdrop-filter: blur(0.5px);
    color: #fff;
    padding: 26px 63px;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    bottom: -1px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    transition: .5s;
}
.course-title h3 a:hover {
    background-color: #222222;
	opacity:1;
}
/*
<!-- ============================================================== -->
<!--Service counter area Section -->
<!-- ============================================================== -->*/

.counter-area {
    background: url(../images/boyun_counter-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 50px 0 50px;
}
.counter-content {
    border: 1px dotted #fff;
    text-align: center;
    padding: 13px 20px 7px;
    width: 79%;
}
.counter-title h1 {
    color: #fff;
    font-size: 40px;
    display: inline-block;
}
.counter-desc p {
    color: #fff;
}



/*
<!-- ============================================================== -->
<!--Service testimonial area Section -->
<!-- ============================================================== -->*/
.testimonial-area {
    background: url(../images/boyun_testi-bg.jpg);
    padding: 100px 0 70px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.single-textimonial {
    background-color: #dbe9f6;
    padding: 25px 55px 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.testimonial-star ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 22px;
}
.testimonial-star ul li i {
    color: rgb(178, 31, 24);
}
.testimonial-author {
    display: flex;
    position: relative;
    margin-top: 22px;
}
.author-thumb img {
    width: 100%;
}
.author-name {
    margin-left: 20px;
}
.author-name h4 {
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}
.author-quoite-icon {
    text-align: right;
    position: absolute;
    right: 0;
}
.author-quoite-icon i {
    font-size: 50px;
    text-align: right;
    display: inline;
    color: #2572ec;
    opacity: 0.239;
}
/*
<!-- ============================================================== -->
<!--Service blog area Section -->
<!-- ============================================================== -->*/
.blog-area {
    padding: 100px 0 0px;
}
.single-blog {
    margin-bottom: 30px;
}
.bolg-thumb img {
    width: 100%;
}
.blog-content {
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 9px 30px 7px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.blog-content:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: rgb(178, 31, 24);
    border-radius: 0px 0px 5px 5px;
    z-index: -1;
    transition: .5s;
}
.blog-title h4 a {
    font-size: 22px;
    margin: 0;
    transition: .5s;
    padding-bottom: 10px;
    color: #222222;
    font-weight: 700;
    transition: .5s;
}
.blog-desc p {
    transition: .5s;
    margin: 0;
    padding: 5px 0 20px;
}
.blog-end {
    border-top: 1px solid #dbe9f6;
    padding: 15px 0 15px;
}
.blog-end p {
    display: inline-block;
    margin: 0 20px 0;
    transition: .5s;
}
.blog-end p {
    display: inline-flex;
}
.blog-end p i {
    color: rgb(178, 31, 24);
    margin-right: 10px;
    transition: .5s;
    top: 5px;
    position: relative;
}
a.tujlinks img {
    width: 48px;
}
/*all hover*/
.single-blog:hover .blog-content:before {
	height:100%;
}
.single-blog:hover .blog-title h4 a {
   color:#fff;
}
.single-blog:hover .blog-desc p {
   color:#fff;
}
.single-blog:hover .blog-end p {
   color:#fff;
}
.single-blog:hover .blog-end p i {
   color:#fff;
}
/*
<!-- ============================================================== -->
<!--Service footer area Section -->
<!-- ============================================================== -->*/
.footer-area {
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
	padding-top: 10px;
}
.footer-logo {
    margin-bottom: 45px;
}
.footer-title {
    margin-bottom: 45px;
}


.footer-title h4 {
    color: #333;
    font-size: 22px;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.footer-title h4:before {
    position: absolute;
    content: "";
    left: 0;
    height: 3px;
    width: 48px;
    background-color: #fff;
    top: 50px;
	transition:.5s;
}
.footer-content:hover .footer-title h4:before {
	width:100%;
}
.single-footer {
    display: flex;
}
.footer-icon i {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.278);
}
.footer-text {
    margin-left: 18px;
}
.footer-text h5 {
    color: #f4f6fe;
    margin: 0;
    font-size: 16px;
    line-height: 25px;
}
.footer-text p {
    color: #f4f6fe;
}
.footer-list {
    padding: 10px 0 0;
}
.footer-list ul li {
    list-style: none;
    margin-bottom: 10px;
}
.footer-list ul li a {
    color: #333;
}
.footer-list ul li a i {
    margin-right: 8px;
}
.footer-time p {
    color: #333;
    padding: 10px 0 0;
}
.footer-time p i {
    margin-right: 10px;
}
.footer-desc p {
    color: #333;
    width: 110%;
}
.footer-button a {
    background: #333;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 35px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: .5s;
    border: 1px dotted transparent;
}
.footer-button a:hover {
	color:#fff;
	border:1px dotted #fff;
}
.footer-button a i {
    margin-left: 8px;
}
.footer-button a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(178, 31, 24);
    z-index: -1;
    transform: scale(0);
    transition: .5s;
    border-radius: 5px;
}
.footer-button a:hover:before {
	transform: scale(1);
	border: 1px dashed #fff;
}


/*
<!-- ============================================================== -->
<!--Service footer end area Section -->
<!-- ============================================================== -->*/

.footer-end-area { 
}
.footer-end-text p {
    color: #333;
    text-align: center;
}


/*
<!-- ============================================================== -->
<!-- swimzo Scrollup Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/
.prgoress_indicator {
    position: fixed;
    right: 85px;
    bottom: 75px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(17, 85, 233, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
}
  .prgoress_indicator.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
  }
  .prgoress_indicator::after {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #FF5E14;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}
.prgoress_indicator::before {
    position: absolute;
    content: "\f633";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    font-weight: 900;
    opacity: 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    font-family: bootstrap-icons !important;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    transition: all 200ms linear !important;
}
  .prgoress_indicator:hover ::after {
    color: var(--primary-color-one);
  }
  .prgoress_indicator:hover ::before {
    opacity: 1;
  }
  .prgoress_indicator svg path {
    fill: none;
  }
  .prgoress_indicator svg.progress-circle path {
    stroke: #FF5E14;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear !important;
}


/*===========================
<-- divingclub InnerPage Css -->
=============================*/

/*
<!-- ============================================================== -->
<!-- divingclub breadcamp-area Section -->
<!-- ============================================================== -->*/

.breadcamp-area {
    background: url(../images/boyun_aboutbread.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 500px;
    padding-top: 90px;
}

.breadcamp-content h1 {
    font-size: 60px;
	color: #fff;
}
.breadcamp-content p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}
/*
<!-- ============================================================== -->
<!-- divingclub about2-area Section -->
<!-- ============================================================== -->*/

.about2-area {
    padding: 100px 0 100px;
}
.about2-thumb img {
    width: 100%;
}
.about2-content {
    position: relative;
    left: 60px;
}
.about-list ul li {
    list-style: none;
    display: flex;
    padding-bottom: 12px;
}
.about-list ul li i {
    color: rgb(178, 31, 24);
    width: 20px;
    height: 20px;
    line-height: 30px;
    margin-right: 10px;
}
.about-list ul li p {
    margin: 0;
}

.trylist {
    position: absolute;
    top: 40%;
    font-size: 50px;
    text-align: center;
    color: #FFF;
    width: 100%;
}
/*
<!-- ============================================================== -->
<!-- divingclub service2-area Section -->
<!-- ============================================================== -->*/

.service2-area {
    padding: 40px 0 70px;
}
.single-service2-box {
    margin-bottom: 30px;
}
.service2-thumb img {
    width: 100%;
	 height: 400px;
	     object-fit: cover;
}
.service2-thumb {
    position:relative;
	z-index:1;
}
.service2-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
   /* background: rgba(0,0,0, 0.6);
	opacity:0;
	transition:.5s;
	transform:scale(0);*/
}
.single-service2-box:hover .service2-thumb:before{
	opacity:1;
	transform:scale(1);
}
.service2-content {
   position: absolute;
    text-align: center;
    /* bottom: 52px; */
    left: 0;
    opacity: 0;
    bottom: 23%;
    transition: .5s;
    transform: scale(0);
    width: 100%;
}
.single-service2-box:hover .service2-content {
    opacity: 1;
	transform:scale(1);
}
.blog-details-area {
    min-height: 500px;
}
.zhaopin .col-lg-6 {
        width: 48%;
    display: inline-block;
}
.service2-content h4 {
    color: #fff;
    font-size: 22px;
}
.service2-content p {
    color: #fff;
}
.about-area2 {
   
    padding: 40px 0 100px;
}
.testimonial-star3 {
    background: #0808AA;
    color: #FFF;
    line-height: 40px;
	padding: 2px 10px;
}
.testimonial-desc4 {
    background: #EEECEB;
	padding: 4px 10px;
}
.lijibaoming a {
    color: #fff;
	background: #B31E18;
    padding: 10px 20px;
    border-radius: 5px;
    display: block;
    margin: 20px auto;
	width: 180px;
}

.service2-content a {
    color: #fff;
	background: #B31E18;
    padding: 10px 20px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
	width: 180px;
}
.service2-content a i {
    margin-left: 10px;
}


/*
<!-- ============================================================== -->
<!-- divingclub team-area Section -->
<!-- ============================================================== -->*/
.team-area {
    padding: 100px 0 0;
}
.single-team {
    margin-bottom: 30px;
}
.team-thumb img {
    width: 100%;
}
.team-content {
    text-align: center;
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 10px 20px 10px;
}
/*
<!-- ============================================================== -->
<!-- divingclub contact-area Section -->
<!-- ============================================================== -->*/
.contact-area {
    padding: 100px 0 0;
}
.contact-thumb img {
    width: 100%;
}

.form-box input {
    display: inline-block;
    width: 100%;
    border: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid  #ddd;
    outline: 0;
}
.form-box input::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
}

.row.form-style2 .form-box input:focus, button:focus {
    border: none !important;
    outline-color: #ddd;
    border-bottom: 1px solid #ddd !important;
}

.form-box textarea {
    border: 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 142px;
    padding: 20px 0px 0;
}
.form-box textarea::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
}

.row.form-style2 .form-box textarea:focus {
    border: none !important;
    outline: 0;
    border-bottom: 1px solid #ddd !important;
}

.submit-button {
    margin-top: 30px;
}
.submit-button button {
    display: inline-block;
    color: #ffffff;
    padding: 15px 30px;
    font-weight: 500;
    background: #FFFF;
    border: 1px dashed transparent;
    position: relative;
    z-index: 1;
    transition: .5s;
    border-radius: 5px;
}
.submit-button button:hover{
    color: #0d6efd;
	border:1px dashed #0d6efd;
}

.submit-button button:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #0d6efd;
    z-index: -1;
    transition: .5s;
  }

  .submit-button button:hover::before{
    transform: rotateX(90deg);
  }

  .submit-button button:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #0d6efd;
    z-index: -1;
    transition: .5s;
  }

  .submit-button button:hover::after{
    transform: rotateY(90deg);
  }

/*
<!-- ============================================================== -->
<!-- divingclub service2-area Section -->
<!-- ============================================================== -->*/


/*=================================*/
/*-- start blog-grid --*/
/*=================================*/

.paginations {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 28px;
}
.page-numbers li {
    display: inline-block;
}
.paginations a, .page-numbers span.current {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: auto 5px;
    border: 1px solid #ddd;
    color: #888;
}
.paginations a:hover, .paginations a.current, .page-numbers span.current {
    background: linear-gradient(90deg, #0d6efd 0%, #692fd5 100%);
    border-color: linear-gradient(90deg, #0d6efd 0%, #692fd5 100%);
    color: #fff;
}
ul.nav_scroll .on {
    background: #B31E18;
}
/*=================================*/
/*-- End blog-grid --*/
/*=================================*/


/*============================================
<!-- Start swimming blog details Section  -->
=============================================*/

.blog-details-area {
    padding: 40px 0 0;
}

.blog-details-box {
    margin-bottom: 55px;
}

.single-img {
    float: left;
    padding-right: 25px;
}

.blog-details-thumb img {
    width: 100%;
    transition: .5s;
}

.meta-blog-details {
    padding: 30px 0 35px;
    position: relative;
    z-index: 1;
}

.meta-blog-details:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 17px;
    height: 1px;
    width: 100%;
    background: #ddd;
}

.meta-blog-details ul{
    list-style: none;
}

.meta-blog-details ul li {
    display: inline-block;
    padding-right: 32px;
}

.meta-blog-details ul li i {
    display: inline-block;
    color: #0d6efd;
    font-size: 16px;
    padding-right: 10px;
}

.meta-blog-details ul li a {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    color: #888787;
    font-family: 'Montserrat', sans-serif;
}

.blog-details-text p {
    font-weight: 400;
    width: 100%;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
    font-family: 'Montserrat', sans-serif;
}
.blog-details-content.left {
    margin-top: -10px;
}

.blog-details-content.left h2 {
    line-height: 32px;
    margin: 0;
    font-size: 24px;
    color: #232323;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.blog-details-content.left p {
    padding: 10px 0 4px;
    font-weight: 400;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
    font-family: 'Montserrat', sans-serif;
}

.title ul{
    list-style: none;
}

.title ul li {
    color: #232323;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
     font-family: 'Montserrat', sans-serif;
}

.title ul li i {
    font-size: 18px;
    color: #232323;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.author-comment-box {
    background-color: rgb(238, 238, 238);
    padding: 28px 60px 30px;
    margin-top: 40px;
    border-left: 2px solid #0d6efd;
}

.comment p {
    font-weight: 400;
    font-style: italic;
    width: 86%;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
     font-family: 'Montserrat', sans-serif;;
}

.author-thumb {
    display: inline-block;
    margin-right: 10px;
}

.author-thumb img {
    border-radius: 50px;
    width: 100%;
} 

.comment-author {
    display: inline-block;
}

.comment-author h6 {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
     font-family: 'Montserrat', sans-serif;
}

.author-disc p {
    font-weight: 400;
    width: 99%;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
    font-family: 'Montserrat', sans-serif;
    margin: 22px auto 0;
}

.single-form-box.up {
    margin-top: 45px;
}
.single-form-box {
    background: #e8f1fa;
    border-radius: 8px;
    padding: 55px 0 72px;
}
.form-title h3 {
    font-size: 30px;
    color: rgb(35, 35, 35);
    font-weight: 500;
    text-align: center;
    margin-bottom: 38px;
}

.form-box {
    margin: 0 40px 0;
}

.form-box input {
    display: inline-block;
    width: 100%;
    height: 60px;
    border: 1px solid #dddd;
    margin-bottom: 24px;
    padding: 0 28px 0;
}

.form-box input::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
}

.form-box textarea {
    border: 1px solid #ddd;
    width: 100%;
    height: 142px;
    padding: 17px 28px 0;
}

.form-box textarea::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
}

.submit-button {
    margin: 20px 40px 0;
}

.submit-button button {
    display: inline-block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    background: #FFFF;
    border: none;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.submit-button button:hover{
    color: #0d6efd;
}

.submit-button button:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #0d6efd;
    z-index: -1;
    transition: .5s;
  }

  .submit-button button:hover::before{
    transform: rotateX(90deg);
  }

  .submit-button button:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #0d6efd;
    z-index: -1;
    transition: .5s;
  }

  .submit-button button:hover::after{
    transform: rotateY(90deg);
  }

.blog-details-content h3 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #0d6efd;
}

.blog-details-comment {
    margin-bottom: 60px;
    position: relative;
}

.blog-details-comment-reply {
    position: absolute;
    right: 25px;
}

.blog-details-comment-reply a {
    background: #0d6efd;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    text-decoration: none;
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 30px;
}

..blog-details-comment-thumb img {
    border-radius: 100%;
}

.blog-details-comment-content h2 {
    line-height: 32px;
    margin: 0;
    font-size: 24px;
    color: #232323;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.blog-details-comment-content {
    overflow: hidden;
    margin-bottom: 40px;
}

.blog-details-comment-content span {
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
}

.blog-details-comment-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    width: 81%;
    margin: 0 auto 0 0;
    color: #8796A5;
    font-family: 'Montserrat', sans-serif;
}











.widget_search {
    padding: 45px 35px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.15));
    background: #ffffff;
}

.widget_search input::placeholder {
    color: #888f99;
}

.widget_search form input {
    display: inline-block;
    padding: 12px 75px;
    border: 1px dashed #0d6efd;
    background: #ffff;
}

.widget_search form i {
    font-size: 17px;
    color: #0d6efd;
    position: absolute;
    left: 75px;
    top: 65px;
}

.widget-recent-post {
    border-bottom: 1px solid rgba(16,18,16,0.10196078431372549);
    padding: 0 0 25px;
    margin-bottom: 25px;
}

.rpost-thumb {
    margin-right: 20px;
}

.rpost-thumb img {
    height: 90px;
    width: 90px;
}

h4.sidebar-title {
    padding: 0 0 30px;
}

.rpost-title h4 {
    margin-top: 2px;
}

.rpost-content h4 a {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #101010;
    display: inline-block;
    transition: .5s;
     font-family: 'Montserrat', sans-serif;
}

.rpost-content h4 a:hover{
    color: #0d6efd;
}

.rpost-title span {
    font-size: 15px;
    padding: 6px 0 0;
    display: inline-block;
     font-family: 'Montserrat', sans-serif;
}

.widget-sidebar-box {
    padding: 30px 30px 45px;
    border-bottom: 30px;
    margin-bottom: 30px;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.15));
    background: #ffffff;
}

h4.sidebar-title.upp {
    padding: 0;
    margin: 0;
}
.sidebar-title {
    font-size: 24px;
    color: #01101e;
    font-weight: 700;
}

ul.sidebar-menu {
    list-style: none;
}

ul.sidebar-menu li .a {
    font-size: 17px;
    color: #888f99;
    font-weight: 400; 
    display: inline-block;
    padding: 12px 0px 11px 0;
    margin: 3px 0 0;
    width: 100%;
    transition: .5s;
     font-family: 'Montserrat', sans-serif;
}
button, input, optgroup, select, textarea {
     
    border: 1px solid #acabab;
    text-indent: 1.5em;
    border-radius: 4px;
    /* width: 50%; */
}

ul.sidebar-menu li .a i {
   color: #888f99;
    font-size: 10px;
    display: inline-block;
    height: 15px;
    width: 15px;
    line-height: 15px;
    border: 1px solid #888f99;
    border-radius: 15px;
    text-align: center;
    margin: 0 4px;
    transition: .5s;
    position: absolute;
    top: 25px;
}
.a span {
    display: inline-block;
    width: 150px;
    text-align: right;
}
.a {
    position: relative;
}


.a label {
    color: #343131 !important;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .a span{ 
        text-align: left !important;
		width:100% !important;
    }
.sidebar-menu input[type='text'],.sidebar-menu input[type='date']{
	width: 100% !important; 
 

    width: 100%;
    line-height: 40px;
    text-indent: 25px !important;
}
	ul.sidebar-menu li .a i {
     
    top: unset !important;
    bottom: 25px !important;
}
}
ul.sidebar-menu li .a span { 
    margin-right: 10px;
	color: #333;
}

ul.sidebar-menu li .a:hover {
    color: #0d6efd;
}

ul.sidebar-menu li .a i:hover {
    color: #0d6efd;
    border-color:#0d6efd;
}

.blog-details-single-box {
    text-align: center;
    background: #fff;
    margin: 35px 0;
    padding: 35px 0 35px;
    border-radius: 5px;
    box-shadow: 10px 10px 57px rgba(16,84,200,0.05);
}

.blog-content.up {
    padding: 12px 0 0;
}

.blog-content.up a {
    font-size: 22px;
    font-weight: 600;
}

.blog-details-icon a {
    font-size: 16px;
    color: #0d6efd;
    display: inline-block;
    border: 1px dashed #0d6efd;
    height: 40px;
    margin: 0 5px 0;
    transition: 0.5s;
    width: 40px;
    border-radius: 10px;
    line-height: 40px;
    text-align: center;
}

.blog-details-icon a:hover {
    background:#0d6efd;
    color: #fff;
}

.widget-sidebar-box.up {
    background: #ffff;
    padding: 30px 30px 45px;
    border-radius: 5px;
    border-bottom: 30px;
}

.sidebar-title-left {
    font-size: 22px;
    color: #01101e;
    font-weight: 700;
    margin-bottom: 25px;
}

.tag-item {
    text-align: center;
}

.tag-item ul{
    list-style: none;
}

.tag-item ul li {
    display: inline-block;
}

.tag-item ul li a {
    display: inline-block;
    padding: 5px 19px;
    border: 1px dashed #0d6efd;
    font-size: 15px;
    color: #656970;
    font-weight: 400;
    margin: 0 6px 10px;
    transition: .5s;
}

.tag-item ul li a:hover {
    color: #F1F5F9;
    background-color:#0d6efd;
}

.contact-section.up {
    margin-top: 0;
}

/* Calendar css */
.wrapper {
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 2px rgb(0 0 0 / 5%);
    margin-bottom: 30px;
}
  
  .wrapper .current-month {
    display: flex;
    align-items: center;
    padding: 0 30px 0;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  
  .icons {
    display: flex;
  }
  
  .icons span {
    display: inline-block;
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    color: #878787;
    text-align: center;
    line-height: 38px;
    font-size: 1.9rem;
    user-select: none;
    border-radius: 50%;
  }
  
  .icons span:last-child {
    margin-right: -10px;
  }
  
  .icons span:hover {
    background: #f2f2f2;
  }
  
  .icons span {
    background: #f2f2f2;
    transition: .5s;
  }
  
  .icons span:hover {
    background-color: rgb(37, 89, 158);
  }
  
  .icons span i {
    font-size: 16px;
  }
  
  .current-date {
    font-size: 18px;
    font-weight: 500;
  }
  
 

/*search items*/
.widget-items {
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.widget-items form {
    position: relative;
}

.src-input-box {
    border: 1px solid #ccc;
    padding: 17px 9px;
    width: 100%;
}

.src-input-box:focus {
    border: 1px solid #ccc;
}

.src-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #777;
    background: transparent;
    border: none;
}

/*categories*/
.widget-title {
    margin-bottom: 45px;
    position: relative;
}

.widget-title h2 {
    margin-top: 0;
}

.widget-archieve-item {
    color: #232323;
}

.widget-archieve-item:hover {
    color: #ff3b00;
}

.widget-items .widget-title h2 {
    color: #232323;
    display: block;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.widget-title h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 80px;
    height: 3px;
    background: #aec6ef;
}

.widget-title h2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 36px !important;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #1552F6;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: MOVE-BG;
}

@keyframes MOVE-BG {
    0% {
        left: 0px;
        top: 0px;
    }

    100% {
        left: 80px;
        top: 0px;
    }
}

.hr-3 {
    border-top: 1px solid #e6e6e6;
    padding-top: 15px;
}

.catagory-item ul li {
    padding-top: 15px;
    margin-top: 18px;
    list-style: none;
}

.catagory-item ul li a {
    color: #686868;
}

.catagory-item ul li:hover a {
    color: #1552F6;
}

.upp.widget-items {
    padding: 35px 27px 15px;
}

/*post thumb*/
.rpost-thumb {
    margin-right: 20px;
    padding: 0 0 22px;
}

/*post title*/
.rpost-title h4 {
    font-size: 16px;
    font-weight: 500;
    transition: .5s;
    margin: 0;
}

.rpost-title span {
    font-size: 14px;
    padding: 5px 0 0;
    display: inline-block;
}

.rpost-title h4:hover {
    color: #1552F6;
}

/*tag menu*/
.tag-item a {
    border: 1px solid #e6e6e6;
    padding: 5px 8px;
    display: inline-block;
    margin: 2px 3px 10px;
    font-size: 15px;
    color: #686868;
    transition: .5s;
    border-radius: 3px;
}

.tag-item a:hover {
    color: #fff;
    background: #1552F6;
}

/* Calender*/
.curr-month {
    width: 100%;
    height: 40px;
    background: #d6d6d6;
    color: #000;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.all-days {
    width: 100%;
    height: 40px;
    background-color: #fff;
    float: left;
}

.tag-item .all-days ul,
.tag-item .all-date ul {
    list-style: none;
    display: block;
    height: 30px;
    width: 100%;
    margin: 0 auto;
    float: left;
    font-size: 15px;
    font-weight: 300;
}

.tag-item .all-days ul li,
.tag-item .all-date ul li {
    float: left;
    width: 48px;
    text-align: center;
    line-height: 41px;
    border: 1px solid #ccc;
    color: #333;
}

.tag-item .all-days ul li {
    font-weight: 500;
    font-family: 'Fira Sans';
    font-size: 16px;
}

.all-date {
    width: 100%;
    height: 305px;
    float: left;
}

.all-date li {
    height: 40px;
    width: 50px;
    line-height: 40px;
    border: 1px solid #ccc;
    background-color: #fff;
}

element.style {
    background-color: rgb(255, 60, 0);
    color: rgb(255, 255, 255);
}

.all-date li.monthdate:hover {
    background-color: #FB3B01;
    color: #fff;
}

.calender-area {
    height: 435px;
}

/*============================================
	<!-- End diving club blog details Section  -->
=============================================*/



/*<!-- ============================================================== -->
<!-- Start diving club team Section  -->
<!-- ============================================================== -->*/

.team-section {
    padding: 100px 0 0px;
}

.our-team-box {
    text-align: center;
    position: relative;
    color: #fff;
    border: 2px solid #e8f1fa;
    background-color: #FFFF;
    padding: 20px 30px 0;
    margin-bottom: 30px;
    transition: .5s;
}

.our-team-box:hover {
    border: 2px solid #0d6efd;
}

.team-thumb img {
    width: 100%;
    height: 100%;
}

.our-team-box .team-social-icon {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 20%;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: center top 0;
    transition: all 0.5s ease 0s;
    opacity: 0;
}

.our-team-box:hover .team-social-icon,
.our-team-box.active .team-social-icon{
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}

.our-team-box .social{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.social {
    float: right;
}

.our-team-box .social li a {
    display: block;
    color: #fff;
    font-size: 16px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 0;
    background: #747474;
    margin: 0 45px 10px 0;
    transition: all 0.5s ease 0s;
    position: relative;
}

.our-team-box .social li a:hover, .our-team-box.active .social li a{
    border-radius: 50%;
    text-decoration: none;
    background: #0d6efd;
}

.team-content {
    padding: 18px 0 20px;
}

.team-content h3 {
    margin: 0 auto 7px;
}

.team-content h3 a {
    display: inline-block;
    font-size: 24px;
    color: #232323;
    font-weight: 600;
    text-align: center;
    margin: auto;
}

.team-content span {
    display: inline-block;
    font-size: 16px;
    color: #888787;
    text-align: center;
}
/*<!-- ============================================================== -->
<!-- End diving team Section  -->
<!-- ============================================================== -->*/





/*<!-- ============================================================== -->
<!-- Start swimzo faq Section  -->
<!-- ============================================================== -->*/

.faq-section {
    padding: 110px 0;
}
/*accordion*/
.accordion li {
    position: relative;
    list-style: none;
    padding: 11px 30px 11px;
    background: #3E96FB;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #fff !important;
}
.accordion li a {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    line-height: 3;
    user-select: none;
    font-weight: 500;
    color: #fff !important;
    font-size: 20px !important;
}
.accordion li p {
    display: none;
    font-size: 16px;
    color: #fff;
    border-top: 1px solid rgba(255,255,255,0.20);
    margin: 8px 0 21px;
    padding-top: 20px;
}
.accordion a:before {
    width: 2px;
    height: 12px;
    background: #fff;
    position: absolute;
    right: 43px;
    content: " ";
    top: 33px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}
.accordion a:after {
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 38px;
    content: " ";
    top: 38px;
    transition: all 0.2s ease-in-out;
}

a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.active:before{
  display: none;
}


/*<!-- ============================================================== -->
<!-- End swimzo faq Section  -->
<!-- ============================================================== -->*/



/*<!-- ============================================================== -->
<!-- start swimzo goggle Section  -->
<!-- ============================================================== -->*/

.google-map-section {
    padding: 0 0 112px;
}

.google-map iframe {
    width: 100%;
    height: 500px;
    border-radius: 10px;
    border: 10px solid #dddd;
}

/*<!-- ============================================================== -->
<!-- End swimzo goggle Section  -->
<!-- ============================================================== -->*/



/*<!-- ============================================================== -->
 <!-- Start swimming subscribe Section  -->
<!-- ============================================================== -->*/
.subscribe-section {
    padding: 100px 0 100px;
    background: url(../images/boyun_aboutbread.jpg);
    background-position: center center;
    background-size: cover;
}

.section-title.up h1 {
    font-size: 36px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 600;
}

.mail-address {
    text-align: right;
}

.mail-address input {
    display: inline-block;
    padding: 0 0 0 30px;
    width: 503px;
    height: 55px;
    background: #ffffff;
    border: none;
    outline: 0;
}

.mail-address input::placeholder {
    font-size: 16px;
    color: #888787;
}

.Subcribe-button button {
    display: inline-block;
    z-index: 1;
    position: relative;
    top: -50px;
    left: -5px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    width: 173px;
    height: 45px;
    background: #0d6efd;
    border: none;
}

/*<!-- ============================================================== -->
<!-- End swimming subscribe  Section  -->
<!-- ============================================================== -->*/




/*-------------------------------------------------------------- 
 ## Course Details
 --------------------------------------------------------------*/


.course-details {
	padding-top: 120px;
	padding-bottom: 120px;
}

.course-details__content {
	padding-top: 45px;
}
.course-details__content h3 {
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 20px;
}

.course-details__content h4 {
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 20px;
}

.blog-details-area .video-button a {
    text-transform: uppercase;
    margin-bottom: 30px;
}1

.course-details__content p {
    color: #838a93;
    font-size: 16px;
    font-weight: 500;
}








/*===========================
<-- swimzo Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 666;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #0163A2;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #FF5E14;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

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

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}

/*curser point */

.curser {
    position: fixed;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #0163A2 ;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: .1s;
}

.curser2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background:  #0163A2 ;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: .15s;
    animation: Ripple 1.6s ease-in-out infinite;
    -webkit-animation: Ripple 1.6s ease-in-out infinite;
    -moz-animation: Ripple 1.6s ease-in-out infinite;
}

/ Portfolio Nav /
.portfolio_nav {
  margin-bottom: 50px;
}
.portfolio_menu ul {
  text-align: center;
  list-style: none;
}
.portfolio_menu ul li {
  display: inline-block;
  margin: 0 14px;
  cursor: pointer;
}
.portfolio_menu ul li a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  transition: 0.5s;
}
.portfolio_menu ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 24px;
  height: 2px;
  width: 0%;
  background: #fff;
  transition: 0.5s;
}
.portfolio_nav ul li {
  background: #f2f4ff;
  border: medium none;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  text-transform: capitalize;
  padding: 12px 27px;
  font-weight: 500;
  letter-spacing: 2px;
  position: relative;
  margin: 0 3px;
  margin-bottom: 7px;
  display: inline-block;
  border-radius: 5px;
}
.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
  color: #fff;
  background: rgb(178, 31, 24);
}