/*===============================================
Template Name: golfix - Consulting & Finance HTML5 Template
Author:  https://www.templatemonster.com/authors/unique-theme/
Description: Description
Version: 1.0.0
Text Domain: golfix
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. golfix Header Top Menu Area Css
02. golfix Nav Menu Area Css 
03. golfix Hero Area Css
05. golfix Service Area css
06. golfix About Area Css
07. golfix Feature Area Css
08. golfix Video Area Css
08. golfix Courses Area Css
08. golfix Counter Area Css
09. golfix Testimonial Area Css
10. golfix Blog Area Css
11. golfix footer Area Css
11. golfix footer End Area Css
21. golfix Prossess Ber Css

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


/*================================
<--  golfix Nav Menu Area Css -->
==================================*/
.golfix_nav_manu {
    transition: .5s;
    z-index: 2;
    position: relative;
    padding: 0 70px 0;
    margin-bottom: -148px;
    background: transparent;
}
.row.golfix-bg {
    background: #fff;
    margin-top: 50px;
    border-radius: 20px;
}
.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: transparent;
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .row.golfix-bg {
    background: #fff;
    margin-top: 0;
}


.sticky .header-button a i {
    color: #fff;
}
.sticky .header-button a:before {
    background: #7fd1a6;
}
.sticky .header-button a:hover {
    color: #000;
}
.sticky .header-button a:hover i {
    color: #000;
}
/* golfix Menu Css*/
.golfix_nav_manu .logo {
    margin-left: 28px;
}
nav.golfix_menu {
    position: relative;
    z-index: 1;
    float: right;
    margin-right: 17px;
}
.golfix_menu ul {
    list-style: none;
    display: inline-block;
}

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

.golfix_menu>ul>li>a {
    font-size: 16px;
    display: block;
    margin: 35px 15px;
    transition: .5s;
    color: #016795;
    font-weight: 500;
}
.golfix_menu>ul>li>a>i {
    margin-left: 8px;
    font-size: 10px;
}

.golfix_menu>ul>li>a:hover {
    color: #016795;
}
.golfix_menu>ul>li:hover {
    color: #2674f0;
}
/*menu-icon*/
.header-icon {
    display: inline-block;
}
.header-icon a {
    display: inline-block;
    background: #016795;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    margin: 0 10px 0;
}

/*Style Two Nav Menu*/

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

.style-two .golfix_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 
==========================***/

.golfix_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;
}

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

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

.golfix_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;
}

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

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

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

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

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

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

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

.golfix_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 
====================*/

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


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

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

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

.main_sticky {
    display: none;
}

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

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




/***======================================================
<--Start golfix hero area Css -->
======================================================***/
.hero-area {
    background: url(../image/hero-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 900px;
}
.hero-content {
    position: relative;
    top: 62px;
}
.hero-title h5 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 0px 0 6px;
}
.hero-title h1 {
    color: #fff;
    font-size: 60px;
    line-height: 73px;
    margin: 0;
}
.hero-desc p {
    color: #fff;
    width: 46%;
    margin: 0;
    padding: 7px 0 26px;
}


.golf-button a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    padding: 11px 32px;
    border-radius: 26px;
    display: inline-block;
    background-color: #016795;
    border: 1px solid #016795;
    box-shadow: 0 7px 25px rgb(123,104,238,0.25);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 5px;
}
.golf-button a span {
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	display: block;
	border-radius: 30px;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.7s ease-in-out, height 0.7s ease-in-out;
	transition: width 0.7s ease-in-out, height 0.5s ease-in-out;
}
 
.golf-button a:hover {
	color: #016795;
}

.golf-button a:hover span, .golf-button a:focus span {
	width: 200%;
	height: 500px;
}



/*
<!-- ============================================================== -->
<!--Start feature area Section -->
<!-- ============================================================== -->*/
.feature-area {
    padding: 80px 0 70px;
}
.single-feature-box {
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 40px 23px 16px;
    text-align: center;
    border-radius: 20px;
    margin: 40px 0 30px;
    position: relative;
    z-index: 1; min-height:280px
}
.single-feature-box:before {
    position: absolute;
    content: "";
    background-color: #016795;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s;
	z-index: -1;
	border-radius: 20px;
	transform:scale(0);
}

.feature-title h3 {
    font-size: 22px;
    padding: 9px 0 10px;
	transition:.5s;
}
.feature-text p {
    transition: .5s;
}
.Section-title h6 {
    color: #016795;
    font-weight: 600;
    font-size: 16px;
}
.Section-title h3 {
    font-size: 35px;
    line-height: 34px;
}
.Section-title p {
    width: 90%;
    padding: 16px 0 4px;
}
.feature-area .Section-title p {
    width: 74%;
    float: right;
    transition: .5s;
    margin: 0;
}
.single-feature-box:hover:before {
	transform:scale(1);
}
.single-feature-box:hover .feature-title h3 {
	color:#fff;
}
.single-feature-box:hover .feature-text p {
	color:#fff;
}

