.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
}            .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px;                height: 125px;                margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap, 
.oxy-testimonial .oxy-testimonial-author-wrap, 
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start;                text-align: left;            }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left;                flex-direction: column;            }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px;            }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px;                            } .oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row;                                            }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center;            }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%;        }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px;			}
.oxy-superbox .oxy-superbox-secondary, 
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s;            }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none; 
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1120px;
}
body {font-family: 'poppins-v5-latin';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #5f6a77;}.oxy-nav-menu-hamburger-line {background-color: #5f6a77;}h1, h2, h3, h4, h5, h6 {font-family: 'DMSans';font-size: 36px;font-weight: 700;color: #101a25;}h2, h3, h4, h5, h6{font-size: 40px;font-weight: 700;line-height: 52px;color: #101a25;}h3, h4, h5, h6{font-size: 24px;line-height: 30px;}h4, h5, h6{font-size: 20px;color: #101a25;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.oxel_logo_slider {
width:100%;
position:relative;
overflow:hidden;
background-color:#ffffff;
text-align:center;
}
.oxel_logo_slider:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider.oxy-easy-posts .oxy-posts,
.oxel_logo_slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.oxel_logo_slider__logo {
transition-duration:0.3s;
transition-timing-function:ease-in-out;
width:20%;
height:100px;
text-align:center;
padding-top:16px;
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
}
.oxel_logo_slider__logo:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__logo.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_logo_slider__image_carrier {
width:100%;
text-align:left;
flex-shrink:0;
transition-duration:0.1s;
transition-timing-function:linear;
gap:20px;
height:300px;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:20px;
}
.oxel_logo_slider__image_carrier--delay {
}
.mb_medium {
margin-bottom:37px;
}
.main_menu:hover{
color:#ffffff;
}
.main_menu {
color:rgba(255,255,255,0.8);
padding-left:10px;
padding-right:10px;
margin-left:10px;
margin-right:10px;
font-size:16px;
line-height:20px;
font-weight:200;
}
.sp_section {
}
.sp_section .ct-section-inner-wrap {
padding-top: 100px;
padding-right: 8%;
padding-bottom: 100px;
padding-left: 8%;
}
@media (max-width: 991px) {
.sp_section {
padding-left:5%;
padding-right:5%;
}
.sp_section .ct-section-inner-wrap {
padding-right: 0;
padding-left: 0;
}
}
.understrike:after{
background-image:url(https://sportana.me/wp-content/uploads/2022/06/Element-05.svg);background-size: contain; position:absolute;
bottom:-70px;
left:0px;
width:110%;
height:100%;
background-repeat:no-repeat;
content:"";
}
.understrike {
position:relative;
}
@media (max-width: 767px) {
.understrike:after{
bottom:-55px;
}
}
@media (max-width: 479px) {
.understrike:after{
bottom:-38px;
}
}
.centering {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.benefit_widget {
}
.benefit_widget:not(.ct-section):not(.oxy-easy-posts),
.benefit_widget.oxy-easy-posts .oxy-posts,
.benefit_widget.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.benefit_widget {
margin-bottom:50px;
}
}
.benefit_icon {
background-color:#ffffff;
width:116px;
height:116px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:50%;
padding-top:30px;
margin-bottom:40px;
}
.benefit_desc {
color:#808080;
max-width:210px;
text-align:center;
}
.understrike_green:after{
background-image:url(https://sportana.me/wp-content/uploads/2022/06/green-strike.svg);background-size: contain; position:absolute;
bottom:-45%;
width:130px;
height:25px;
background-repeat:no-repeat;
left:0px;
content:"";
}
.understrike_green {
position:relative;
}
.title_section {
font-size:40px;
text-align:center;
line-height:1.2;
}
@media (max-width: 767px) {
.title_section {
font-size:34px;
}
}
@media (max-width: 479px) {
}
.benefit_title {
margin-bottom:15px;
}
.feature_widget:last-child{
margin-bottom:0px;
}
.feature_widget {
width:100%;
margin-bottom:100px;
overflow:hidden;
padding-right:5%;
padding-left:5%;
}
.feature_widget:not(.ct-section):not(.oxy-easy-posts),
.feature_widget.oxy-easy-posts .oxy-posts,
.feature_widget.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 767px) {
.feature_widget {
text-align:center;
}
.feature_widget:not(.ct-section):not(.oxy-easy-posts),
.feature_widget.oxy-easy-posts .oxy-posts,
.feature_widget.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.feature_text_wrap {
width:50%;
margin-top:50px;
margin-bottom:50px;
}
@media (max-width: 767px) {
.feature_text_wrap {
width:100%;
}
.feature_text_wrap:not(.ct-section):not(.oxy-easy-posts),
.feature_text_wrap.oxy-easy-posts .oxy-posts,
.feature_text_wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.feature_app_img {
width:40%;
}
.feature_app_img:not(.ct-section):not(.oxy-easy-posts),
.feature_app_img.oxy-easy-posts .oxy-posts,
.feature_app_img.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 767px) {
.feature_app_img {
width:100%;
}
}
.subheadline {
color:#1e97ef;
text-transform:uppercase;
font-weight:600;
letter-spacing:3px;
margin-bottom:20px;
}
.feature_title {
margin-bottom:30px;
}
.feature_desc {
color:#5f6a77;
max-width:450px;
margin-bottom:50px;
}
.sp_button:hover{
background-color :#1e97ef;
border: 1px solid #1e97ef;
color: #ffffff;
}.sp_button:hover{
transition-duration:0.3s;
}
.sp_button {
background-color :rgba(62,169,245,0.08);
border: 1px solid rgba(62,169,245,0.08);
color: #1e97ef;
}.sp_button {
padding-top:16px;
padding-bottom:16px;
padding-left:32px;
padding-right:32px;
border-radius:50px;
button-hover_color:#1e97ef;
transition-duration:0.2s;
}
.sport_icon_wrap {
border-radius:16px;
margin-right:40px;
width:80px;
height:80px;
box-shadow:25px 30px 80px -10px rgba(16,26,37,0.28);
}
.sport_icon_wrap:not(.ct-section):not(.oxy-easy-posts),
.sport_icon_wrap.oxy-easy-posts .oxy-posts,
.sport_icon_wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.sport_icon {
width:50px;
height:50px;
}
.card:hover{
transition-duration:0.4s;
}
.card {
width:450px;
padding-top:30px;
padding-right:30px;
padding-bottom:30px;
padding-left:30px;
border-radius:15px;
min-height:250px;
transition-duration:0.3s;
cursor:pointer;
}
.card:not(.ct-section):not(.oxy-easy-posts),
.card.oxy-easy-posts .oxy-posts,
.card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
@media (max-width: 991px) {
.card {
}
.card:hover{
z-index:10;
}
}
@media (max-width: 767px) {
.card {
transition-duration:0.4s;
width:100%;
}
.card:hover{
transition-duration:0.5s;
}
}
@media (max-width: 479px) {
.card:hover{
position:absolute;
z-index:15;
}
}
.card_name {
font-size:24px;
}
.card_position {
color:#b9b9b9;
margin-bottom:20px;
font-size:14px;
}
.card_testimoni {
font-size:14px;
margin-bottom:20px;
color:#101a25;
}
.card_source {
color:#b9b9b9;
font-size:14px;
}
.card_icon {
margin-right:20px;
height:15px;
width:15px;
}
.card_source_wrap {
}
.card_source_wrap:not(.ct-section):not(.oxy-easy-posts),
.card_source_wrap.oxy-easy-posts .oxy-posts,
.card_source_wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.sp_shadow {
box-shadow:25px 30px 80px -10px rgba(16,26,37,0.28);
}
.card_photo {
attachment_height:58;
attachment_width:58;
attachment_url:https://sportana.me/wp-content/uploads/2022/06/Ellipse-1.png;
margin-right:15px;
}
.sp_container {
text-align:left;
width:100%;
max-width:1140px;
}
.sp_container:not(.ct-section):not(.oxy-easy-posts),
.sp_container.oxy-easy-posts .oxy-posts,
.sp_container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.copyright_text {
font-family:poppins-v5-latin;
font-size:14px;
color:#101a25;
}
@media (max-width: 767px) {
.copyright_text {
}
}
@media (max-width: 479px) {
.copyright_text {
width:50%;
text-align:center;
font-size:13px;
}
}
.hero {
background-image:url(https://sportana.me/wp-content/uploads/2022/06/bg-hero-green.png);background-size: 100% 750px; background-repeat:no-repeat;
background-color:#fbfbfb;
position:relative;
overflow:hidden;
}
.hero .ct-section-inner-wrap {
padding-top: 150px;
padding-bottom: 50px;
}
.hero:not(.ct-section):not(.oxy-easy-posts),
.hero.oxy-easy-posts .oxy-posts,
.hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
}
@media (max-width: 1120px) {
}
@media (max-width: 991px) {
.hero {
text-align:center;
}
.hero:not(.ct-section):not(.oxy-easy-posts),
.hero.oxy-easy-posts .oxy-posts,
.hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}
@media (max-width: 767px) {
.hero {
background-size: auto 755px;}
}
@media (max-width: 479px) {
.hero {
}
}
.footer {
width:100%;
max-width:1140px;
}
.footer .ct-section-inner-wrap {
padding-top: 25px;
padding-bottom: 25px;
}
.footer:not(.ct-section):not(.oxy-easy-posts),
.footer.oxy-easy-posts .oxy-posts,
.footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.footer {
}
}
@media (max-width: 767px) {
.footer {
}
.footer:not(.ct-section):not(.oxy-easy-posts),
.footer.oxy-easy-posts .oxy-posts,
.footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.video-container {
}
.video_mockup {
width:100%;
}
.floating1 {
}
.floating2 {
}
.floating3 {
}
.floating4 {
}
.feature_section {
background-color:#ffffff;
}
.feature_section .ct-section-inner-wrap {
padding-top: autoauto;
padding-right: 8%;
padding-bottom: autoauto;
padding-left: 8%;
}
.feature_section:not(.ct-section):not(.oxy-easy-posts),
.feature_section.oxy-easy-posts .oxy-posts,
.feature_section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 991px) {
.feature_section {
overflow:hidden;
}
}
@media (max-width: 479px) {
.feature_section {
overflow:hidden;
}
.feature_section .ct-section-inner-wrap {
padding-right: 0;
padding-left: 0;
}
}
.canvas_menu {
background-color:#70c76c;
}
.blur {
}
.reverse {
}
@media (max-width: 767px) {
.reverse {
}
.reverse:not(.ct-section):not(.oxy-easy-posts),
.reverse.oxy-easy-posts .oxy-posts,
.reverse.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}
.mobmenu_link {
font-size:32px;
color:#ffffff;
margin-bottom:10px;
}
.header {
}
.mobmenu_link_wrapper {
}
.in-active:after{
background-image:url(https://sportana.me/wp-content/uploads/2022/06/Element-05.svg);background-size: contain; position:absolute;
width:80px;
height:100%;
background-repeat:no-repeat;
bottom:-20px;
left:0%;
right:0px;
margin-left:auto;
margin-right:auto;
content:"";
}
.in-active {
position:relative;
color:#ffffff;
}
@media (max-width: 767px) {
.in-active:after{
bottom:-55px;
}
}
@media (max-width: 479px) {
.in-active:after{
bottom:-38px;
}
}
.fp-auto-height {
}
.fp-auto-height:not(.ct-section):not(.oxy-easy-posts),
.fp-auto-height.oxy-easy-posts .oxy-posts,
.fp-auto-height.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.fp-auto-height-responsive {
}
.fullpage {
}
.slide {
}
.scroll_section {
}
.box_scroll {
}
.scroll_container {
}
.scroll_container .ct-section-inner-wrap {
padding-top: 75px;
padding-bottom: 100px;
}
.scroll_container:not(.ct-section):not(.oxy-easy-posts),
.scroll_container.oxy-easy-posts .oxy-posts,
.scroll_container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 479px) {
.scroll_container {
}
}
.sp_anchor {
}
.features {
}
.home {
}
.sports {
}
.testimonials {
}
.contact {
}
.hero_headline {
color:#ffffff;
font-size:64px;
letter-spacing:-3%;
line-height:1.2;
margin-bottom:40px;
}
@media (max-width: 767px) {
.hero_headline {
font-size:50px;
}
}
@media (max-width: 479px) {
.hero_headline {
font-size:36px;
}
}
.sport_icon_group {
}
.carousel {
width:100%;
}
.carousel:not(.ct-section):not(.oxy-easy-posts),
.carousel.oxy-easy-posts .oxy-posts,
.carousel.ct-section .ct-section-inner-wrap{
display:block;
}
.icon_box {
attachment_height:77;
attachment_width:76;
attachment_url:https://sportana.me/wp-content/uploads/2022/06/volleyball.png;
padding-top:18px;
padding-right:18px;
padding-bottom:18px;
padding-left:18px;
width:80px;
height:80px;
border-radius:16px;
background-color:#ffffff;
margin-right:40px;
box-shadow:25px 30px 80px -10px rgba(16,26,37,0.28);
}
.img_mockup {
width:100%;
height:400px;
}
@media (max-width: 1120px) {
.img_mockup {
height:375px;
}
}
@media (max-width: 991px) {
.img_mockup {
height:325px;
}
}
@media (max-width: 767px) {
.img_mockup {
height:400px;
}
}
.modal_list {
font-size:20px;
gap:20px;
}
.modal_list:not(.ct-section):not(.oxy-easy-posts),
.modal_list.oxy-easy-posts .oxy-posts,
.modal_list.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:20px;
}
@media (max-width: 767px) {
.modal_list {
font-size:16px;
}
}
@media (max-width: 479px) {
.modal_list {
font-size:16px;
}
}
.oxy-close-modal {
}
html {
scroll-behavior: smooth; }
body.oxy-modal-active {
height: initial;
overflow-y: initial;
position: initial;
}
.flickity-slider {
padding:50px 0;
}
.flickity-viewport {
height: 350px!important;
}
.green_bg {
background:#70c76c;
transition:all .3s ease;
}
a.copyright_text:hover {
text-decoration:underline;
} .canvas_menu {
position:fixed;
left:0;
top:0;
width:300px;
height:100vh;
transform:translateX(-100%);
z-index:151;
opacity:0;
overflow-y: hidden;
padding:70px 20px 20px 20px;
box-shadow: 0 0 330px #000;
}
.menu_muncul .canvas_menu {
transform:translateX(0);
transition: .3s all cubic-bezier(0.65, 0, 0.35, 1);
opacity:1;
overflow-y: hidden;
}
.menu_muncul .blur {
filter: blur(10px);
}
.mobmenu_link {
opacity:0;
transform:translateY(100px);
filter:blur(10px);
}
.menu_muncul .mobmenu_link {
opacity:1;
transform:translateY(0);
transition:all .6s ease-in;
filter:blur(0);
}
.menu_muncul .mobmenu_link:first-child {
transition-delay:.4s;
}
.menu_muncul .mobmenu_link:nth-child(2) {
transition-delay:.6s;
}
.menu_muncul .mobmenu_link:nth-child(3) {
transition-delay:.8s;
}
.menu_muncul .mobmenu_link:nth-child(4) {
transition-delay:1s;
}
.menu_muncul .mobmenu_link:nth-child(5) {
transition-delay:1.2s;
}
.menu_muncul .mobmenu_link:nth-child(6) {
transition-delay:1.8s;
} .hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #fff; }
.hamburger-box {
width: 40px;
height: 30px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 3px;
background-color: #fff;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; } .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); 
} @media (min-width:1980px) {
#hero {
background-size:cover;
}
#div_block-47-27 {
margin-top:0px;
}
} .device-iphone-x {
height: 679px;
width: 415px;
}
.device-iphone-x .device-content {
border-radius: 40px;
height: 612px;
width: 100%;
}
.device-iphone-x .device-frame {
background: #222;
border-radius: 68px;
box-shadow: inset 0 0 2px 2px #c8cacb,inset 0 0 0 7px #e2e3e4;
height: 668px;
padding: 28px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.device-iphone-x .device-header {
top: 23px;
transform: scale(.75);
}
.device-iphone-x .device-stripe::after, .device-iphone-x .device-stripe::before {
left: 42px;
width: 80%;
}
.device-iphone-x .device-btns {
left:39px;
}
.device-iphone-x .device-power {
right:40px;
}
.device-iphone-x .device-sensors::after {
transform:scale(.8);
}
.device-iphone-x .device-sensors::before {
margin-left:25px;
transform:scale(.7);
}
.device-frame div::-webkit-scrollbar {
display: none;
}
.video_mockup style {
display: none;
}
.floating1 {
animation: 3s infinite alternate floating1;
animation-timing-function: cubic-bezier(0,0,1,1);
}
.floating2 {
animation: 2.5s infinite alternate floating2;
animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
.floating3 {
animation: 3s infinite alternate floating3;
animation-timing-function: cubic-bezier(0.42,0,1,1);
}
.floating4 {
animation: 3.5s infinite alternate floating4;
animation-timing-function: cubic-bezier(0,0,0.58,1);
}
@keyframes floating1 {
0% {
transform: translate(0px);
}
50% {
transform: translate(-10px,-25px);
}
100% {
transform: translate(0px);
}
}
@keyframes floating2 {
0% {
transform: translate(0px);
}
50% {
transform: translate(15px,-10px);
}
100% {
transform: translate(0px);
}
}
@keyframes floating3 {
0% {
transform: translate(0px);
}
50% {
transform: translate(5px,20px);
}
100% {
transform: translate(0px);
}
}
@keyframes floating4 {
0% {
transform: translate(0px);
}
50% {
transform: translate(8px,-13px);
}
100% {
transform: translate(0px);
}
} .sportana-headline-dynamic-wrapper {
position:relative;
}
.sportana-headline--style-highlight svg {
position: absolute;
top: 85%;
left: 50%;
width: 100%;
height: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
overflow: visible;
}
@media (max-width:767px) {
.sportana-headline--style-highlight svg {
top:85%;
width:80%;
height:50%;
}
}
.sportana-widget-animated-headline .sportana-headline-dynamic-wrapper path {
stroke: #ea0001;
}
.sportana-headline--style-highlight svg path {
stroke: white;
stroke-width: 6;
fill: none;
stroke-dasharray: 1500;
-webkit-animation: sportana-headline-dash 10s;
animation: sportana-headline-dash 10s;
animation-iteration-count: 1;
}
@-webkit-keyframes sportana-headline-dash {
0% {
stroke-dasharray:0 1500
}
15% {
stroke-dasharray:1500 1500
}
85% {
opacity:1
}
90% {
stroke-dasharray:1500 1500;
opacity:0
}
}
@keyframes sportana-headline-dash {
0% {
stroke-dasharray:0 1500
}
15% {
stroke-dasharray:1500 1500
}
85% {
opacity:1
}
90% {
stroke-dasharray:1500 1500;
opacity:1
}
}