/* Ace Club Page Css -- 11 August 2023 */
.ace_section{ margin-bottom: -40px;}
.ace_section .breadcum a{ color: #285e9a;}
.ace_section .breadcum .breadcum-box > span{ color: #82bff2;}
.ace_logo img{ width: auto;}
.scroll_down{ position: absolute; left: 50%; bottom: -44px; z-index: 10; width: 89px; transform: translateX(-50%);}
.scroll_down img{ width: 100%;}
.scroll_down img.arrow{ position: absolute; left: 0; top: 0;}
.aceclub_wrapper{ background-color: #0e2346;}
.aceclub_wrapper .heading{ text-align: center; position: relative; margin-bottom: 40px; z-index: 2;}
.aceclub_wrapper .heading:before, .aceclub_wrapper .heading:after{ content: ''; position: absolute; left: 0; top: 50%; height: 1px; width: 37%; background-color: rgba(255,255,255,.3); z-index: 1;} 
.aceclub_wrapper .heading:after{ left: auto; right: 0;}
.aceclub_wrapper .heading h2{ color: #fff; font-family: 'avenirnextultralightcondensed'; font-size: 84px; text-transform: uppercase; position: relative; z-index: 2;}
.aceclub_wrapper .heading p{ font-size: 25px; font-family: 'avenirnextultralightcondensed'; color: #fff; text-transform: uppercase;}
.ace_club_welcome{ position: relative; padding: 160px 0 200px;}
.ace_club_welcome img{ position: relative; z-index: 2;}
.ace_club_welcome p{ color: #fff; font-size: 33px; line-height: 42px; font-family: 'avenirnextultralightcondensed'; position: absolute; left: 0; top: 60%; padding-left: 42%; z-index: 2;}
.white_patch{ background-color: #0098da; border-radius: 100%; width: 500px; height: 500px; position: absolute; left: 40%; top: 40%; transform: translate(-50%, -50%); filter: blur(100px); opacity: .25; z-index: 1; pointer-events: none;}
.aceclub_gallery{ padding: 0 50px 160px; position: relative;}
.aceclub_gallery .white_patch{ left: 25%; top: 67%;}
.aceclub_gallery .copy_block{ padding: 20px 0 0; text-align: center; margin: 0 auto; width: 100%; max-width: 800px;}
.aceclub_gallery .copy_block p{ color: #fff; font-size: 30px; line-height: 40px; text-align: center; display: inline; text-transform: uppercase;}
.aceclub_gallery .copy_block p img{ width: auto; display: inherit; position: relative; top: -10px;}
.aceclub_gallery .copy_block p img.quote_left{ margin-right: 10px;}
.aceclub_gallery .copy_block p img.quote_right{ margin-left: 10px;}
.aceclub_gallery .gallery_list{ padding: 0; display: flex; justify-content: center;}
.aceclub_gallery .gallery_list li{ color: rgba(255,255,255,.5); font-size: 16px; font-family: 'AvenirNextCondensedDemiBold'; position: relative; padding: 0 15px; border-left: 1px solid rgba(255,255,255,.5);}
.aceclub_gallery .gallery_list li:first-child{ border-left: none;}
.aceclub_gallery .gallery_list li span{ font-family: 'avenirnextmediumCn'; color: rgba(255,255,255,.35);}
.gallery_carousel{ padding: 0; z-index: 2;}
.gallery_carousel .video_block{ position: relative; border-radius: 6px; overflow: hidden;}
.gallery_carousel .video_block .play_brn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 75px;}
.gallery_carousel .video_block .play_brn img{ width: 100%; border-radius: 6px;}
.inner-page .ace_section .owl-nav button{ border: none !important;  border-radius: 0; width: auto; height: auto; top: 50%;} 
.inner-page .ace_section .owl-nav button.owl-next, .inner-page .ace_section .owl-nav button.owl-prev{ background: none;}
.inner-page .ace_section .owl-nav button.owl-next:hover, .inner-page .ace_section .owl-nav button.owl-prev:hover{ border: none !important;}
.inner-page .ace_section .owl-nav button.owl-prev{ left: -50px;background: none;}
.inner-page .ace_section .owl-nav button.owl-next{ right: -50px;background: none;}

.ace_btn{ padding: 1px; border-radius: 6px; display: inline-block; font-family: 'AvenirNextCondensedDemiBold'; font-size: 14px; text-transform: uppercase; border: none; background: #fff768; background: -moz-linear-gradient(top,  #fff768 0%, #c48f19 100%); background: -webkit-linear-gradient(top,  #fff768 0%,#c48f19 100%); background: linear-gradient(to bottom,  #fff768 0%,#c48f19 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff768', endColorstr='#c48f19',GradientType=0 );  
}
.ace_btn > span{ background-color: #003a71; border-radius: 6px; padding: 0 20px; line-height: 40px; float: left; transition: all 0.35s;}
.ace_btn > span > span{ background: -webkit-linear-gradient(#fff768, #c48f19); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ace_btn > span:hover{ background-color: #004e97;}

.aceclub_membership{ position: relative; padding-bottom: 100px;}
.aceclub_membership .white_patch{ left: 75%; top: 80%;}
.aceclub_membership .heading:before, .aceclub_membership .heading:after, .aceclub_form .heading:before, .aceclub_form .heading:after{ display: none;}
.member_carousel{ z-index: 2;}
.member_carousel .item{ background-color: #003a71; padding: 20px; border-radius: 6px;} 
.member_carousel .item .icon{ width: 44px; margin-bottom: 10px;}
.member_carousel .item h3{ color: #fff; font-size: 20px; text-transform: uppercase; font-family: 'avenirnextultralightcondensed'; padding-bottom: 10px;}
.member_carousel .item p{ color: #fff; font-size: 18px; font-family: 'avenirnextultralightcondensed'; line-height: 24px; margin-bottom: 20px; min-height: 72px;}
/* .member_carousel .item .ace_btn{ opacity: 0; visibility: hidden;}
.member_carousel .item:hover .ace_btn{ opacity: 1; visibility: visible;} */
.inner-page .ace_section .member_carousel .owl-nav button{ top: -70px; transform: none;}
.inner-page .ace_section .member_carousel .owl-nav button.owl-prev{ left: auto; right: 5%;}
.inner-page .ace_section .member_carousel .owl-nav button.owl-next{ right: 0;}

.aceclub_form{ padding-bottom: 100px;}
.aceclub_form .heading h3{ color: #fff; font-family: 'avenirnextultralightcondensed'; font-size: 184px; text-transform: uppercase; position: relative; line-height: 140px;}
.aceclub_form .heading h4{ background: -webkit-linear-gradient(#fff768, #c48f19); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 112px; text-transform: uppercase; font-family: 'avenirnextmediumCn';}
.aceform_row{ display: flex; flex-wrap: wrap;}
.aceform_row .form-group{ width: 33.33%; padding: 0 15px;}
.aceform_row .form-control{ background-color: transparent; border: 1px solid rgba(255,255,255,.5); color: #fff; font-size: 18px; height: 60px;}
.aceform_row .form-control::-moz-placeholder{ opacity:1; color:#fff;}
.aceform_row .form-control::-webkit-input-placeholder{ opacity:1; color:#fff;}
.aceform_row .styled_select::after{ line-height: 60px; font-size: 26px;}
.aceform_row .form-btn{ width: 100%; text-align: center; padding-top: 30px;}
.aceform_row .ace_btn{ font-size: 28px;}
.aceform_row .ace_btn > span{ line-height: 78px; padding: 0 50px; background-color: #0e2245;}
.aceform_row .ace_btn > span:hover{ background-color: #003a71;}


@media only screen and (max-width: 1600px){
    /* ACE Club Page CSS */
    .ace_club_welcome{ padding: 100px 0;}
    .ace_club_welcome img{ width: 1000px;}
    .ace_club_welcome p{ font-size: 24px; line-height: 36px; padding-left: 38%; top: 65%;}
    .aceclub_gallery{ padding: 0 70px 100px;}
    .aceclub_wrapper .heading::before, .aceclub_wrapper .heading::after{ width: 36%;}
    .aceclub_gallery .copy_block p{ font-size: 24px; line-height: 36px;}
}

@media only screen and (max-width: 1450px){
    /* ACE Club Page CSS */
    .ace_logo img{ width: 400px;}
    .scroll_down{ width: 60px; bottom: -30px;}
    .ace_club_welcome img{ width: 900px;}
    .aceclub_wrapper .heading h2{ font-size: 70px;}
    .aceclub_form .heading h3{ font-size: 120px; line-height: 110px;}
    .aceclub_form .heading h4{ font-size: 70px;}
    .aceform_row .form-control{ height: 50px; font-size: 16px;}
    .aceform_row .styled_select::after{ line-height: 50px; font-size: 20px;}
    .aceform_row .ace_btn{ font-size: 20px;}
    .aceform_row .ace_btn > span{ line-height: 60px; padding: 0 30px;}
}

@media only screen and (max-width: 1279px){
    /* ACE Club Page CSS */
	.ace_club_welcome p{ padding-left: 41%;}
    .member_carousel .item p{ font-size: 16px; line-height: 22px;}
}

@media only screen and (max-width: 1200px){
    /* ACE Club Page CSS */
    .ace_logo img{ width: 280px;}
    .ace_club_welcome{ padding: 80px 0 60px;}
    .ace_club_welcome img{ width: 675px;}
    .ace_club_welcome p{ font-size: 20px; line-height: 28px; top: 68%;}
    .aceclub_gallery{ padding: 0 0 60px;}
    .aceclub_wrapper .heading h2{ font-size: 60px;}
    .gallery_carousel{ padding: 0 40px;}
    .inner-page .ace_section .owl-nav button.owl-prev{ left: 0;}
    .inner-page .ace_section .owl-nav button.owl-next{ right: 0;}
    .inner-page .ace_section .owl-nav button img{ width: 28px;}
    .aceclub_form .heading h3{ font-size: 90px; line-height: 80px;}
    .aceclub_form .heading h4{ font-size: 50px;}
    .aceclub_membership{ padding-bottom: 60px;}
    .member_carousel .item p{ font-size: 16px; margin: 0 0 20px;}
    .gallery_carousel .video_block .play_brn{ width: 40px;}
}

@media only screen and (max-width: 992px){
    /* ACE Club Page CSS */
    .ace_club_banner .heading {top: 70px; transform: none; text-align: center;}
    .ace_logo img{ width: 250px;}
    .ace_club_welcome{ text-align: left;}
    .ace_club_welcome img{ max-width: 500px; width: 100%; padding: 0 20px;}
    .ace_club_welcome p{ position: static; padding: 30px 0 0 20px; text-align: left;}
    .white_patch{ width: 300px; height: 300px;}
    .aceclub_wrapper .heading h2{ font-size: 40px;}
    .aceclub_gallery .copy_block{ padding: 20px 0 0;}
    .aceclub_gallery .copy_block p{ font-size: 20px; line-height: 28px;}
    .aceclub_gallery .copy_block p img{ width: 18px; top: -7px;}
    .aceclub_gallery .gallery_list li{ font-size: 16px;}
    .aceclub_form .heading h3{ font-size: 70px; line-height: 70px;}
    .aceclub_form .heading h4{ font-size: 40px;}
    .aceclub_wrapper .heading p{ font-size: 18px;}
    .aceform_row .form-group{ padding: 0 10px; width: 50%;} 
    .aceclub_form{ padding-bottom: 50px;}
}

@media only screen and (max-width: 767px){
    /* ACE Club Page CSS */
    .ace_club_banner .heading{ top: 50px;}
    .ace_club_welcome p{ margin-top: 0; font-size: 20px; line-height: 28px;}
    .aceclub_wrapper .heading::before, .aceclub_wrapper .heading::after{ width: 24%;}
    .inner-page .ace_section .owl-nav{ text-align: center;}
    .inner-page .ace_section .owl-nav button{ position: static; transform: none; margin: 20px 10px 0;}
    .gallery_carousel{ padding: 0;}
    .aceclub_gallery .gallery_list li{ text-align: left; padding: 0 15px;}
    .aceclub_gallery .gallery_list li span{ display: block;}
    .aceclub_gallery .gallery_list li:first-child{ padding-left: 0;}
    .aceclub_gallery .gallery_list li:last-child{ padding-right: 0;}
    .aceform_row .form-group{ width: 100%;}
    .aceform_row .ace_btn > span{ line-height: 50px;}
}