.single-feature-box:hover .feature-thumb img {
    filter: brightness(0) invert(1);
}
/*
<!-- ============================================================== -->
<!--Start about area Section -->
<!-- ============================================================== -->*/
.about-area {
    background-color: #f2fcf4;
    padding: 100px 0 100px;
}

.about-thumb img {
    width: 100%;
}
.about-content {
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 20px 57px 43px;
    border-radius: 20px;
    position: relative;
    left: -115px;
}
.about-area .golf-button {
    display: inline-block;
}
.about-icon {
    display: inline-block;
    float: right;
    top: -44px;
    right: 110px;
    position: relative;
}
.about-area .Section-title h3 {
    font-size: 35px;
    line-height: 35px;
}
.about-title p {
    padding: 18px 0 6px;
    width: 86%;
}
/*
<!-- ============================================================== -->
<!--Start service area Section -->
<!-- ============================================================== -->*/
.Service-area {
    padding: 75px 0 70px;
}
.single-service-box {
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 20px 20px 30px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.single-service-box:before {
    position: absolute;
    content: "";
    background-color: #016795;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s;
	z-index: -1;
	border-radius: 10px;
}
.single-service-box:hover:before {
	height: 100%;
}
.service-thumb img {
    width: 100%;
    border-radius: 15px 15px 0px 0px;
}
.service-title h4 {
    font-size: 26px;
    transition: .5s;
    padding-top: 8px;
}
.service-desc p {
    padding: 11px 0 5px;
    transition: .5s;
    width: 93%;
}
/*==All HOVER==*/

.single-service-box:hover .service-title h4 {
    color: #fff;
}

.single-service-box:hover .service-desc p {
    color: #fff;
}
.single-service-box:hover .golf-button a {
    background: #fff;
    color: #016795;

}



/*
<!-- ============================================================== -->
<!--Start project area Section -->
<!-- ============================================================== -->*/
.project-area {
    background: url(../image/project-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 392px;
    padding: 100px 0 100px;
}
.single-project-box {
    background: #fff;
    margin: 44px 0 30px;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 20px 18px 18px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}
.single-project-box:before {
    position: absolute;
    content: "";
    background-color: #016795;
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s;
	z-index: -1;
	border-radius: 20px;
}

.project-thumb img {
    width: 100%;
	border-radius:10px;
}
.project-area .Section-title h6 {
    color: #fff;
}
.project-area .Section-title h3 {
    color: #fff;
}
.project-area .Section-title p {
    color: #fff;
    width: 74%;
    margin: 0;
    float: right;
}
.project-title h4 {
    display: inline-block;
    margin: 20px 7px 0 0;
    font-size: 22px;
    transition: .5s;
}
.project-title span {
    transition: .5s;
}
/*==All HOVER==*/
.single-project-box:hover:before {
	height: 100%;
}
.single-project-box:hover .project-title span {
	color:#fff;
}
.single-project-box:hover .project-title h4 {
	color:#fff;
}


/*
<!-- ============================================================== -->
<!--Start why-choose-us area Section -->
<!-- ============================================================== -->*/

.why-choose-us-area {
    background: url(../image/why-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 334px 0 30px;
}

.why-choose-us-area .Section-title h3 {
    font-size: 35px;
    line-height: 35px;
}

.why-choose-us-area .Section-title p {
    width: 90%;
    margin: 0;
    padding: 17px 0 21px;
}
.why-choose-us-area .Section-title p.active {
    padding: 20px 0 0px;
}

.why-choose-us-area .about1-play-button {
    position: relative;
    top: -292px;
    left: -60px;
    z-index: 1;
}




/*
<!-- ============================================================== -->
<!--end why-choose-us area Section -->
<!-- ============================================================== -->*/




/*
<!-- ============================================================== -->
<!--Start event Section -->
<!-- ============================================================== -->*/
.event-area {
    background-color: #f2fcf4;
    padding: 100px 0 100px;
}
.single-event-box {
    display: flex;
    background-color: #fff;
    filter: drop-shadow(0 0 9px rgba(2,2,2,0.1));
    padding: 20px 20px 10px;
    border-radius: 20px;
}

.event-content {
    padding: 13px 0px  0 30px;
}
.event-thumb img {
    width: 100%;
}
.event-date p {
    background: #016795;
    display: inline-block;
    padding: 8px 30px 10px;
    color: #fff;
    border-radius: 26px;
}
.event-time {
    padding: 5px 0 0;
}
.event-date p span {
    font-size: 30px;
    margin-right: 5px;
    position: relative;
    top: 4px;
    font-weight: 700;
}
.event-title h3 {
    font-size: 22px;
}
.event-address {
    padding: 17px 0 12px;
}
.event-address span i {
    color: #016795;
    border: 1px solid #016795;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
	transition:.5s;
    margin-right: 7px;
    position: relative;
    z-index: 1;
}
.event-address span i:hover {
    color: #fff;
}
.event-address span i:after {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    width: 0;
	transition:.5s;
    height: 100%;
    background: #016795;
    transform: rotate3d(1, 1, 1, 90deg);
}
.event-address span i:hover:after {
    width: 100%;
    transform: rotate3d(1, 1, 1, 0deg);
}
.event-dolar h2 {
    font-size: 22px;
    padding: 0 0 17px;
}
.event-area .golf-button a {
    border-radius: 23px;
    padding: 8px 32px;
}
.owl-nav {
    text-align: center;
    margin-top: 40px;
}
.owl-prev {
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #016795;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #016795;
}
.owl-next {
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #016795;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #016795;
}


/*
<!-- ============================================================== -->
<!--Start event area Section -->
<!-- ============================================================== -->*/



/*
<!-- ============================================================== -->
<!--Start testimonial area Section -->
<!-- ============================================================== -->*/
.testimonial-area {
    padding: 100px 0 70px;
}


.testimonial-area .testimonial-area .Section-title p {
    width: 91%;
}

.single-testi-box {
    background: url(../image/testi-cn.jpg);
    padding: 40px 38px 36px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}
.testi-quote-icon {
    position: relative;
    left: 47%;
}
.testi-text p {
    width: 98%;
    margin: 20px auto 25px;
}

.testi-author {
    display: flex;
    margin: 0 0 0 190px;
}
.testi-author-name {
    text-align: left;
    position: relative;
    left: 15px;
}
.testi-author-name h4 {
    font-size: 22px;
    line-height: 26px;
}

.tesi-shape-all {
    position: relative;
    z-index: 1;
}

.testi-shape1 {
    position: absolute;
    left: -22rem;
    top: 0;
}

.testi-shape2 {
    position: absolute;
    left: 7rem;
    top: 0;
}


/*
<!-- ============================================================== -->
<!--end testimonial area Section -->
<!-- ============================================================== -->*/



/*
<!-- ============================================================== -->
<!--Start video area Section -->
<!-- ============================================================== -->*/

.video-area {
    background: url(../image/video-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 175px 0 235px;
    position: relative;
    z-index: 1;
}
.about1-play-button {
    text-align: center;
    position: relative;
    top: 30px;
}
.about1-play-button a {
    width: 71px;
    height: 71px;
    line-height: 71px;
    border-radius: 50%;
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    color: #016795;
    webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
}
@-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)
    }
}





/*
<!-- ============================================================== -->
<!--end video area Section -->
<!-- ============================================================== -->*/



/*
<!-- ============================================================== -->
<!--Start blog area Section -->
<!-- ============================================================== -->*/
.blog-area {
    padding: 80px 0 65px;
}
.single-blog-box {
    margin-bottom: 30px;
}
.blog-thumb img {
    width: 100%;
}
.blog-content {
    text-align: center;
    padding: 20px 0 0;
}
.blog-text span {
    font-size: 15px;
    font-weight: 600;
}
.blog-text a {
    
}
.blog-text h3 {
    width: 70%;
    margin: 10px auto 0;
    line-height: 24px;
}
.blog-text h3 a {
    font-size: 22px;
    font-weight: 700;
    transition: .5s;
}
.blog-text h3 a:hover {
    color: #016795;
}
/*
<!-- ============================================================== -->
<!--end blog area Section -->
<!-- ============================================================== -->*/






/*
<!-- ============================================================== -->
<!--Start footer area Section -->
<!-- ============================================================== -->*/
.footer-area {
    background: url(../image/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 110px 0 80px;
}
.footer-desc p {
    color: #fff;
    padding: 19px 0 5px;
}
.footer-social-icon ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.footer-social-icon ul li a:hover {
	color: #016795;
}
	.footer-social-icon ul li a {
    display: inline-block;
    border: 1px  solid #fff;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.footer-social-icon ul li a:before {
    position: absolute;
    z-index: -1;
    content: "";
    left: 0;
    top: 0;
    background-color: #ffffff;
    height: 100%;
    width: 0;
	transition:.5s;
}
 .footer-social-icon ul li a:hover:before {
    
    width: 100%;
}

.footer-title h3 {
    color: #fff;
    padding: 0px 0 35px;
}
.footer-text p {
    color: #fff;
}
.footer-content ul li {
    list-style: none;
    padding-bottom: 10px;
}
.footer-content ul li a {
    color: #fff;
}

.footer-area .form-box input {
    display: inline-block;
    width: 100%;
    height: 52px;
    border: 0;
    padding: 0 28px 0;
    outline: 0;
    border-radius: 50px;
}
.footer-area .form-box input::placeholder {
    font-size: 16px;
    color: #616161;
    font-weight: 400;
}

.footer-area .form-box input:focus {
    outline: 0;
    border: 0 !important;
}
.footer-area .form-box {
    position: relative;
}
.form-box-icon {
    position: absolute;
    top: 6px;
    right: 6px;
}
.form-box-icon a i {
    background: #016795;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 21px;
    text-align: center;
}
.footer-area .footer-end-text {
    background-color: #016795;
    text-align: center;
    padding: 35px 0 20px;
}




.footer-end-area {
    background: rgb(2, 89, 127);
}
.footer-end-text {
    text-align: center;
    padding: 35px 0px 20px;
}
.footer-end-text p {
    color: #fff;
}





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

/*<!-- ============================================================== -->
<!-- Start golfix breadcumb Menu  -->
<!-- ============================================================== -->*/

.breadcumb-section {
    background: url(../image/innerservice2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 550px;
}
.breadcumb-content {
    position: relative;
    top: 70px;
}
.breadcumb-title h1 {
    margin: auto;
    font-size: 60px;
    color: #ffffff;
}

.breadcumb-content ul li {
    display: inline-block;
	 list-style: none;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    margin-top: 24px;
}
.breadcumb-content ul li a {
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    transition: .5s;
}

.breadcumb-content ul li a:hover {
    color: #016795;
}



/*<!-- ============================================================== -->
<!-- Start golfix about2  area  -->
<!-- ============================================================== -->*/

.about2-area {
    padding: 100px 0 100px;
}
.about2-text p {
    color: #2d2a2a;
    padding: 18px 0 0px;
    width: 85%;
}

.about2-list ul li {
    list-style: none;
    padding: 0px 0 7px;
}
.about2-list ul li i {
    color: #016795;
    font-size: 8px;
    margin-right: 12px;
}

.about2-area .golf-button {
    position: relative;
    top: 18px;
}
.about2-area .about1-play-button {
    position: relative;
    top: -262px;
    left: -66px;
}



/*<!-- ============================================================== -->
<!-- Start golfix gallery  area  -->
<!-- ============================================================== -->*/

.gallery-area {
    padding: 80px 0 100px;
}
.gallery-thumb img {
    width: 100%;
}
.gallery-thumb.mtp {
    margin-top: 25px;
}




/*
<!-- ============================================================== -->
<!-- golfix team-area Section -->
<!-- ============================================================== -->*/
.team-area {
    padding: 100px 0 70px;
}
.single-team-box {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px 20px 20px;
}
.team-thumb img {
    width: 100%;
}
.team-content {
    text-align: center;
}
.team-icon {
    padding-top: 6px;
}
.team-icon ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}
.team-icon ul li a i {
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    border-radius: 3px;
    color: #016795;
    border: 1px solid #016795;
    position: relative;
    z-index: 1;
}
.team-icon ul li a i:hover {
	color:#fff;
}
.team-icon ul li a i:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #016795;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
    border: 1px solid transparent;
}
.team-icon ul li a i:hover:after {
	transform:scale(1);
}



/*============================================
<!-- Start golfix team details Section  -->
=============================================*/
.team-details-area {
    padding: 100px 0 100px;
}
.team-details-thumb img {
    width: 90%;
    border-radius: 20px;
}
.team-details-top-content h3 {
    font-size: 32px;
}
.team-details-top-content p {
    color: #016795;
    font-weight: 700;
}
.team-details-contact {
    margin: 20px 0 20px;
}
.team-details-contact h5 {
    font-size: 20px;
    line-height: 20px;
}

.team-details-contact span {
    font-size: 16px;
    font-weight: 500;
}
.team-details-social a {
    display: inline-block;
    margin: 10px 3px 0px;
    background: #016795;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    transition: .5s;
    position: relative;
    z-index: 1;
}
.team-details-social a:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
	border-radius:50px;
    background: #7fd1a6;
	transition:.5s;
	transform:scale(0);
}
.team-details-social a:hover {
	color: #016795;
}
.team-details-social a:hover:before {
	transform:scale(1);
}

/*============================================
<!-- End golfix team details Section  -->
=============================================*/




/*
<!-- ============================================================== -->
<!-- golfix shop-area Section -->
<!-- ============================================================== -->*/
.shop-area {
    padding: 100px 0 70px;
}
.single-shop-box {
    background: #f2fcf4;
    border-radius: 5px;
    padding: 20px 20px 25px;
    margin-bottom: 30px;
    border-radius: 5px;
}
.shop-thumb img {
    width: 100%;
}
.shop-text {
    text-align: center;
}
.shop-text h4 {
    font-size: 22px;
    padding: 10px 0 0;
}
.shop-text p {
    margin: 0;
}
.shop-thumb {
    position: relative;
    z-index: 1;
}

.shop-thumb:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(6,36,98,0.6);
    opacity: .8;
    transition: .5s;
    border-radius: 4px 4px 0 0;
    opacity: 0;
}

.shop-thumb-icon a {
    font-size: 20px;
    width: 46px;
    height: 46px;
    line-height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    color: #0D0E14;
    transition: .7s;
    display: inline-block;
    position: relative;
    bottom: 40%;
    z-index: 1;
    overflow: hidden;
}
.shop-thumb-icon a:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: 0;
    height: 100%;
    width: 0;
    border-radius: 50%;
    background: #016795;
    transition: .6s;
}

.shop-thumb-icon a:nth-child(1) {
    position: absolute;
    left: 0;
    opacity: 0;
}

.shop-thumb-icon a:nth-child(2) {
    position: absolute;
    right: 0;
    opacity: 0;
}
.shop-thumb-icon a:hover {
    color: #fff;
}

.shop-thumb-icon a:hover:before {
    left: 0;
    width: 100%;
}

.single-shop-box:hover .shop-thumb:before{
    height: 100%;
    top: 0;
	opacity:1;
}

.single-shop-box:hover .shop-thumb-icon a:nth-child(1) {
    opacity: 1;
    left: 80px;
}

.single-shop-box:hover .shop-thumb-icon a:nth-child(2) {
    opacity:1;
    right: 80px;
}




/*============================================
<!-- start golfix shop details Section  -->
=============================================*/

.shop-detials {
    padding: 100px 0 90px;
}

.tab {
    overflow: hidden;
}

.tabs li {
    line-height: 38px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.tabs li a {
    background: inherit;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    outline: none;
    padding: 5px;
    transition: all 0.5s ease-in-out;
    margin-right: 20px;
    border-radius: 5px;
}

.tabs li.current:before {
    background: transparent;
    border: 0;
}

li.current a {
    border: 1px solid #806cff;
}


.tabs_item {
    display: none;
}

.tabs_item:first-child {
    display: block;
}

/*Shop dtls Right
============================*/

.shop-dtls-info {
    padding-left: 30px;
}

.category-title h2 {
    font-size: 31px;
    font-weight: 700;
    line-height: 26px;
    padding: 0px 0 23px;
}

.category-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #016795;
    letter-spacing: .4em;
    font-size: 16px;
}

li.category-text {
    letter-spacing: 0 !important;
    color: #67686C!important;
    padding-left: 6px;
}

.category-price h1 {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #016795;
    padding: 6px 0 19px;
}
.category-price span {
    color: #616161;
    padding-left: 14px;
    text-decoration: line-through;
}

.category-description p {
    font-size: 16px;
    line-height: 28px;
    color: #888787;
    font-family: 'Nunito', sans-serif;
    margin: auto;
}
.category-color p {
    color: #062462;
    line-height: 26px;
    font-weight: 500;
    font-size: 16px;
    padding: 18px 0 6px;
}

.category-color span {
    color: #67686C;
    padding-left: 20px;
    position: relative;
}

.category-color span:before {
    position: absolute;
    content: ":";
    left: 4px;
    top: -3px;
}

/* --- Quantity button 
================================*/

.category-count-button {
    display: inline-flex;
    padding: 8px 0 30px;
} 

.quantity-with_btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
}

.quantity .cart-plus-minus {
    position: relative;
    width: 170px;
    text-align: left;
    height: 54px;
    overflow: hidden;
    border-radius: 5px;
}

.quantity .cart-plus-minus > .ctnbutton {
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    width: 38px;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background: #016795;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
    border: 0;
    height: 54px;
    text-align: center;
    width: 170px;
    font-size: 16px;
    font-weight: 600;
    color: #062461;
    background-color: #fff !important;
    background: linear-gradient(90deg, #016795 50%, transparent 0) repeat-x, linear-gradient(90deg, #016795 50%, transparent 0) repeat-x, linear-gradient(0deg, #0d6efd 50%, transparent 0) repeat-y, linear-gradient(0deg, #0d6efd 50%, transparent 0) repeat-y;
    background-size: 6px 2px, 6px 2px, 2px 6px, 2px 7px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    -webkit-animation: linearGradientMove 0.3s infinite linear;
    animation: linearGradientMove 0.3s infinite linear;
}

.quantity .cart-plus-minus > .ctnbutton.dec {
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    border-radius: 0 30px 30px 0;
}

.quantity .cart-plus-minus > .ctnbutton.inc {
    top: 50%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    border-radius: 30px 0 0 30px;
}

/*categories button
=========================*/

.category-button {
    display: inline-block;
    padding-left: 20px;
}

.category-button a {
    padding: 13px 25px;
    font-size: 15px;
    font-weight: 500;
    background: #016795;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.category-button a:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: #7fd1a6;
    border-radius: 4px;
    transition: .5s;
}

.category-button a i {
    padding-left: 10px;
    font-size: 16px;
}
.category-button a:hover {
    color: #000;
}
.category-button a:hover:before {
    left: 0;
    width: 100%;
}

/* table
================*/

table.category-table {
    padding: 2px 0 0;
    display: inline-block;
}

table.category-table td.table-title {
    font-size: 16px;
    color: #062461;
    font-weight: 500;
}

table.category-table tr td {
    padding-right: 25px;
    padding-bottom: 12px;
}

table.category-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}

table.category-table td.table-text {
    color: #616161;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
}

table.category-table td.table-text:before {
    position: absolute;
    content: ":";
    left: -15px;
    top: 0;
    font-size: 20px;
    color: #0D0E14;
}

.product-item-title h2 {
    font-size: 24px;
    color: #232323;
    font-weight: 600;
    font-style: italic;
    font-family: "Barlow";
    margin: 20px auto 15px;
}



/*Shop Right 
======================*/

.row.products {
    padding-left: 80px;
}

.single-products-box {
    text-align: center;
    margin-bottom: 30px;
}

.products-thumb {
    position: relative;
    z-index: 1;
}

.products-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: rgba(6,36,98,0.8);
    opacity: .8;
    transition: .5s;
    border-radius: 4px 4px 0 0;
}

.products-thumb img {
    width: 100%;
    transition: .5s;
    border-radius: 4px 4px 0 0;
}

.product-sale {
    position: absolute;
    top: 20px;
    left: 20px;
}

.product-sale span {
    padding: 4px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    background: #016795;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
}

.product-thumb-icon a {
    font-size: 20px;
    width: 46px;
    height: 46px;
    line-height: 47px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    color: #0D0E14;
    transition: .7s;
    display: inline-block;
    position: relative;
    bottom: 40%;
    z-index: 1;
    overflow: hidden;
}

.product-thumb-icon a:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: 0;
    height: 100%;
    width: 0;
    border-radius: 50%;
    background: #016795;
    transition: .6s;
}

.product-thumb-icon a:nth-child(1) {
    position: absolute;
    left: 0;
    opacity: 0;
}

.product-thumb-icon a:nth-child(2) {
    position: absolute;
    right: 0;
    opacity: 0;
}

.product-content {
    padding: 23px 0 6px;
    border: 1px solid rgba(6,36,98,0.1);
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

ul.product-rating li {
    list-style: none;
    display: inline-block;
    color: #016795;
    letter-spacing: .3em;
    font-size: 14px;
}

.product-title h2 {
    font-size: 18px;
    font-weight: 600;
    color: #232323;
    line-height: 17px;
}

.product-price p {
    font-size: 15px;
    padding: 14px 0 0px;
    color: #016795;
}
.product-price p span {
    color: #616161;
    text-decoration: line-through;
    margin-left: 5px;
}

.product-thumb-icon a:hover {
    color: #fff;
}

.product-thumb-icon a:hover:before {
    left: 0;
    width: 100%;
}

.single-products-box:hover .products-thumb:before{
    height: 100%;
    top: 0;
}

.single-products-box:hover .product-thumb-icon a:nth-child(1) {
    opacity: 1;
    left: 88px;
}

.single-products-box:hover .product-thumb-icon a:nth-child(2) {
    opacity: 1;
    right: 88px;
}


/*============================================
<!-- End golfix shop details Section  -->
=============================================*/





/*<!-- ============================================================== -->
	<!-- Start golfix pricing Section  -->
<!-- ============================================================== -->*/

.pricing-section {
    padding: 100px 0 90px;
}

.pricing-single-box {
    padding: 0px 0 32px;
    filter: drop-shadow(0 0 15px rgba(0,0,0,0.2));
    background-color: #ffffff;
    transition: .5s;
    margin-bottom: 30px;
}

.pricing-single-box:hover {
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.2));
    background-color: #ffffff;
}

.pricing-head {
    text-align: center;
    background: #e8f1fa;
    padding: 27px 0 22px;
    position: relative;
    z-index: 1;
}

.pricing-head:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .9s;
    transition: .9s;
    transform: perspective(500px)rotateX(90deg);
    z-index: -1;
    background: #016795;
}

.pricing-single-box:hover .pricing-head:before {
    visibility: visible;
    opacity: .9;
    transform: perspective(500px)rotateX(0deg);
}

h4.price-top-title {
    font-size: 24px;
    color: #232323;
    font-weight: 600;
    text-align: center;
    margin: auto;
    transition: .5s;
}

h2.price-title {
    margin: 12px 0 7px;
    font-size: 43px;
    color: #232323;
    font-weight: 600;
    text-align: center;
    transition: .5s;
}

.pricing-text span {
    font-size: 16px;
    color: #888787;
    text-align: center;
    display: inline-block;
    transition: .5s;
}




/*pricing boody*/

.pricing-boody {
    position: relative;
    margin-left: 70px;
    margin-top: 25px;
}

.pricing-boody ul li {
    list-style: none;
    display: block;
    padding: 0 0 11px 0;
    font-weight: 400;
    font-size: 16px;
    color: #888787;
}

.pricing-boody ul li i {
    display: inline-block;
    color: #016795;
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    top: 4px;
}

.price-btn {
    margin-top: 16px;
    text-align: center;
}

.price-btn a {
    padding: 15px 40px;
    display: inline-block;
    background: #016795;
    position: relative;
    z-index: 1;
    transition: .5s;
    font-size: 16px;
    color: #016795;
    font-weight: 600;
}

.price-btn a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #DDEAFF;
    z-index: -1;
    transition: .5s;
  }

  .price-btn a:hover::before{
    transform: rotateX(90deg);
  }

  .price-btn a:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #DDEAFF;
    z-index: -1;
    transition: .5s;
  }

  .price-btn a:hover::after{
    transform: rotateY(90deg);
  }

    .price-btn a:hover {
        color: #ffff;
    }

    .pricing-single-box:hover h4.price-top-title {
        color: #FFFF;
    }
    .pricing-single-box:hover h2.price-title {
        color: #FFFF;
    }
    .pricing-single-box:hover .pricing-text span {
        color: #FFFF;
    }


/*<!-- ============================================================== -->
<!-- End golfix pricing Section  -->
<!-- ============================================================== -->*/








/*<!-- ============================================================== -->
<!-- Start golfix booking Section  -->
<!-- ============================================================== -->*/


.booking-section {
    padding: 100px 0 100px;
}
.single-form-box {
    background: #e8f1fa;
    border-radius: 8px;
    padding: 55px 0 72px;
}
.form-title h3 {
    text-align: center;
    margin-bottom: 30px;
}
.form-box input {
    display: inline-block;
    width: 100%;
    height: 60px;
    border: 1px solid #b2b2b2;
    margin-bottom: 24px;
    padding: 0 28px 0;
    background-color: #f2fcf4;
    border-radius: 5px;
}
.form-box input::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color:  #2d2a2a;
    font-weight: 500;
}
.form-box input:focus, button:focus {
    outline: 0;
    border: 1px solid #b2b2b2 !important;
}
.form-box textarea {
    border: 1px solid #b2b2b2;
    width: 100%;
    height: 142px;
    padding: 17px 28px 0;
    background: #f2fcf4;
}
.form-box textarea::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
}
.form-box textarea:focus {
    outline: 0;
    border: 1px solid #b2b2b2 !important;
}
.submit-button button {
    display: inline-block;
    background: #016795;
	border:0;
    color: #fff;
    border-radius: 5px;
    padding: 8px 33px;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.submit-button button:focus:not(:focus-visible) {
    outline: 0;
    border: 0 !important;
}

.booking-section .form-box {
    padding: 0 40px 0;
}

.booking-section .submit-button button {
    margin-left: 40px;
}


/*<!-- ============================================================== -->
<!-- End golfix booking Section  -->
<!-- ============================================================== -->*/



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

.faq-section {
    padding: 100px 0 100px;
}
/*accordion*/
.accordion li {
    position: relative;
    list-style: none;
    padding: 11px 30px 11px;
    background: #016795;
    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 golfix faq Section  -->
<!-- ============================================================== -->*/




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

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

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

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





/*<!-- ============================================================== -->
<!-- start golfix contact Section  -->
<!-- ============================================================== -->*/
.contact2-area {
    padding: 100px 0 100px;
}
.contact2-info {
    background: #dbf1fb;
    padding: 20px 30px 20px;
}
.address-info {
    padding: 13px 0 0;
}
.address-info a i {
    background: #016795;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}
.address-info h4 {
    font-size: 18px;
    line-height: 27px;
    margin: 0;
    padding: 21px 0 0;
}
.contact2-area .form-box input {
    background-color: #fff;
}
.contact2-area .form-box textarea {
    background: #fff;
}



/*<!-- ============================================================== -->
<!-- end golfix contact Section  -->
<!-- ============================================================== -->*/




/*============================================
<!-- start golfix membership Section  -->
=============================================*/
.membership-package-area {
    padding: 100px 0 70px;
}
.single-membership-box {
    margin-bottom: 30px;
}
.membership-top-section {
    background: url(../image/member-bg.jpg);
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.membership-top-title h1 {
    color: #fff;
    font-size: 60px;
    text-align: center;
}

.membership-content {
    text-align: center;
    border: 1px solid #0e7930;
    padding: 20px 20px 30px;
}
.membership-title {
    padding: 0 0 30px;
}

.membership-title h5 {
    font-size: 16px;
    color: #0e7930;
}
.membership-title h1 {
    font-size: 50px;
    color: rgb(14, 121, 48, 0.9);
}
.membership-desc {
    padding: 30px 0 20px;
    border-top: 1px solid  rgb(14, 121, 48,  0.4);
}
.membership-desc p {
    margin: 0;
    padding: 5px 0 0;
}
.single-membership-box.bg {
    background: #f5f0ee;
}



/*============================================
<!-- end golfix membership Section  -->
=============================================*/


/*============================================
<!-- Start golfix membership video Section  -->
=============================================*/


.membership-video-section {
    background: url(../image/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video__area {
        background-attachment: unset;
    }
}

@media only screen and (max-width: 767px) {
    .video__area {
        background-attachment: unset;
    }
}

.video__area:hover .play-now {
    opacity: 0;
    visibility: hidden;
}

.video__area .play-now {
    display: inline-block;
    font-weight: 600;
    font-size: 24px;
    color:#fff;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.2);
    border: 1px solid #ffffff;
    text-transform: capitalize;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 160px;
    height: 160px;
    line-height:160px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 50%;
    left: 50%;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video__area .play-now {
        width: 150px;
        height: 150px;
        line-height: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .video__area .play-now {
        width: 120px;
        height: 120px;
        line-height: 120px;
    }
}

.video__content {
    display: block;
    width: 100%;
    height: 700px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video__content {
        height: 550px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video__content {
        height: 550px;
    }
}

@media only screen and (max-width: 767px) {
    .video__content {
        height: 450px;
    }
}

.video__content a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
    background-color: transparent;
}


.cursor {
    position: fixed;
    pointer-events: none;
    font-weight: 600;
    font-size: 24px;
    line-height: 23px;
    color:#fff;
    background:black;
    text-transform: capitalize;
    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;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    z-index: 999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

}

.cursor.video {
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius:100%;
    background-color: rgba(0,0,0,0.2);
    border: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
    .cursor.video {
        display: none;
    }
}



/*============================================
<!-- Start golfix membership video Section  -->
=============================================*/



/*============================================
<!-- Start golfix blog details Section  -->
=============================================*/
.blog-details-area {
    padding: 100px 0 70px;
}

.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;
}

.blog-details-text p {
    font-weight: 400;
    width: 100%;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
}
.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;
}

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

.title ul{
    list-style: none;
}

.title ul li {
    color: #232323;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
}

.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;;
}

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

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

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

.comment-author h6 {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
}

.author-disc p {
    font-weight: 400;
    width: 99%;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
    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 input {
    display: inline-block;
    width: 100%;
    height: 54px;
    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;
}

.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;
}

.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;
}





.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 #0e7930;
    background: #ffff;
}
.widget_search form i {
    font-size: 17px;
    color: #0e7930;
    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;
}

.rpost-content h4 a:hover {
    color: #0e7930;
}
.rpost-title span {
    font-size: 15px;
    padding: 6px 0 0;
    display: inline-block;
}

.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;
    border: 1px dashed #0e7930;
    display: inline-block;
    padding: 12px 0px 11px 0;
    margin: 30px 0 0;
    width: 100%;
    transition: .5s;
}

ul.sidebar-menu li a i {
    color: #0e7930;
    font-size: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border: 1px solid #0e7930;
    border-radius: 15px;
    text-align: center;
    margin: 0 5px 0 22px;
    transition: .5s;
}

ul.sidebar-menu li a span {
    float: right;
    margin-right: 30px;
}

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

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

.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 22px;
    border: 1px dashed #0e7930;
    font-size: 12px;
    color: #656970;
    font-weight: 400;
    margin: 0 2px 8px;
    transition: .5s;
}
.tag-item ul li a:hover {
    color: #F1F5F9;
    background-color: #0e7930;
}

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



/* 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: #7fd1a6;
    color: #fff;
}

.calender-area {
    height: 390px;
}
.widget-title h2 {
    font-size: 24px;
    padding: 0px 0 10px;
    margin: 0;
}










.video-button a {
    background: #0e7930;
    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;
    margin-bottom: 20px;
}
.video-button a:hover {
	color:#0e7930;
}
.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 #0e7930;
}
.video-button a:hover:before {
	
    transform: scale(1);
}
/*============================================
	<!-- End golfix blog details Section  -->
=============================================*/




























/*
<!-- ============================================================== -->
<!-- golfix 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;
}





/*===========================
<-- 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: #0c5adb;
}


/*==========================================
  start  golfix Search Popup Css
=========================================*/

.header-project-button {
  display: inline-block;
  margin-left: 18px;
}

.search-popup {
  opacity: 0.9;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: #016795;
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.search-popup {
  width: 100%;
}

.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background: #ffff;
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border: none;
}

.search-popup .close-search i {
    position: relative;
    font-size: 30px;
    color: #016795;
}
.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type="text"], 
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #016795;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    outline: 0;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
    border-color: #fff;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 20px;
  color: #016795;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  color: #016795;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: #016795;
}

.search-popup .close-search.style-two {
  position: absolute;
  right: 25px;
  left: auto;
  color: #ffffff;
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-box-btn.search-box-outer {
    display: inline-block;
    background: #016795;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    margin: 0 10px 0;
}
.search-popup .close-search.style-two i {
  font-size: 20px;
  color: #ffffff;
}



.sticky .golfix-security_menu > ul > li > a span {
  color: #000 !important;
}

/*==========================================
   End golfix Search Popup Css
=========================================*/