html{
line-height:1.15;
-webkit-text-size-adjust:100%;
box-sizing:border-box
}
*,*::before,*::after{
box-sizing:inherit
}
body{
margin:0;
background:#fff;
color:#000;
font-family:'Poppins', sans-serif;
font-size:1rem;
line-height:1.5
}
main{
display:block
}
h1{
font-size:2em;
margin:.67em 0
}
hr{
box-sizing:content-box;
height:0;
overflow:visible
}
pre{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:1em
}
a{
background-color:transparent
}
abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}
b,strong{
font-weight:bolder
}
code,kbd,samp{
font-family:monospace,monospace;
font-size:1em
}
small{
font-size:80%
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub{
bottom:-0.25em
}
sup{
top:-0.5em
}
img{
border-style:none;
max-width:100%;
height:auto
}
button,input,optgroup,select,textarea{
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button,input{
overflow:visible
}
button,select{
text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
-webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
border-style:none;
padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
outline:1px dotted ButtonText
}
fieldset{
padding:.35em .75em .625em
}
legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress{
vertical-align:baseline
}
textarea{
overflow:auto
}
[type=checkbox],[type=radio]{
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto
}
[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}
details{
display:block
}
summary{
display:list-item
}
template{
display:none
}
[hidden]{
display:none
}
input,textarea,select{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
outline:none;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.1)
}
body{
font-size:1rem;
color:#fff;
font-family:'Poppins', sans-serif;
}
body h1,body h2,body h3,body h4,body h5,body h6{
color:#fff;
font-family:'Poppins', sans-serif;
text-transform:none;
}
body h1{
font-size:calc(1.6875rem + 5.25vw)
}
@media(min-width: 1200px){
body h1{
font-size:2.5rem
}
}
body h2{
font-size:calc(1.375rem + 1.5vw)
}
@media(min-width: 1200px){
body h2{
font-size:2.5rem
}
}
body h3{
font-size:calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px){
body h3{
font-size:1.5rem
}
}
body h4{
font-size:1.25rem
}
body h5{
font-size:1.125rem
}
body h6{
font-size:1rem
}
body a>h1,body a>h2,body a>h3,body a>h4,body a>h5,body a>h6{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
body a{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
display:inline-block;
text-decoration:none;
color:#fff
}
body a:hover{
color:#81d1e3
}
body ul{
padding:0
}
@keyframes pluse_animate{
0%{
opacity:1;
-webkit-transform:translate(-50%, -50%) scale(0.3);
transform:translate(-50%, -50%) scale(0.3)
}
100%{
opacity:0;
-webkit-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2)
}
}
@keyframes rotating{
from{
transform:rotateY(0deg)
}
to{
transform:rotateY(360deg)
}
}
@keyframes MoveUpDown {
0%, 100% {
bottom: 0;
}
50% {
bottom: 100px;
}
}
@-webkit-keyframes moverup {
0% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
@keyframes moverup {
0% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
@-webkit-keyframes moverdown {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes moverdown {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@-webkit-keyframes moverleft {
0% { transform: translateX(0); }
100% { transform: translateX(-20px); }
}
@keyframes moverleft {
0% { transform: translateX(0); }
100% { transform: translateX(-20px); }
}
@-webkit-keyframes moverright{
0% { transform: translateX(0); }
100% { transform: translateX(20px); }
}
@keyframes moverright {
0% { transform: translateX(0); }
100% { transform: translateX(20px); }
}
@-webkit-keyframes moverplanright{
0% { transform: translateX(0); }
100% { transform: translateX(50px); }
}
@keyframes moverplanright {
0% { transform: translateX(0); }
100% { transform: translateX(50px); }
}
.account-form .form-group .checkgroup,.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box,.shop-cart .section-wrapper .cart-top table tbody tr td.product-item,.shop-single .review .review-content .description .post-item,.shop-single .review .review-content .review-showing .client-review .review-form form .rating ul,.shop-single .review .review-content .review-showing .client-review .review-form form .rating,.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on,.shop-single .review .review-content .review-showing .content li .post-content .entry-meta,.shop-single .review .review-nav,.shop-single .product-details .post-content form,.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .cart-button,.shop-page .shop-product-wrap .product-list-item,.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link,.contact-form-wrapper .contact-form form.comment-form,.contact-form,.widget.widget-tags ul.widget-wrapper,.single-quote,.share,.tags,.tags-area,.comment-respond .add-comment .comment-form,.comments .comment-list .comment .com-content .com-title,.authors,.gallery-filter,.testimonial-item .testimonial-inner .testimonial-footer ul,.testimonial-item .testimonial-inner .testimonial-footer,.testimonial-item .testimonial-inner .testimonial-head .testi-top,.testimonial-item .testimonial-inner .testimonial-head,.game-item .game-item-inner,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner,.header-form .form-container,.header-form,.menu,.header-wrapper .menu-area,.header-wrapper,.header-top-area .left,.header-top-area,.default-pagination{
display:flex;
flex-wrap:wrap
}
.achievement-area ul li .nav-link,.shop-single .review .review-content .description .post-item .post-content ul li,.shop-single .product-details .post-content form .select-product select,.shop-single .product-details .post-content form .select-product,.shop-single .product-details .product-thumb,.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb,.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb,.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb,.shop-page .shop-product-wrap .product-item .product-thumb,.shop-page .shop-product-wrap .product-list-item .product-thumb,.about-item .about-item-thumb,.contact-item .contact-thumb img,.contact-item .contact-thumb,.aside-bg,.widget.widget-search .search-wrapper,.widget .widget-header h5,.single-quote,.post-item-2 .post-inner .post-content .meta-post p span,.post-item-2 .post-inner .post-content .qute-content blockquote,.post-item-2 .post-inner .post-content .more-com .text-btn,.post-item-2 .post-inner .post-thumb,.post-item-2 .post-inner .post-thumb-container,.gallery-filter li,.gallery-item,.video-overlay,.video-icon i,.match-game-info p span:first-child,.player-inner,.game-item .game-item-inner,.default-button,.footer-section .footer-middle .footer-middle-item-wrapper,.footer-section .footer-middle,.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li a,.menu-item-has-children>a,.header-bar,.header-wrapper .menu-area .login span,.header-wrapper .menu-area .signup span,.header-wrapper .menu-area .login,.header-wrapper .menu-area .signup,.header-top-area .left li:first-child,.header-top-area .social-icons li,.header-menu-part,.header-section.header-fixed .header-holder,.catmenu-item-has-children>a,.cart-plus-minus,.common-filter-button-group li,.item-layer{
position:relative
}
.achievement-area ul li .nav-link::after,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select .select-icon,.shop-single .review .review-content .description .post-item .post-content ul li::before,.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5::after,.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5::before,.shop-single .product-details .post-content form .select-product i,.shop-single .product-details .product-thumb .pro-single-prev,.shop-single .product-details .product-thumb .pro-single-next,.shop-page .modal .modal-dialog .modal-content button.close,.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb::after,.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb::after,.about-item .about-item-thumb:before,.about-item .about-item-thumb:after,.contact-item .contact-thumb:before,.contact-item .contact-thumb:after,.widget.widget-search .search-wrapper button,.widget .widget-header h5::before,.post-item-2 .post-inner .post-content .meta-post p span::after,.post-item-2 .post-inner .post-content .qute-content blockquote::after,.post-item-2 .post-inner .post-content .qute-content blockquote::before,.post-item-2 .post-inner .post-content .more-com .text-btn i,.post-item-2 .post-inner .post-thumb .meta-date,.post-item-2 .post-inner .post-thumb .pluse_2::after,.post-item-2 .post-inner .post-thumb .pluse_2::before,.post-item-2 .post-inner .post-thumb .pluse_2,.post-item-2 .post-inner .post-thumb .play-btn,.post-item-2 .post-inner .post-thumb-container .thumb-nav,.gallery-item::after,.video-icon,.abs-video-content,.match-game-info p span:first-child::after,.player-content,.player-inner::after,.game-item .game-overlay,.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li a::before,.menu-item-has-children>a::before,.menu-item-has-children>a::after,.header-bar span,.header-wrapper .menu-area .signup:after,.header-wrapper .menu-area .signup:before,.header-wrapper .menu-area .login:before,.header-top-area .social-icons li::after,.header-section.header-fixed .logo,.header-section,.catmenu-item-has-children>a::before,.catmenu-item-has-children>a::after,.cart-plus-minus .qtybutton,.common-filter-button-group li:first-child::before,.common-filter-button-group li::after,.pluse::after,.pluse::before,.pluse,.item-layer:after,.item-layer:before{
position:absolute;
content:""
}
.testimonial-item .testimonial-inner .testimonial-footer ul,.testimonial-item .testimonial-inner .testimonial-head .name-des p{
padding:0;
margin:0
}
.shop-cart .section-wrapper .cart-bottom,.shop-single .product-details,.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .product-container,.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb,.shop-page .shop-product-wrap .product-item .product-thumb,.shop-page .shop-product-wrap .product-list-item .product-thumb,.widget.recipe-categori,.widget.widget-instagram ul.widget-wrapper li a,.widget.widget-post ul.widget-wrapper li .post-thumb,.widget.recent-product ul.widget-wrapper li .post-thumb,.comments .comment-list .comment .com-content,.comments .comment-list .comment .com-thumb,.authors .author-thumb,.post-item-2 .post-inner .post-thumb,.post-item-2 .post-inner .post-thumb-container,.blog-item .blog-inner .blog-thumb,.testimonial-item .testimonial-inner .testimonial-head .testimonial-thumb,.product-item .product-inner .product-thumb,.player-thumb,.player-inner,.page-header-section.style-1,.cart-plus-minus,.video-item .video-inner .video-content h3,.pageheader-section .pageheader-title,.widget.widget-post ul.widget-wrapper li .post-content h6,.widget.recent-product ul.widget-wrapper li .post-content h6,.post-item-2 .post-inner .post-content a h3,.post-item-2 .post-inner .post-content h2,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content h6 a{
overflow:hidden
}
.shop-single .product-details .post-content form .default-button,.contact-form-wrapper .contact-form form.comment-form button.default-button,.comment-respond .add-comment .comment-form .default-button,.header-bar,.header-wrapper .menu-area .ellepsis-bar i,.common-filter-button-group li{
cursor:pointer
}
.achievement-area ul li .nav-link img,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .cart-page-input-text,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select.shipping-select,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select select,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout,.shop-cart .section-wrapper .cart-top table,.shop-single .review .review-content .description .post-item .post-content,.shop-single .review .review-content .description .post-item .post-thumb,.shop-single .review .review-content .review-showing .client-review .review-form form textarea,.shop-single .review .review-content .review-showing .client-review .review-form form input,.shop-single .review .review-content .review-showing .content li .post-content,.shop-single .product-details .post-content form .discount-code,.shop-single .product-details .post-content form .select-product select,.shop-single .product-details .post-content form .select-product,.shop-single .product-details .product-thumb .pro-single-thumbs .single-thumb img,.shop-single .product-details .product-thumb .pro-single-top .single-thumb img,.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb .pro-thumb img,.shop-page .shop-product-wrap .product-list-item .product-content,.shop-page .shop-product-wrap .product-list-item .product-thumb img,.shop-page .shop-product-wrap .product-list-item .product-thumb,.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb img,.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb img,.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb::after,.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb::after,.contact-form-wrapper .contact-form form.comment-form textarea,.contact-form-wrapper .contact-form form.comment-form input[type=text],.contact-form-wrapper .contact-form form.comment-form [type=email],.contact-form-wrapper .contact-form form.comment-form,.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu,.widget.shop-widget .widget-wrapper .shop-menu li a,.single-quote .quotes,.blog-item .blog-inner .blog-thumb img,.video-overlay::after,.abs-video-content,.player-thumb img,.player-inner::after,.player-inner,.header-bar span,.header-menu-part,.header-section.header-fixed,.header-section,.body-shape img,.body-shape,input,textarea,select{
width:100%
}
.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb::after,.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb::after,.video-overlay::after,.player-thumb img,.game-item .game-item-inner{
height:100%
}
.achievement-area ul li .nav-link,.single-quote .quotes,.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link,.comments .comment-list .comment .com-content .com-title .com-title-meta a,.article-pagination .prev-article p,.article-pagination .next-article p,.video-item .video-inner .video-content a,.player-meta li .right,.page-header-section.style-1 .page-header-content .page-header-inner .page-title .title-text,.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li a,body h1,body h2,body h3,body h4,body h5,body h6{
font-weight:700
}
.accordion-item .accordion-header .accordion-button .accor-header-inner .accor-title{
font-weight:500
}
.single-quote span,.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li.active,.page-header-section.style-1 .page-header-content .page-header-inner .page-title h2{
font-weight:400
}
.gallery-item .gallery-content,.video-overlay::after,.video-icon{
position:absolute;
content:"";
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link,.game-item .game-item-inner,.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb,.default-pagination{
justify-content:center
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box,.shop-single .review .review-content .review-showing .content li .post-content .entry-meta,.shop-single .product-details .post-content form,.contact-form-wrapper .contact-form form.comment-form,.comment-respond .add-comment .comment-form,.comments .comment-list .comment .com-content .com-title,.header-wrapper,.header-top-area{
justify-content:space-between
}
.shop-single .product-details .post-content p.rating,.testimonial-item .testimonial-inner .testimonial-footer{
justify-content:flex-start
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box,.shop-single .review .review-content .description .post-item,.shop-single .review .review-content .review-showing .client-review .review-form form .rating,.shop-single .review .review-content .review-showing .content li .post-content .entry-meta,.shop-single .product-details .post-content form,.shop-single .product-details .post-content p.rating,.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .cart-button,.shop-page .shop-product-wrap .product-item,.shop-page .shop-product-wrap .product-list-item,.comments .comment-list .comment .com-content .com-title,.testimonial-item .testimonial-inner .testimonial-footer,.game-item .game-item-inner,.header-wrapper .menu-area,.header-wrapper,.header-top-area{
align-items:center
}
.video-item .video-inner .video-content h3,.video-item .video-inner .video-content a{
text-transform:uppercase
}
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a{
text-transform:capitalize
}
.widget.shop-widget .widget-wrapper .shop-menu li a,.header-wrapper .logo a{
display:block
}
.comments .comment-list .comment .com-content .com-title .com-title-meta span,.video-icon i,.video-icon a,.default-button,.header-bar span,.header-top-area .social-icons li a,.scrollToTop i{
display:inline-block
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form .form-group input{
border-radius:2px
}
.widget.widget-post ul.widget-wrapper li .post-content h6,.widget.recent-product ul.widget-wrapper li .post-content h6,.post-item-2 .post-inner .post-content a h3,.post-item-2 .post-inner .post-content h2,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content h6 a{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
text-overflow:ellipsis
}
.video-item .video-inner .video-content h3,.pageheader-section .pageheader-title{
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
text-overflow:ellipsis
}
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-content a,.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on a,.shop-page .shop-product-wrap .product-item .product-content h5 a,.shop-page .shop-product-wrap .product-list-item .product-content h5 a,.accordion-item .accordion-header .accordion-button .accor-header-inner .accor-title,.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a.active,.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a:hover,.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a,.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li.open>a,.widget.shop-widget .widget-wrapper .shop-menu li a,.widget.shop-widget .widget-wrapper .shop-menu li.open>a,.video-icon i,.video-item .video-inner .video-content a,.pageheader-section .breadcrumb li.active,.pageheader-section .breadcrumb li a:hover{
color:#fff
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input,.shop-single .product-details .product-thumb .pro-single-prev,.shop-single .product-details .product-thumb .pro-single-next,.cart-plus-minus .qtybutton,.cart-plus-minus .cart-plus-minus-box{
color:#000
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping input,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .coupon input,.shop-single .sidebar-widget .widget-search form input,.shop-page .sidebar-widget .widget-search form input,.header-wrapper .menu-area .login{
background-color:#fff
}
.fore-zero .section-wrapper .zero-item .zero-content .lab-btn,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select .select-icon,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .coupon input[type=submit],.shop-cart .section-wrapper .cart-top table thead tr,.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5::before,.shop-single .review .review-nav li.active,.shop-single .product-details .post-content form .default-button,.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link a,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link a,.video-icon i,.video-item .video-inner .video-content a,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form button,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form .lab-btn,.header-wrapper .menu-area .signup,.cart-plus-minus .qtybutton:hover{
background:#ff0052
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input[type=submit]:hover,.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-content a:hover,.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on a:hover,.shop-page .shop-product-wrap .product-item:hover .product-content h5 a,.shop-page .shop-product-wrap .product-list-item:hover .product-content h5 a,.shop-page .shop-title .product-view-mode a.active,.shop-page .section-header h4 span,.blog-item .blog-inner:hover .blog-content h3,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content .rating i,.pageheader-section .breadcrumb li a,.common-filter-button-group li.is-checked{
color:#ff0052
}
.fore-zero .section-wrapper .zero-item,.shop-cart .section-wrapper .c6504art-top table thead tr th:nth-child(3),.gallery-filter li .itemcount,.upcome-match-header,.match-game-info,.page-header-section.style-1,.header-top-area .social-icons li a,.scrollToTop i,.social-media li a,.section-header{
text-align:center
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul,.shop-single .review .review-content .description .post-item .post-content ul,.shop-single .review .review-content .review-showing .client-review .review-form form .rating ul,.shop-single .review .review-content .review-showing .content,.shop-single .review .review-nav,.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .cart-button .cart-plus-minus,.shop-page .shop-product-wrap .product-item .product-content h5,.shop-page .shop-product-wrap .product-list-item .product-content h5,.form-message,.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu,.widget.shop-widget .widget-wrapper .shop-menu,.banner__content h1,.page-header-section.style-1,.header-top-area .social-icons,.cart-plus-minus .qtybutton,.cart-plus-minus .cart-plus-minus-box{
margin:0
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li .pull-right,.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .coupon input,.shop-single .review .review-content .review-showing .content li .post-content .entry-content p,.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on p,.shop-single .product-details .post-content form .discount-code input,.shop-page .shop-title p,.about-item .about-item-content p,.contact-item .contact-content p,.accordion-item .accordion-collapse .accordion-body p,.blog-item .blog-inner .blog-content h3,.testimonial-item .testimonial-inner .testimonial-footer h5,.video-item .video-inner .video-content h3,.match-item-2 .match-social-list,.match-game-info p,.match-header p,.page-header-section.style-1 .page-header-content .page-header-inner .page-title p,.header-top-area .social-icons li p{
margin-bottom:0px
}
.shop-single .product-details .post-content p.rating,.shop-single .product-details .post-content h6,.shop-page .paginations,.comments .comment-list .comment .com-content .com-title,.video-item .video-inner .video-content a,.section-header p{
margin-bottom:10px
}
.blog-item .blog-inner .blog-content p{
margin-bottom:25px
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping button,.blog-item .blog-inner .blog-content .meta-post{
margin-top:10px
}
ul li{
margin-left:0
}
.gallery-filter li .itemcount,.testimonial-item .testimonial-inner .testimonial-footer h5,.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li.active{
margin-left:10px
}
.widget.shop-widget .widget-wrapper .shop-menu li.menu-item-has-children{
margin-right:0
}
.comments .comment-list .comment .com-content .com-title .com-title-meta a,.testimonial-item .testimonial-inner .testimonial-footer ul li,.header-top-area .left li i,.social-media li a{
margin-right:5px
}
.achievement-area ul,.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li,.shop-cart .section-wrapper .cart-bottom,.shop-single .review .review-content .review-showing .content li .post-thumb,.shop-single .review,.comments .comment-list .comment .com-thumb,.post-item-2 .post-inner .post-content h2{
margin-bottom:15px
}
.contact-form-wrapper .contact-form form.comment-form{
margin-top:0
}
.shop-single .review .review-content .review-showing .client-review .review-form form button,.match-item-2 .match-social-list{
margin-top:15px
}
.match-social-list .default-button{
margin-left:15px
}
.accordion-item .accordion-header .accordion-button .accor-header-inner .accor-thumb,.comments .comment-list .comment .com-thumb{
margin-right:15px
}
.about-section .section-header,.blog-item .blog-inner .blog-content .meta-post,.testimonial-item .testimonial-inner .testimonial-head,.player-content-2 h2{
margin-bottom:20px
}
.fore-zero .section-wrapper .zero-item .zero-content,.player-content .match-social-list li{
margin-top:20px
}
.header-wrapper .menu-area .ellepsis-bar{
margin-left:20px
}
.shop-single .product-details .post-content h4,.comments .comment-list .comment .com-content .com-title .com-title-meta span,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content h6,.banner__content h1,.common-filter-button-group li{
margin-bottom:5px
}
.fore-zero .section-wrapper .zero-item .zero-content p,.account-wrapper .title,.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ,.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping h3,.shop-single .review .review-content .review-showing .client-review .review-form form input,.shop-single .product-details .post-content p,.shop-page .shop-title,.contact-form-wrapper .contact-form form.comment-form input[type=text],.contact-form-wrapper .contact-form form.comment-form [type=email],.about-content>p,.player-thumb-2,.banner__content p,.banner-content p,.item-layer{
margin-bottom:30px
}
.contact-form-wrapper .contact-form form.comment-form button.default-button,.form-message.error,.form-message.success,.comment-respond,.comments{
margin-top:30px
}
.header-bar,.header-top-area .left li:first-child{
margin-left:30px
}
.widget.shop-widget,.page-header-section.style-1,.header-top-area .social-icons li{
padding:0
}
.blog-item .blog-inner,.product-item .product-inner,.player-item-2,.player-item,input,textarea,select{
padding:10px
}
.contact-form-wrapper .contact-form form.comment-form input[type=text],.contact-form-wrapper .contact-form form.comment-form [type=email]{
padding:15px
}
.blog-item .blog-inner .blog-content .meta-post a{
padding-right:15px;
padding-left:15px
}
.achievement-area,.single-quote,.comment-respond .add-comment,.comment-respond h6,.comments .comment-list .com-item,.comments .comment-title,.testimonial-item .testimonial-inner,.video-item .video-inner .video-content{
padding:30px
}
.achievement-area .tab-content .table tbody tr:last-child td,.comments .comment-list .com-item{
padding-bottom:0
}
.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb{
padding-top:0
}
.blog-item .blog-inner .blog-content .meta-post a:first-child,.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb{
padding-left:0
}
.testimonial-item .testimonial-inner .testimonial-head .name-des,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content{
padding-left:20px
}
.achievement-area ul,.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu{
padding-bottom:15px
}
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu{
padding-top:15px
}
.comments .comment-list .comment .com-content,.testimonial-item .testimonial-inner .testimonial-head{
padding-bottom:20px
}
.testimonial-item .testimonial-inner .testimonial-head .name-des,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content{
padding-left:20px
}
.banner__content p{
padding-right:30px
}
.clearfix::after{
clear:both;
content:"";
display:table
}
.container{
max-width:1200px;
margin:0 auto;
padding-inline:20px;
width:100%
}
.hide-text{
overflow:hidden;
padding:0;
text-indent:101%;
white-space:nowrap
}
.visually-hidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
ul li{
/* list-style:none */
/* color:#000; */
}
.gradient-bg-yellow{
background-image:-moz-radial-gradient(50% 50%, circle closest-side, white 100%, #ffd46c 340%);
background-image:-webkit-radial-gradient(50% 50%, circle closest-side, white 100%, #ffd46c 340%);
background-image:-ms-radial-gradient(50% 50%, circle closest-side, white 100%, #ffd46c 340%)
}
.gradient-bg-pink{
background-image:-moz-radial-gradient(50% 50%, circle closest-side, white 100%, #faa57e 340%);
background-image:-webkit-radial-gradient(50% 50%, circle closest-side, white 100%, #faa57e 340%);
background-image:-ms-radial-gradient(50% 50%, circle closest-side, white 100%, #faa57e 340%)
}
.gradient-bg-blue{
background-image:-moz-radial-gradient(50% 50%, circle closest-side, white 100%, #6dc79c 340%);
background-image:-webkit-radial-gradient(50% 50%, circle closest-side, white 100%, #6dc79c 340%);
background-image:-ms-radial-gradient(50% 50%, circle closest-side, white 100%, #6dc79c 340%)
}
.gradient-bg-orange{
background-image:-moz-radial-gradient(50% 50%, circle closest-side, white 100%, #d6d444 340%);
background-image:-webkit-radial-gradient(50% 50%, circle closest-side, white 100%, #d6d444 340%);
background-image:-ms-radial-gradient(50% 50%, circle closest-side, white 100%, #d6d444 340%)
}
.section-header{
margin-bottom:40px
}
@media(min-width: 1200px){
.container.bring-to-front .imag{
position: relative;
}
}
@media(min-width: 992px){
.section-header{
margin-bottom:45px
}
}
.section-header p{
font-size:1.125rem;
color:#ff0052;
text-transform:uppercase;
font-family:'Poppins', sans-serif;
letter-spacing:3px
}
.section-header p.desc{
font-size:1rem;
text-transform:capitalize;
font-family:'Poppins', sans-serif;
letter-spacing:0px;
color:#fff
}
@media(min-width: 992px){
.section-header p.desc{
max-width:800px;
margin:0 auto
}
}
.section-header h2{
text-transform:uppercase;
font-size: 28px;
}
.padding-top{
padding-top:75px
}
@media(min-width: 992px){
.padding-top{
padding-top:50px
}
}
@media(min-width: 992px){
.padding-lg-top{
padding-top:115px
}
}
.padding-bottom{
padding-bottom:80px
}
@media(min-width: 992px){
.padding-bottom{
padding-bottom:30px
}
}
.bg-attachment{
background-attachment:fixed
}
.ls-2{
letter-spacing:2px
}
@media(min-width: 1200px){
.mr-xl-50-none{
margin-right:-50px;
margin-bottom: 60px;
}
.ml-xl-50-none{
margin-left:-50px
}
}
.rating-star li i{
color:#ff0052
}
.theme-color{
color:#fff;
}
.body-shape{
position:fixed;
top:-50%;
left:0;
z-index:-1
}
.item-layer{
transition:.3s all linear;
z-index:1
}
.match-inner{
background: linear-gradient(180deg, #A175FF 0%, #5C05EA 100%);
border-radius: 10px;
}
.match-inner p{
padding: 0 20px;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.horizontal{
display: flex;
}
.horizontal p{
padding: 0 0 !important;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
.image-vertical{
margin-top: 33px;
margin-right: 10px;
overflow: hidden;
}
.image-vertical img{
height: 221px;
width: 820px;
transition: 0.5s all ease;
}
.image-plat{
width: 65px;
}
.image-pad img {
width: 245px !important;
}
.game-screen .row{
align-items: center;
}
.image-vertical img:hover {
transform: scale(1.1);
}
.match-inner p
.match-inner-detail-admin {
background-image: radial-gradient(circle, #8c83839e 0%, #58585870 100%);
border-radius: 10px;
height: 297px;
border: 2px solid #ffffff1f;
border-top: none;
/* width: 270px; */
}
.match-inner-detail{
background-image: radial-gradient(circle, #8c83839e 0%, #58585870 100%);
border-radius: 10px;
height: fit-content;
border: 2px solid #ffffff1f;
border-top: none;
}
.match-inner-detail .matchul ul{
margin-left: 35px;
}
.match-inner-detail .matchul ul li span{
color: #925DED;
}
.bggreen{
background: linear-gradient(180deg, #82FBA3 0%, #3BA458 100%);
}
.bgred{
background: linear-gradient(180deg, #FF7575 0%, #FC1414 100%);
}
.bgyellow{
background: linear-gradient(180deg, #FFF975 0%, #D75D04 100%);
}
.bgpurple{
background: linear-gradient(180deg, #FB82F6 0%, #9B3BA4 100%);
}
.bgblue{
background: linear-gradient(180deg, #75DEFF 0%, #14EEFC 100%);
}
.bgpink{
background: linear-gradient(180deg, #F3ABFF 0%, #B579BF 100%);
}
.image-padi{
padding: 0 20px;
position: relative;
overflow-y: hidden;
margin: auto;
white-space: pre-line;
}
.image-padi img{
/* transition: transform .2s; */
transition: 0.5s all ease-in-out;
width: 290px;
}
.image-padi img:hover{
transform: scale(1.1);
}
.image-platform{
margin-top: 60px;
margin-right: 10px;
}
.image-platform img{
width: 25px;
}
.platform-detail{
padding: 0 20px;
float: right;
}
.platform-detail img{
width: 90px;
}
/* .item-layer:before{
width:95%;
height:95%;
border:1px solid rgba(255,255,255,.04);
bottom:-12px;
left:50%;
z-index:-1;
transform:translateX(-50%);
transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1);
border-radius:3px;
background-color:rgba(255,255,255,.1)
}
.item-layer:after{
width:90%;
height:90%;
border:1px solid rgba(255,255,255,.04);
bottom:-22px;
left:50%;
z-index:-2;
transform:translateX(-50%);
transition:.2s cubic-bezier(0.165, 0.84, 0.44, 1);
border-radius:3px;
background-color:rgba(255,255,255,.1)
} */
/* .item-layer:hover{
transform:translateY(10px);
box-shadow:0 3px 20px rgba(0,0,0,.4)
} */
/* .item-layer:hover:after,.item-layer:hover:before{
opacity:0;
bottom:0;
visibility:hidden
} */
.cta-content h2{
font-size:calc(1.3125rem + 0.75vw);
line-height:1.5
}
@media(min-width: 1200px){
.cta-content h2{
font-size:1.875rem
}
}
.pluse{
width:100%;
height:100%;
border-radius:50%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:rgba(255,255,255,.1)
}
.pluse::after,.pluse::before{
background:#fff;
border-radius:50%;
left:50%;
top:50%
}
.pluse::after{
width:70px;
height:70px;
-webkit-animation:pluse_animate 3.5s infinite linear;
animation:pluse_animate 3.5s infinite linear;
-webkit-animation-delay:1s;
animation-delay:1s
}
.pluse:before{
width:80px;
height:80px;
-webkit-animation:pluse_animate 3s infinite linear;
animation:pluse_animate 3s infinite linear;
-webkit-animation-delay:1s;
animation-delay:1s
}
.social-media li a{
width:40px;
height:40px;
line-height:40px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
font-size:1.25rem
}
.social-media li a:hover{
color:#fff;
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px)
}
.social-media li a.vimeo{
background:#3b5998
}
.social-media li a.youtube{
background:#cd201f
}
.social-media li a.twitch{
background:#6441a5
}
.social-media li a.facebook{
background:#3b5998
}
.social-media li a.twitter{
background:#55acee
}
.social-media li a.linkedin{
background:#007bb5
}
.social-media li a.dribbble{
background:#ea4c89
}
.social-media li a.skype{
background:#2fb7df
}
@media(min-width: 1200px){
.w-xl-50{
width:50% !important
}
}
@media(min-width: 576px){
.common-filter-button-group{
border-top:1px solid rgba(255,255,255,.4);
border-bottom:1px solid rgba(255,255,255,.4)
}
}
.common-filter-button-group li{
padding:10px 20px;
border:1px solid rgba(255,255,255,.3);
width:100%;
text-align:center
}
@media(min-width: 576px){
.common-filter-button-group li{
border:none;
width:auto;
margin:0
}
}
.common-filter-button-group li::after{
display:none;
-webkit-transform:rotate(20deg);
-ms-transform:rotate(20deg);
transform:rotate(20deg)
}
@media(min-width: 576px){
.common-filter-button-group li::after{
width:1px;
height:calc(100% + 2px);
background:rgba(255,255,255,.4);
top:0;
right:0;
display:block
}
}
.common-filter-button-group li:first-child::before{
display:none;
-webkit-transform:rotate(20deg);
-ms-transform:rotate(20deg);
transform:rotate(20deg)
}
@media(min-width: 576px){
.common-filter-button-group li:first-child::before{
width:1px;
height:calc(100% + 2px);
background:rgba(255,255,255,.4);
top:0;
left:0;
display:block
}
}
.cart-plus-minus{
border:1px solid #ecf0f3;
width:120px;
margin:0 auto;
cursor:pointer
}
.cart-plus-minus .dec.qtybutton{
border-right:1px solid #ecf0f3;
height:40px;
left:0;
top:0
}
.cart-plus-minus .cart-plus-minus-box{
border:medium none;
float:left;
font-size:14px;
height:40px;
text-align:center;
width:120px;
outline:none
}
.cart-plus-minus .qtybutton{
float:inherit;
font-size:14px;
font-weight:500;
width:40px;
height:40px;
line-height:40px;
text-align:center;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.cart-plus-minus .qtybutton:hover{
color:#fff
}
.cart-plus-minus .inc.qtybutton{
border-left:1px solid #ecf0f3;
right:0;
top:0
}
.default-pagination{
margin:-7px !important;
margin-top:31px !important
}
@media(min-width: 768px){
.default-pagination{
margin-top:41px !important
}
}
.default-pagination li{
padding:7px
}
.default-pagination li a{
width:46px;
height:46px;
line-height:46px;
text-align:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
box-shadow:0px 2px 4px 0px rgba(0,0,0,.06);
background:#fff;
color:#000
}
.default-pagination li a:hover,.default-pagination li a.active{
background:#ff0052;
box-shadow:none;
color:#fff
}
.catmenu-item-has-children>a::after{
top:50%;
transform:translateY(-50%);
right:25px;
width:10px;
height:2px;
background:#fff
}
.catmenu-item-has-children>a::before{
top:50%;
transform:translateY(-50%);
right:29px;
width:2px;
height:10px;
background-color:#fff;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
@media(min-width: 992px){
.catmenu-item-has-children>a::after{
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:10px;
height:2px;
background-color:#fff
}
.catmenu-item-has-children>a::before{
position:absolute;
top:50%;
transform:translateY(-50%);
right:4px;
width:2px;
height:10px;
background-color:#fff;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
}
@media(min-width: 992px){
.catmenu-item-has-children .menu-item-has-children a::after{
right:11px
}
.catmenu-item-has-children .menu-item-has-children a::before{
right:15px
}
}
@media(min-width: 992px){
.catmenu-item-has-children .menu-item-has-children a:hover::after,.catmenu-item-has-children .menu-item-has-children a:hover::before{
background:#fff
}
}
.catmenu-item-has-children.open>a:before{
transform:translateY(-50%) rotate(90deg);
opacity:0
}
.preloader{
position:fixed;
top:0;
left:0;
z-index:999999999;
width:100%;
height:100%;
background:#ff0052
}
.preloader .preloader-inner{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.preloader .preloader-inner .preloader-icon{
width:72px;
height:72px;
display:inline-block;
padding:0px
}
.preloader .preloader-inner .preloader-icon span{
position:absolute;
display:inline-block;
width:72px;
height:72px;
border-radius:100%;
background:#fff;
-webkit-animation:preloader-fx 1.6s linear infinite;
-moz-animation:preloader-fx 1.6s linear infinite;
animation:preloader-fx 1.6s linear infinite
}
.preloader .preloader-inner .preloader-icon span:last-child{
animation-delay:-0.8s;
-webkit-animation-delay:-0.8s;
-moz-animation-delay:-0.8s
}
@keyframes preloader-fx{
0%{
transform:scale(0, 0);
-webkit-transform:scale(0, 0);
-moz-transform:scale(0, 0);
opacity:.5
}
100%{
transform:scale(1, 1);
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
opacity:0
}
}
@-webkit-keyframes preloader-fx{
0%{
transform:scale(0, 0);
-webkit-transform:scale(0, 0);
-moz-transform:scale(0, 0);
opacity:.5
}
100%{
transform:scale(1, 1);
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
opacity:0
}
}
.scrollToTop{
position:fixed;
bottom:-30%;
right:5%;
z-index:9
}
.scrollToTop i{
width:40px;
height:40px;
line-height:40px;
border-radius:50%;
color:#fff;
background:#fb4000;
font-size:1.25rem;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.scrollToTop i:hover{
transform:translateY(-5px);
box-shadow:0px 5px 20px 0px rgba(255,0,82,.5)
}
.header-section{
position:fixed;
/* background:rgb(255 255 255); */
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index:999;
padding: 20px 0 0;
}
.header-section.header-fixed{
position:fixed;
/* background-color:#fff; */
backdrop-filter: blur(10px);
top:0;
left:0;
animation:fadeInDown .5s;
-webkit-animation:fadeInDown .5s;
-moz-animation:fadeInDown .5s;
box-shadow:0 0 10px rgba(0,0,0,.5);
padding: 15px 0;
z-index:999
}
.header-wrapper .menu-area li a.active{
color: #FEE401;
}
@media(min-width: 992px){
.header-section.header-fixed{
top:-48px
}
}
@media(min-width: 1200px){
.header-section.header-fixed{
top: 0;
}
}
.header-section.header-fixed .logo{
left:0;
bottom:-7px
}
@media(min-width: 1200px){
.header-section.header-fixed .logo{
max-width:inherit;
}
}
@media(min-width: 992px){
.header-section.style2 .header-menu-part{
width:100%
}
.header-section.style2 .header-menu-part::after{
display:none
}
}
@media(min-width: 992px){
.header-menu-part{
width:75%
}
.header-menu-part::after{
position:absolute;
content:"";
top:-20px;
left:-15px;
height:120%;
width:1px;
background-color:rgba(255,255,255,.1);
transform:rotate(30deg)
}
}
.header-top{
border-bottom:1px solid rgba(255,255,255,.1)
}
.header-top *{
color:#fff
}
@media(max-width: 991px){
.header-top{
display:none;
background-color:rgba(35,42,92,.95)
}
}
.header-top-area .social-icons li::after{
height:120%;
width:1px;
background-color:rgba(255,255,255,.1);
right:0;
top:-5px;
transform:rotate(25deg)
}
@media(max-width: 991px){
.header-top-area .social-icons li:last-child::after{
display:none
}
}
.header-top-area .social-icons li a{
height:50px;
line-height:50px;
width:50px;
background:transparent
}
.header-top-area .social-icons li:last-child{
right:-12px
}
.header-top-area .left{
margin:0 -25px
}
.header-top-area .left li{
padding:15px 25px
}
@media(min-width: 576px){
.header-top-area .left li:first-child::after{
position:absolute;
content:"";
height:120%;
width:1px;
background-color:rgba(255,255,255,.1);
right:0;
top:-7px;
transform:rotate(25deg)
}
}
@media(max-width: 1199px){
.header-top-area .left li{
font-size:14px;
padding:9px 15px
}
.header-top-area .social-icons li a{
height:46px;
line-height:46px;
width:46px
}
}
@media(max-width: 991px){
.header-top-area .left{
width:100%;
text-align:center;
justify-content:center;
margin:0;
border:1px solid rgba(255,255,255,.1)
}
.header-top-area .left li{
flex-grow:1;
border-top:1px solid rgba(255,255,255,.1);
border-right:none
}
.header-top-area .left li:first-child{
border-top:none
}
.header-top-area .social-icons{
width:100%;
text-align:center;
justify-content:center;
margin:0;
border-bottom:1px solid rgba(255,255,255,.1)
}
.header-top-area .social-icons li{
flex-grow:1
}
}
.header-wrapper{
padding: 0;
}
/* @media(max-width: 991px){
.header-wrapper{
width:100%
}
} */
@media(min-width: 576px){
.header-wrapper{
position:relative
}
}
.header-wrapper .logo a img{
max-width:100%
}
@media(max-width: 575px){
.header-wrapper .logo{
width:160px
}
}
@media(max-width: 1199px)and (min-width: 992px){
.header-wrapper .logo{
width:200px
}
}
.header-wrapper .menu-area .login,.header-wrapper .menu-area .signup{
display:none
}
@media(min-width: 768px){
.header-wrapper .menu-area .login,.header-wrapper .menu-area .signup{
padding:10px;
display:inline-block
}
}
@media(min-width: 1200px){
.header-wrapper .menu-area .login,.header-wrapper .menu-area .signup{
padding:15px
}
}
.header-wrapper .menu-area .login span,.header-wrapper .menu-area .signup span{
z-index:1
}
.header-wrapper .menu-area .login{
color:#ff0052;
border-radius:2px 0 0 2px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.header-wrapper .menu-area .login:before{
bottom:0;
left:1px;
height:2px;
width:100%;
background:#ff0052;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}.header-wrapper .menu-area ul{
list-style-type: none;
}
.header-wrapper .menu-area .signup{
color:#fff;
border-radius:0 2px 2px 0
}
.header-wrapper .menu-area .signup:before{
bottom:0;
left:1px;
height:2px;
width:100%;
background:#fff;
border-radius:2px
}
.header-wrapper .menu-area .signup:after{
bottom:0;
right:-1px;
width:2px;
height:calc(100% - 2px);
background:#fff
}
.header-wrapper .menu-area .ellepsis-bar{
font-size:20px
}
.header-wrapper .menu-area .ellepsis-bar i{
color:#fff
}
@media(max-width: 575px){
.header-wrapper .menu-area{
padding: 0;
}
.header-wrapper .menu-area .ellepsis-bar{
margin-left:20px
}
}
.mobile-logo{
max-width:auto;
}
@media(min-width: 992px){
.menu{
margin-right:30px;
margin-bottom:0
}
}
.menu>li>a{
color:#fff;
font-size:1rem;
font-weight:700;
padding:15px 22px;
}
.menu>li>a i{
margin-right:5px
}
@media(min-width: 992px){
.menu li{
position:relative
}
.menu li .submenu{
position:absolute;
top:calc(100%);
left:0;
-webkit-transition:all ease .3s;
-moz-transition:all ease .3s;
transition:all ease .3s;
z-index:9;
background:#fff;
width:220px;
padding:0;
-webkit-transform:translateY(35px);
-ms-transform:translateY(35px);
transform:translateY(35px);
opacity:0;
visibility:hidden;
box-shadow:0 0 10px rgba(0,0,0,.18)
}
.menu li .submenu li{
padding:0
}
.menu li .submenu li a{
padding:10px 20px;
text-transform:uppercase;
display:flex;
align-items:center;
justify-content:space-between;
font-size:14px;
color:#000;
font-weight:500;
border-bottom:1px solid #ecf0f3
}
.menu li .submenu li a:hover,.menu li .submenu li a.active{
background:#ff0052;
padding-left:22px;
color:#fff
}
.menu li .submenu li:last-child a{
border-bottom:none
}
.menu li .submenu li .submenu{
left:100%;
top:0
}
.menu li:hover>.submenu{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px);
opacity:1;
visibility:visible
}
.menu li:hover>.submenu a::before{
right:14px
}
.menu li:hover>.submenu a::after{
right:10px
}
.menu li:hover>.submenu a::after,.menu li:hover>.submenu a::before{
background:#000
}
.menu li:hover>.submenu a:hover::after,.menu li:hover>.submenu a:hover::before{
background:#fff
}
.menu li:hover>.submenu .submenu{
transform:translateY(0px)
}
}
@media(min-width: 992px)and (max-width: 1199px){
.menu li a{
padding:10px 12px
}
}
@media(max-width: 991px){
.menu{
width:100%;
position:absolute;
top:100%;
left:0;
overflow:auto;
max-height:400px;
-webkit-transition:all ease .3s;
-moz-transition:all ease .3s;
transition:all ease .3s;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0);
transform-origin:top;
background: rgb(0 0 0 / 46%);
margin-top: 15px;
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px)
}
.menu li{
width:100%;
padding:0
}
.menu li a{
display:block;
padding:10px 25px;
font-size:15px;
font-weight:700;
text-transform:capitalize;
border-top:1px solid rgba(255,255,255,.1);
color:#fff
}
.menu li a:hover{
background:rgba(255,0,82,.6)
}
.menu li .submenu{
padding-left:20px;
display:none
}
.menu li .submenu li{
width:100%
}
.menu li .submenu li a{
font-size:14px;
display:flex;
justify-content:space-between
}
.menu.active{
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.header-bar{
width:25px;
height:20px
}
.header-bar span{
height:3px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
background-color:#fff;
left:0
}
.header-bar span:first-child{
top:0
}
.header-bar span:nth-child(2){
top:52%;
transform:translateY(-65%)
}
.header-bar span:last-child{
bottom:0
}
.header-bar.active span:first-child{
-webkit-transform:rotate(45deg) translate(3px, 9px);
-ms-transform:rotate(45deg) translate(3px, 9px);
transform:rotate(45deg) translate(3px, 9px)
}
.header-bar.active span:nth-child(2){
opacity:0
}
.header-bar.active span:last-child{
-webkit-transform:rotate(-45deg) translate(3px, -9px);
-ms-transform:rotate(-45deg) translate(3px, -9px);
transform:rotate(-45deg) translate(3px, -9px)
}
@media(max-width: 575px){
.header-bar{
width:15px;
height:16px
}
.header-bar span{
height:2px;
width:20px
}
.header-bar.active span:first-child{
-webkit-transform:rotate(45deg) translate(4px, 6px);
-ms-transform:rotate(45deg) translate(4px, 6px);
transform:rotate(45deg) translate(4px, 6px)
}
.header-bar.active span:nth-child(2){
opacity:0
}
.header-bar.active span:last-child{
-webkit-transform:rotate(-45deg) translate(4px, -6px);
-ms-transform:rotate(-45deg) translate(4px, -6px);
transform:rotate(-45deg) translate(4px, -6px)
}
}
.menu-item-has-children>a.active::after,.menu-item-has-children>a.active::before{
background-color:#fff !important
}
.menu-item-has-children>a::after{
top:50%;
transform:translateY(-50%);
right:25px;
width:10px;
height:2px;
background-color:#fff
}
.menu-item-has-children>a::before{
top:50%;
transform:translateY(-50%);
right:29px;
width:2px;
height:10px;
background-color:#fff;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
@media(min-width: 992px){
.menu-item-has-children>a::after{
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:10px;
height:2px;
background-color:#fff
}
.menu-item-has-children>a::before{
position:absolute;
top:50%;
transform:translateY(-50%);
right:4px;
width:2px;
height:10px;
background-color:#fff;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
}
.menu-item-has-children:hover>a:before{
transform:rotate(90deg);
opacity:0
}
.menu-item-has-children.open>a:before{
transform:rotate(90deg);
opacity:0
}
.header-form{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
opacity:0;
z-index:999;
visibility:hidden;
justify-content:center;
align-items:center;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.header-form.active{
visibility:visible;
opacity:1
}
.header-form -color-lay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(255,255,255,.8)
}
.header-form -color-lay .cross{
position:absolute;
color:#fff;
cursor:pointer;
right:15px;
top:15px;
width:40px;
height:40px;
line-height:40px;
text-align:center;
background:#ff0052
}
.header-form .form-container{
margin:15px;
max-width:700px;
width:100%;
padding:30px;
background:transparent;
position:relative;
z-index:1
}
.header-form .form-container button{
width:120px;
height:60px;
background:#ff0052;
border:none;
outline:none;
font-weight:700;
color:#fff;
text-transform:uppercase
}
.header-form .form-container input{
width:calc(100% - 120px);
height:60px;
border:none;
outline:none;
padding:20px
}
@media(max-width: 575px){
.header-form .form-container{
padding:1px;
margin:10px
}
.header-form .form-container button{
width:100px;
font-size:14px;
font-weight:400
}
.header-form .form-container input{
width:calc(100% - 100px)
}
}
.page-header-section.style-1{
background-position:center !important;
background-size:cover !important;
border:none;
padding-top:200px;
padding-bottom:60px
}
@media(min-width: 992px){
.page-header-section.style-1{
padding-top:280px;
padding-bottom:100px
}
}
.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li{
color:#fff;
margin:0 5px;
text-transform:capitalize
}
.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li a{
color:#fff;
padding:0 5px;
outline:none;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li a:hover{
color:#ff0052
}
.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li a::before{
background:#fff;
width:8px;
height:1px;
transform:translateY(-50%);
top:60%;
right:-10px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.page-header-section.style-1 .page-header-content .page-header-inner .breadcrumb li:first-child{
margin-left:0
}
.page-header-section.style-1 .page-header-content .page-header-inner .page-title .title-text{
font-size:1.25rem;
color:#fff;
text-transform:capitalize
}
@media(min-width: 768px){
.page-header-section.style-1 .page-header-content .page-header-inner .page-title .title-text{
font-size:3.5rem;
line-height:4.125rem
}
}
.page-header-section.style-1 .page-header-content .page-header-inner .page-title .title-text span{
color:#ff0052
}
.page-header-section.style-1 .page-header-content .page-header-inner .page-title p{
color:#fff;
font-size:1rem;
text-transform:capitalize
}
.banner-section{
/* background-size:cover; */
background-position:center;
padding-top:120px;
}
/* @media(min-width: 768px){
.banner-section{
padding:350px 0 250px
}
} */
@media(min-width: 992px)and (max-width: 1199px){
.banner-section{
background-size:140% 130%
}
}
@media(min-width: 768px)and (max-width: 991px){
.banner-section{
background-size:130% 140%
}
}
@media(min-width: 1200px){
.banner-content{
margin-bottom:-370px
}
.bannertwo{
margin-bottom: -424px !important;
}
}
.banner-content .default-button{
padding:0 2rem
}
.bannertwo p{
font-family: 'poppins';
background-color: #00DFA1 !important;
rotate: -4deg;
padding: 8px;
color: #000;
font-weight: 400;
font-size: 27px;
}
.banner-content p{
font-family: 'poppins';
background-color: #FFEA00;
rotate: -4deg;
padding: 8px;
color: #000;
font-weight: 400;
font-size: 27px;
}
.bannerthree p{
font-family: 'poppins';
background-color: #21BFD4 !important;
rotate: -4deg;
padding: 8px;
color: #000;
font-weight: 400;
font-size: 27px;
}
.bannerfour p{
font-family: 'poppins';
background-color: #9B21D4 !important;
rotate: -4deg;
padding: 8px;
color: #000;
font-weight: 400;
font-size: 27px;
}
.banner-content h4{
text-transform: none;
font-size: 36px;
font-weight: 900;
}
.banner-content span{
font-size: 24px;
font-weight: 600;
}
.banner-content .banner-offer {
display: flex;
align-items: center;
justify-content: center;
}
.banner-content .banner-offer h6{
margin: 0 10px 0 150px;
font-size: 20px;
text-decoration: line-through;
text-decoration-color: red;
}
.banner-content h2{
text-transform: none;
font-weight: 800;
margin-bottom: 40px!important;
font-size: 42px;
}
.banner-content .pa{
background-color: red;
padding: 6px 0;
font-size: 18px !important;
border-radius: 10px;
width: 64px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 600;
line-height: 19px;
}
.banner-thumb h1{
margin: -50px 0;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px #ffffff9e;
font-size: 56px;
text-transform: none;
text-align: center;
}
.banner-two-thumb h1{
margin: 35px 0 !important;
}
@media(max-width: 575px){
.banner-thumb{
padding:50px 0
}
}
@media(min-width: 1200px){
.banner-thumb .banner-thumb-vs{
margin-bottom:-80px
}
}
@media(max-width: 575px){
.banner-thumb .banner-thumb-vs{
width:10%
}
}
@media(min-width: 576px){
.banner-thumb .banner-thumb-img{
/* animation:MoveUpDown 11s linear infinite; */
-webkit-animation: moverup 1s infinite alternate;
animation: moverup 1s infinite alternate;
}
.banner-thumb .banner-thumb-img-two{
/* animation:MoveUpDown 11s linear infinite; */
-webkit-animation: moverdown 1s infinite alternate;
animation: moverdown 1s infinite alternate;
}
.banner-thumb .banner-plane-img{
-webkit-animation: moverplanright 2s infinite alternate;
animation: moverplanright 2s infinite alternate;
}
.banner-dragtig .banner-drag-img{
-webkit-animation: moverleft 2s infinite alternate;
animation: moverleft 2s infinite alternate;
}
.banner-dragtig .banner-tiger-img{
-webkit-animation: moverright 2s infinite alternate;
animation: moverright 2s infinite alternate;
}
}
@media(max-width: 991px){
.banner-thumb .banner-thumb-img{
width:35%
}
}
.banner{
background-size:cover;
background-position:center;
padding-top:250px;
padding-bottom:150px
}
@media(min-width: 768px){
.banner{
padding:350px 0 240px
}
}
@media(min-width: 992px)and (max-width: 1199px){
.banner{
background-size:140% 130%
}
}
@media(min-width: 768px)and (max-width: 991px){
.banner{
background-size:130% 140%
}
}
.banner__content h1{
-webkit-transform:translateY(450px);
-ms-transform:translateY(450px);
transform:translateY(450px);
-webkit-transition:1s ease;
-moz-transition:1s ease;
transition:1s ease;
text-shadow:2px 2px 2px rgba(255,0,82,.9)
}
.banner__content h2{
-webkit-transform:translateY(450px);
-ms-transform:translateY(450px);
transform:translateY(450px);
-webkit-transition:1s ease;
-moz-transition:1s ease;
transition:1s ease
}
.banner__content .default-button{
padding:0 2rem;
-webkit-transform:translateY(350px);
-ms-transform:translateY(350px);
transform:translateY(350px);
-webkit-transition:1s ease;
-moz-transition:1s ease;
transition:1s ease
}
.banner__content .default-button::after{
background-color:rgba(255,255,255,.9)
}
.banner__content p{
text-transform:capitalize;
line-height:30px;
-webkit-transform:translateY(350px);
-ms-transform:translateY(350px);
transform:translateY(350px);
-webkit-transition:1s ease;
-moz-transition:1s ease;
transition:1s ease
}
.swiper-slide-active .banner__content h1,.swiper-slide-duplicate-active .banner__content h1{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.swiper-slide-active .banner__content h2,.swiper-slide-duplicate-active .banner__content h2{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.swiper-slide-active .banner__content .default-button,.swiper-slide-duplicate-active .banner__content .default-button{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.swiper-slide-active .banner__content p,.swiper-slide-duplicate-active .banner__content p{
-webkit-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.pageheader-section{
padding:85px 0;
padding-top:calc(50px + 147px);
background-size:cover;
background-position:center
}
.pageheader-section .pageheader-title{
font-size:calc(1.425rem + 2.1vw)
}
@media(min-width: 1200px){
.pageheader-section .pageheader-title{
font-size:3rem
}
}
.footer-section{
background-color:#16101A;
background-size:cover
}
@media(min-width: 992px){
.footer-section{
position:relative
}
}
@media(max-width: 991px){
.footer-section .footer-top{
padding-top:80px;
padding-bottom:80px
}
}
@media(min-width: 992px){
.footer-section .footer-top{
border-bottom:1px solid rgba(255,255,255,.1);
position:absolute;
width:100%;
top:0;
z-index:1
}
.footer-section .footer-top .col-12{
border-left:1px solid rgba(255,255,255,.1)
}
.footer-section .footer-top .col-12:last-child{
border-right:1px solid rgba(255,255,255,.1)
}
}
.footer-section .footer-top .footer-top-item{
padding:15px
}
@media(min-width: 1200px){
.footer-section .footer-top .footer-top-item{
padding:40px 20px
}
}
@media(max-width: 991px){
.footer-section .footer-top .footer-top-item{
border:1px solid rgba(255,255,255,.1)
}
}
.footer-section .footer-top .footer-top-item .lab-inner{
display:flex;
flex-wrap:wrap;
align-items:center;
flex-direction:column;
justify-content:center
}
@media(min-width: 1200px){
.footer-section .footer-top .footer-top-item .lab-inner{
flex-direction:row;
align-items:center;
justify-content:flex-start
}
}
.footer-section .footer-top .footer-top-item .lab-inner .lab-thumb{
margin-bottom:15px
}
@media(min-width: 1200px){
.footer-section .footer-top .footer-top-item .lab-inner .lab-thumb{
margin-bottom:0;
margin-right:15px
}
}
.footer-section .footer-top .footer-top-item .lab-inner .lab-content{
text-align:center
}
.footer-section .footer-top .footer-top-item .lab-inner .lab-content span{
color:#fff
}
.footer-section .footer-middle{
background-size:cover;
background-position:center
}
.footer-section .footer-middle .footer-middle-item-wrapper{
z-index:9
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item{
margin-bottom:40px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-title h4{
margin-bottom:25px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .footer-abt-img{
margin-bottom:15px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget{
margin-bottom:12px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget:last-child{
margin-bottom:0
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner{
align-items:center
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-thumb{
width:80px;
overflow:hidden
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-thumb a img{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content{
width:calc(100% - 80px)
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content h6 a{
color:#fff;
font-size:16px;
font-weight:600;
line-height:1.5
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget .lab-inner .lab-content p{
margin:0px;
font-size:.875rem
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget:hover .lab-thumb a img{
transform:scale(1.1) rotate(-5deg)
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item .fm-item-content .fm-item-widget:hover .lab-content h6 a{
color:#ff0052
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-title h4{
margin-bottom:25px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content p{
margin-bottom:25px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form .form-group input{
border:none;
padding:13px 15px;
box-shadow:none;
background:#232a5c;
color:#fff
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form .form-group input::placeholder{
color:rgba(255,255,255,.85)
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form button,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form .lab-btn{
outline:none;
border:none;
margin-top:15px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
line-height:56px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form button i,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form .lab-btn i{
font-size:24px;
margin-left:5px
}
.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form button:hover,.footer-section .footer-middle .footer-middle-item-wrapper .footer-middle-item-3 .fm-item-content form .lab-btn:hover{
transform:translateY(-3px);
box-shadow:-0.698px 9.976px 10px 0px rgba(255,255,255,.2)
}
.footer-section .footer-bottom .footer-bottom-content{
padding:10px 0
}
.footer-section .footer-bottom{
background-color: #22133C;
}
.footer-section .footer-bottom .footer-bottom-content p{
margin:0
}
.footer-section .footer-bottom .footer-bottom-content p a{
color:#fff;
font-weight:500
}
.default-button{
font-size:1.125rem;
color:#fff;
font-weight:700;
transition:.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
padding:0 1rem;
line-height:3rem;
font-family:'Poppins', sans-serif;
line-height:60px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.default-button span{
position:inherit;
z-index:2
}
.default-button:after,.default-button:before{
content:"";
position:absolute;
top:0;
left:0;
transition:.3s cubic-bezier(0.79, 0.14, 0.15, 0.86);
height:100%;
width:100%;
border-radius:4px
}
.default-button:before{
background-color:#404040;
z-index:1;
border-radius: 30px;
}
.default-button:hover{
transform:translate(4px, 4px);
color:#fff
}
.default-button:hover:before{
background-color:#9D64FF
}
.reverse-effect {
display: inline-block; /* ✅ Makes the whole area clickable */
color: #000;
background-color: #FFEA00;
width: 250px;
padding: 10px;
border-radius: 10px;
font-size: 28px;
font-weight: 900;
/* margin-top: 10px; */
text-align: center;
text-decoration: none;
}
.reverse-effect:hover {
color: #fff;
background-color: transparent;
border: 1px solid white;
text-decoration: none;
}
.whatsapp-effect{
color: #fff;
background-color: #02B129;
width: 250px;
padding: 10px;
border-radius: 10px;
font-size: 28px;
font-weight: 900;
margin-top: 10px;
}
.whatsapp-effect:hover{
color: #fff;
background-color: transparent;
width: 250px;
padding: 10px;
border: 1px solid white;
border-radius: 10px;
font-size: 28px;
font-weight: 900;
}
button{
outline:none;
border:none
}
.game-item{
background-size:cover;
background-position:center;
height:250px;
transition:.3s all linear
}
.game-item .game-item-inner.bg-1{
background:#4a009a;
background:radial-gradient(circle, #4a009a 0%, #080223 100%)
}
.game-item .game-item-inner.bg-2{
background:#bfb964;
background:radial-gradient(circle, #bfb964 0%, #29310e 100%)
}
.game-item .game-item-inner.bg-3{
background:#37c1d5;
background:radial-gradient(circle, #37c1d5 0%, #080e37 100%)
}
.game-item .game-item-inner.bg-4{
background:#df4910;
background:radial-gradient(circle, #df4910 0%, #f5c802 100%)
}
.game-item .game-item-inner.bg-5{
background:#6dc79c;
background:radial-gradient(circle, #6dc79b 0%, #003127 100%)
}
.game-item .game-item-inner.bg-6{
background:#f06b27;
background:radial-gradient(circle, #f06b27 0%, #161717 100%)
}
.game-item .game-item-inner.bg-7{
background:#29a7ce;
background:radial-gradient(circle, #29a7ce 0%, #161717 100%)
}
.game-item .game-item-inner.bg-8{
background:#c41f0e;
background:radial-gradient(circle, #c41f0e 0%, #161717 100%)
}
.game-item .game-overlay{
visibility:hidden;
opacity:0;
transition:all .45s cubic-bezier(0.68, -0.55, 0.27, 1.55);
display:grid;
place-content:center;
left:50%;
top:50%;
transform:translate(-50%, -50%) scale(0);
width:calc(100% - 20px);
height:calc(100% - 20px);
background-color:rgba(0,0,0,.8)
}
.game-item:hover .game-overlay{
visibility:visible;
opacity:1;
transform:translate(-50%, -50%) scale(1)
}
.player-item{
background-color:#232a5c
}
.player-item:hover .player-thumb img{
transform:scale(1.1)
}
.player-item:hover .player-content{
bottom:30px
}
.player-item:hover .player-inner::after{
transform:translateY(0) scale(1);
opacity:1
}
.player-inner{
color:#fff !important
}
.player-inner::after{
height:90%;
bottom:0;
left:0;
transition:.3s cubic-bezier(0.215, 0.61, 0.355, 1);
background-image:-moz-linear-gradient(90deg, #000052 0%, rgba(255, 0, 82, 0) 100%);
background-image:-webkit-linear-gradient(90deg, #000052 0%, rgba(255, 0, 82, 0) 100%);
background-image:-ms-linear-gradient(90deg, #000052 0%, rgba(255, 0, 82, 0) 100%);
transform:translateY(10px) scale(0);
transform-origin:bottom;
opacity:0
}
.player-thumb img{
transition:.3s all linear
}
.player-content{
padding:10px;
bottom:-100%;
left:0;
width:100%;
z-index:1;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.player-content .match-social-list li{
list-style:none
}
.player-team-icon{
max-width:90px
}
.player-item-2{
background-size:cover;
background-color:#232a5c;
border:10px solid #232a5c
}
.player-item-2:hover .player-thumb-2 img{
transform:rotateY(360deg)
}
.player-item-2:hover .player-content-2{
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
.player-item-2:hover .player-inner-2::after{
transform:translateY(0) scale(1);
opacity:1
}
.player-inner-2{
padding:118px 0 40px
}
.player-thumb-2 img{
-webkit-transition:all .9s linear;
-moz-transition:all .9s linear;
transition:all .9s linear
}
.player-content-2{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.player-content-2 h2{
text-transform:uppercase;
font-size:calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px){
.player-content-2 h2{
font-size:1.5rem
}
}
.player-meta li{
padding:10px 20px;
background:#232a5c;
border:1px solid rgba(255,255,255,.1);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:5px
}
.player-meta li .left i{
font-size:calc(1.375rem + 1.5vw)
}
@media(min-width: 1200px){
.player-meta li .left i{
font-size:2.5rem
}
}
.player-meta li .right{
font-family:'Poppins', sans-serif
}
.match-content{
padding:0px 12px
}
@media(min-width: 992px){
.match-content{
padding:0px 12px;
}
}
.buy-now-btn{
background: #FFEA00;
padding: 16px 0px;
font-size: 24px;
border-radius: 10px;
font-weight: 600;
width: 220px;
}
.cont-now-btn{
background-color: #02B129 !important;
color: #fff !important;
padding: 16px 0px;
font-size: 22px;
border-radius: 10px;
font-weight: 600;
width: 250px;
}
.game-offer-detail button{
float: right;
font-size: 20px;
border-radius: 11.5px 11.5px 0px 0px;
margin-right: 9px;
color: #fff;
background: #FF3131;
padding-bottom: 0;
font-weight: 600;
}
.game-offer button{
float: right;
background-color: #fff;
border-radius: 11.5px 11.5px 0px 0px;
margin-bottom: -8px;
color: #FF0000;
}
.match-header button span{
color: black;
font-size: 10px;
/* text-decoration: line-through; */
text-decoration-color: red;
}
.match-header button{
background-color: #fff;
border-radius: 25px;
border: none;
padding: 0;
width: 120px;
font-weight: 600;
display: inline-grid;
height: 39px;
align-items: center;
}
.match-header button a{
color: #000;
}
.match-header{
padding:10px 15px;
border-top: 2px solid;
border-radius: 10px;
}
.match-header-detail{
padding:10px 15px;
border-top: 2px solid #FF3131;
border-radius: 10px;
}
.match-header-detail-add{
/* padding:13px 63px; */
border-top: 2px solid #4a4949;
border-radius: 10px;
}
.match-header-detail-add h3{
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 33.09px;
text-align: center;
color:#fff;
margin-bottom: 10px;
text-transform: none;
}
.para{
text-align: center;
padding: 5px;
}
.match{
text-align: center;
height: 128px;
}
@media(min-width: 992px){
.match-header{
padding:15px 20px 7px 20px;
border-top: 2px solid;
border-radius: 10px;
}
.match-header-detail{
padding:45px 40px 7px 40px;
border-top: 2px solid #FF3131;
border-radius: 10px;
}
}
.match-header-detail h3{
font-family: 'Poppins', sans-serif;
font-size: 34px;
font-weight: 600;
line-height: 33.09px;
text-align: center;
color:#fff;
margin: 0;
text-transform: none;
}
.match-header-detail span{
/* text-decoration: line-through; */
/* text-decoration-color: red; */
font-size: 19px;
font-weight: 500;
margin-top: 13px;
}
.match-header h3{
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 33.09px;
text-align: center;
color:#000;
margin: 0;
text-transform: none;
}
@media(min-width: 768px){
.match-game-info{
text-align:start
}
}
.match-game-info h4 a{
color:#000;
text-transform:uppercase
}
.match-game-info h4 a:hover{
color:#ff0052
}
.match-game-info p{
color:#555;
gap:30px
}
.match-game-info p span:first-child::after{
right:-15px;
top:50%;
transform:translateY(-50%);
height:70%;
width:3px;
background:#d4d4d4
}
.match-team-list{
gap:15px
}
@media(min-width: 576px){
.match-team-list{
gap:30px
}
}
.match-team-thumb a img{
transition:.4s linear
}
.match-team-thumb a:hover img{
transform:rotateY(360deg)
}
.match-social-list{
gap:10px
}
.match-social-list a{
transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
.match-social-list a:hover{
transform:translateY(-2px);
filter:drop-shadow(0 3px 2px rgba(0, 0, 0, 0.301))
}
.match-social-list .default-button{
line-height:50px
}
.upcome-match-header{
padding:20px 10px;
text-transform:uppercase
}
.video-item .video-inner{
border:10px solid #232a5c
}
.video-item .video-inner .video-content a{
padding:8px 17px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
@media(max-width: 575px){
.video-item .video-inner .video-content a{
display:none
}
}
.video-item .video-inner .video-content h3{
font-weight:500
}
.abs-video-content{
left:0px;
bottom:0px
}
.video-icon{
z-index:1
}
.video-icon i{
font-size:calc(1.5rem + 3vw);
z-index:1;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
@media(min-width: 1200px){
.video-icon i{
font-size:3.75rem
}
}
.video-overlay::after{
background-image:linear-gradient(to top, #000000e8, #3b3b3ba6, #77777759, #b9b9b900, #ffffff00)
}
.product-item .product-inner{
background:#232a5c;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.product-item .product-inner:hover{
background:#ff0052
}
.product-item .product-inner:hover .product-thumb img{
-webkit-transform:scale(1.2) rotate(5deg);
-ms-transform:scale(1.2) rotate(5deg);
transform:scale(1.2) rotate(5deg)
}
.product-item .product-inner .product-thumb img{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.testimonial-item .testimonial-inner{
background:#232a5c;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.testimonial-item .testimonial-inner:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px)
}
.testimonial-item .testimonial-inner:hover .testimonial-head a img{
-webkit-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
transform:rotateY(360deg)
}
.testimonial-item .testimonial-inner .testimonial-head{
align-items:center;
justify-content:space-between;
border-bottom:1px solid rgba(236,240,243,.1)
}
.testimonial-item .testimonial-inner .testimonial-head .testimonial-thumb{
width:60px;
height:60px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.testimonial-item .testimonial-inner .testimonial-head .testimonial-thumb img{
width:100%;
height:100%
}
.testimonial-item .testimonial-inner .testimonial-head .name-des h5{
font-weight:600
}
.testimonial-item .testimonial-inner .testimonial-head .name-des p{
font-size:1.125rem
}
.testimonial-item .testimonial-inner .testimonial-head a img{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.testimonial-item .testimonial-inner .testimonial-footer ul li{
padding:5px 10px;
background:#00b67a;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.testimonial-item .testimonial-inner .testimonial-footer ul li i{
color:#fff
}
.testimonial-item .testimonial-inner .testimonial-footer h5{
color:#00b67a
}
.swiper-slide.swiper-slide-next .testimonial-item .testimonial-inner .testimonial-footer ul li{
background:#f06a22;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.swiper-slide.swiper-slide-next .testimonial-item .testimonial-inner .testimonial-footer h5{
color:#f06a22
}
.gallery-item{
text-align:center;
border-width:8px;
box-shadow:0px 2px 4px 0px rgba(79,63,82,.06);
max-width:400px;
margin:0 auto
}
.gallery-item:hover::after,.gallery-item:hover .gallery-content{
opacity:1
}
.gallery-item:hover .gallery-thumb img{
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
.gallery-item::after{
width:96%;
height:96%;
top:50%;
left:50%;
background:rgba(0,0,0,.5);
opacity:.7;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
opacity:0;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px
}
.gallery-item .gallery-thumb{
overflow:hidden;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px
}
.gallery-item .gallery-thumb img{
width:100%;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.gallery-item .gallery-thumb a{
display:block
}
.gallery-item .gallery-content{
width:100%;
z-index:1;
opacity:0;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.gallery-item .gallery-content .title{
font-size:20px;
margin-bottom:5px
}
.gallery-item .gallery-content .title a{
display:block
}
.gallery-item .gallery-content .img-pop{
width:50px;
height:50px;
line-height:50px;
text-align:center;
color:#fff;
background:#ff0052;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
margin-bottom:15px
}
.gallery-filter{
justify-content:center;
margin:-5px;
margin-bottom:30px
}
.gallery-filter li{
border-radius:4px;
padding:5px 20px;
font-size:14px;
font-weight:700;
color:#000;
text-transform:uppercase;
margin:5px;
cursor:pointer;
background:#fff
}
.gallery-filter li.is-checked{
background:#ff0052
}
.gallery-filter li.is-checked .category{
color:#fff
}
.gallery-filter li.is-checked .itemcount{
background:#fff;
color:#ff0052
}
.gallery-filter li .itemcount{
width:40px;
height:40px;
line-height:40px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#ff0052;
color:#fff;
display:inline-block
}
@media(min-width: 768px){
.gallery-filter{
margin-bottom:35px
}
}
.blog-item .blog-inner{
background:rgba(35,42,92,.9)
}
.blog-item .blog-inner:hover .blog-thumb img{
-webkit-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2)
}
.blog-item .blog-inner .blog-thumb img{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.blog-item .blog-inner .blog-content h3{
text-transform:uppercase
}
.blog-item .blog-inner .blog-content .meta-post a{
border-left:1px solid rgba(255,255,255,.3)
}
.blog-item .blog-inner .blog-content .meta-post a:first-child{
border-left:none
}
.blog-item .blog-inner .blog-content .default-button{
line-height:50px
}
.post-item-2{
background:#232a5c;
filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.06))
}
.post-item-2 .post-inner{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
margin-bottom:35px
}
.post-item-2 .post-inner:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px)
}
.post-item-2 .post-inner:hover .post-thumb a img{
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
.post-item-2 .post-inner .post-thumb-container .thumb-nav{
top:50%;
width:50px;
height:50px;
background-color:#f7f2e9;
line-height:50px;
text-align:center;
color:#000;
font-size:20px;
transform:translateY(-50%);
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
@media(max-width: 575px){
.post-item-2 .post-inner .post-thumb-container .thumb-nav{
display:none
}
}
.post-item-2 .post-inner .post-thumb-container .thumb-nav:hover{
color:#fff;
background-color:#ff0052
}
.post-item-2 .post-inner .post-thumb-container .thumb-next{
right:20px;
z-index:1
}
.post-item-2 .post-inner .post-thumb-container .thumb-prev{
left:20px;
z-index:1
}
.post-item-2 .post-inner .post-thumb img{
width:100%;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.post-item-2 .post-inner .post-thumb a{
display:block
}
.post-item-2 .post-inner .post-thumb a img{
width:100%;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.post-item-2 .post-inner .post-thumb .play-btn{
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.post-item-2 .post-inner .post-thumb .play-btn i{
color:#fff;
display:inline-block;
width:50px;
line-height:50px;
text-align:center;
font-size:1rem;
background-color:#ff0052;
border-radius:100%;
height:50px;
z-index:999
}
@media(min-width: 768px){
.post-item-2 .post-inner .post-thumb .play-btn i{
width:80px;
height:80px;
line-height:80px;
font-size:1.4rem
}
}
.post-item-2 .post-inner .post-thumb .pluse_2{
width:100%;
height:100%;
border-radius:50%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
background:rgba(0,0,0,.1);
z-index:-999
}
.post-item-2 .post-inner .post-thumb .pluse_2::after,.post-item-2 .post-inner .post-thumb .pluse_2::before{
background:#fff;
border-radius:50%;
left:50%;
top:50%;
margin-left:-20px;
margin-top:-20px;
z-index:-99
}
.post-item-2 .post-inner .post-thumb .pluse_2::after{
width:70px;
height:70px;
background:transparent;
margin-left:-15px;
margin-top:-15px
}
.post-item-2 .post-inner .post-thumb .pluse_2:before{
width:80px;
height:80px;
-webkit-animation:pluse_animate 3s infinite linear;
animation:pluse_animate 3s infinite linear;
-webkit-animation-delay:1s;
animation-delay:1s;
margin-left:0;
margin-top:0
}
@keyframes play-btn-pluse{
0%{
opacity:1;
-webkit-transform:translate(-50%, -50%) scale(0.3);
transform:translate(-50%, -50%) scale(0.3)
}
100%{
opacity:0;
-webkit-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2)
}
}
.post-item-2 .post-inner .post-thumb .meta-date{
top:10px;
left:10px
}
.post-item-2 .post-inner .post-thumb .meta-date .md-pre{
padding:8px 20px;
background:#fff;
text-align:center;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px
}
.post-item-2 .post-inner .post-thumb .meta-date .md-pre h5,.post-item-2 .post-inner .post-thumb .meta-date .md-pre p{
color:#000;
margin-bottom:0;
line-height:1
}
.post-item-2 .post-inner .post-thumb .meta-date .md-pre h5{
margin-bottom:5px
}
.post-item-2 .post-inner .post-thumb .meta-date .md-pre p{
font-size:15px
}
.post-item-2 .post-inner .post-content{
padding:30px
}
.post-item-2 .post-inner .post-content .post-date{
margin-bottom:19px
}
.post-item-2 .post-inner .post-content .post-date li{
display:inline-block;
padding-right:10px
}
.post-item-2 .post-inner .post-content .post-date li:last-child{
padding-right:0
}
.post-item-2 .post-inner .post-content .post-date li span a{
padding-left:5px
}
.post-item-2 .post-inner .post-content .post-date li span a:hover{
color:#ff0052
}
.post-item-2 .post-inner .post-content h2{
font-size:calc(1.3125rem + 0.75vw)
}
@media(min-width: 1200px){
.post-item-2 .post-inner .post-content h2{
font-size:1.875rem
}
}
.post-item-2 .post-inner .post-content a h3{
font-weight:700;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.post-item-2 .post-inner .post-content a h3:hover{
color:#ff0052
}
.post-item-2 .post-inner .post-content .default-button{
line-height:56px;
padding:0 2rem
}
.post-item-2 .post-inner .post-content p{
margin-bottom:25px
}
.post-item-2 .post-inner .post-content .more-com .text-btn{
font-weight:500
}
.post-item-2 .post-inner .post-content .more-com .text-btn span{
font-size:15px
}
.post-item-2 .post-inner .post-content .more-com .text-btn:hover span{
color:#ff0052
}
.post-item-2 .post-inner .post-content .more-com .text-btn:hover i{
margin-left:5px;
opacity:1
}
.post-item-2 .post-inner .post-content .more-com .text-btn i{
top:50%;
font-size:13px;
margin-left:-10px;
transform:translateY(-50%);
opacity:0;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.post-item-2 .post-inner .post-content .more-com .comment-visi span{
padding-right:15px;
color:#ff0052
}
.post-item-2 .post-inner .post-content .more-com .comment-visi span:last-child{
padding-right:0;
color:red
}
.post-item-2 .post-inner .post-content .more-com .comment-visi span a{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.post-item-2 .post-inner .post-content .more-com .comment-visi span a:hover{
color:#000
}
.post-item-2 .post-inner .post-content .qute-content{
padding:30px;
background:#fff;
box-shadow:0 5px 10px rgba(81,70,174,.27)
}
.post-item-2 .post-inner .post-content .qute-content blockquote{
margin-bottom:0;
padding-top:45px
}
.post-item-2 .post-inner .post-content .qute-content blockquote::before{
width:40px;
height:40px;
left:0;
top:0;
opacity:.5;
color:#ff0052;
content:"" !important;
font-size:36px;
font-family:IcoFont !important
}
.post-item-2 .post-inner .post-content .qute-content blockquote::after{
width:40px;
height:40px;
right:0;
bottom:0;
opacity:.5;
color:#ff0052;
content:"" !important;
font-size:36px;
font-family:IcoFont !important
}
.post-item-2 .post-inner .post-content .qute-content blockquote a{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.post-item-2 .post-inner .post-content .qute-content blockquote a:hover{
color:#ff0052
}
.post-item-2 .post-inner .post-content .meta-post p span{
display:inline-block;
padding-right:15px
}
.post-item-2 .post-inner .post-content .meta-post p span::after{
width:1px;
height:12px;
right:4px;
top:50%;
background:#dddcdc;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.post-item-2 .post-inner .post-content .meta-post p span.admin-name{
margin-left:5px
}
.post-item-2 .post-inner .post-content .meta-post p span:last-child{
padding-right:0
}
.post-item-2 .post-inner .post-content .meta-post p span:last-child::after{
display:none
}
.post-item-2 .post-inner .post-content .meta-post p span a{
padding-left:5px
}
.post-item-2 .post-inner .post-content .meta-post p span a:hover{
color:#ff0052
}
.article-pagination{
display:flex;
justify-content:space-between;
padding:0 15px
}
.article-pagination .prev-article a,.article-pagination .next-article a{
font-size:14px;
font-weight:700;
color:#ff0052;
text-transform:uppercase;
margin-bottom:10px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.article-pagination .prev-article a i,.article-pagination .next-article a i{
font-size:18px
}
.article-pagination .prev-article a:hover,.article-pagination .next-article a:hover{
color:#ff0052
}
.article-pagination .prev-article p,.article-pagination .next-article p{
margin-bottom:0
}
.article-pagination .next-article{
text-align:right
}
.authors{
filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.06));
justify-content:space-between;
align-items:center;
padding:25px;
margin:30px 0;
background:#232a5c
}
@media(max-width: 575px){
.authors{
justify-content:center
}
}
.authors .author-thumb{
width:160px;
text-align:center;
border:5px solid rgba(255,255,255,.1);
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.authors .author-thumb a{
width:140px;
height:140px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.authors .author-thumb img{
height:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.authors .author-content{
width:100%;
margin-top:30px;
text-align:center
}
@media(min-width: 576px){
.authors .author-content{
width:calc(100% - 170px);
margin-top:0;
text-align:left
}
}
.authors .author-content h6{
margin-bottom:5px
}
.authors .author-content p{
margin-bottom:10px
}
.authors .author-content .social-media{
margin-bottom:0
}
.authors .author-content .social-media a{
width:30px;
height:30px;
line-height:30px;
color:#fff;
background:transparent
}
.comments{
background:#232a5c;
filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.06))
}
.comments .comment-title{
border-bottom:1px solid rgba(236,240,243,.1)
}
@media(max-width: 575px){
.comments .comment-list{
margin:0
}
}
.comments .comment-list .comment .com-thumb{
height:50px;
width:50px;
float:left;
border:5px solid rgba(255,255,255,.1);
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
@media(min-width: 576px){
.comments .comment-list .comment .com-thumb{
margin-bottom:0
}
}
@media(min-width: 768px){
.comments .comment-list .comment .com-thumb{
height:80px;
width:80px
}
}
.comments .comment-list .comment .com-thumb img{
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
@media(max-width: 575px){
.comments .comment-list .comment .com-content{
width:100%
}
}
.comments .comment-list .comment .com-content .com-title .com-title-meta h6 a{
color:#000;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.comments .comment-list .comment .com-content .com-title .com-title-meta h6 a:hover{
color:#ff0052
}
@media(max-width: 575px){
.comments .comment-list .comment .com-content .com-title .reply{
margin-bottom:10px;
display:inline-block
}
}
.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link{
padding:3px 16px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.comments .comment-list .comment .com-content .com-title .reply .comment-reply-link:hover{
color:#ff0052;
border-radius:5px
}
.comments .comment-list .comment .comment-list{
padding:0 20px;
border-top:1px solid rgba(236,240,243,.1)
}
@media(min-width: 576px){
.comments .comment-list .comment .comment-list{
padding-left:60px;
padding-right:30px
}
}
.comments .comment-list .comment .comment-list .comment{
list-style:none;
overflow:hidden;
padding-top:30px
}
.comments .comment-list .comment .comment-list .comment:last-child{
border:none;
padding-bottom:0px
}
.comment-respond{
filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.06));
background:#232a5c
}
.comment-respond h6{
border-bottom:1px solid rgba(255,255,255,.1)
}
.comment-respond .add-comment .comment-form input[type=text]{
padding:16px 15px;
border-radius:4px;
width:100%
}
@media(min-width: 576px){
.comment-respond .add-comment .comment-form input[type=text]{
width:calc(100% / 2 - 15px)
}
}
.comment-respond .add-comment .comment-form input,.comment-respond .add-comment .comment-form textarea{
border:none;
outline:none;
margin-bottom:20px;
background:rgba(255,255,255,.1);
color:#fff
}
.comment-respond .add-comment .comment-form input::placeholder,.comment-respond .add-comment .comment-form textarea::placeholder{
color:rgba(255,255,255,.9)
}
.comment-respond .add-comment .comment-form textarea{
padding:15px;
width:100%;
border-radius:4px
}
.comment-respond .add-comment .comment-form .default-button{
border:none;
outline:none;
margin-top:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:50px
}
.tags-area{
justify-content:center;
border-top:1px solid rgba(255,255,255,.1);
padding:25px 10px
}
@media(min-width: 1200px){
.tags-area{
justify-content:space-between
}
}
@media(min-width: 576px){
.tags-area{
padding:25px 0 0
}
}
.tags{
margin-bottom:20px
}
@media(min-width: 1200px){
.tags{
margin-bottom:0
}
}
.tags li{
padding:5px
}
.tags li a{
border:1px solid rgba(255,255,255,.1);
color:#fff;
line-height:40px;
padding:0 15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.tags li a:hover,.tags li a.active{
background:#ff0052;
border-color:#ff0052
}
.share li{
padding:5px;
cursor:pointer
}
.share li:hover a{
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.share li a{
width:40px;
height:40px;
line-height:40px;
text-align:center;
background:#ff0052;
color:#fff;
-webkit-transition:.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition:.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition:.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px
}
.share li a.facebook{
background:#3b5998
}
.share li a.twitter{
background:#55acee
}
.share li a.instagram{
background:#e4405f
}
.share li a.google{
background:#dd4b39
}
.share li a.linkedin{
background:#007bb5
}
.share li a.vimeo{
background:#3b5998
}
.share li a.pinterest{
background:#bd081c
}
.share li a.behance{
background:#1769ff
}
.share li a.dribble{
background:#ea4c89
}
.single-quote{
background:#ff0052;
color:#fff
}
.single-quote .quotes{
font-size:calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px){
.single-quote .quotes{
font-size:1.5rem
}
}
.single-quote span{
margin-left:auto;
display:block;
text-align:right;
font-size:1rem
}
.widget{
margin-bottom:65px
}
.widget:last-child{
margin-bottom:0
}
.widget .widget-header h5{
color:#fff;
font-weight:700;
margin-bottom:40px;
font-size:calc(1.275rem + 0.3vw)
}
@media(min-width: 1200px){
.widget .widget-header h5{
font-size:1.5rem
}
}
.widget .widget-header h5::before{
width:40px;
height:4px;
background-color:#ff0052;
bottom:-20px;
border-radius:2px
}
.widget .widget-header h5::after{
position:absolute;
content:"";
border-bottom:5px dotted #ff0052;
width:30px;
bottom:-20px;
left:43px
}
@media(max-width: 991px){
.widget.widget-search{
margin-top:65px
}
}
.widget.widget-search h5{
margin-bottom:40px
}
.widget.widget-search .search-wrapper input{
height:50px;
padding:13px 23px;
line-height:50px;
margin-bottom:0;
border:none;
width:100%;
outline:none;
color:#fff;
background-color:rgba(255,255,255,.1)
}
.widget.widget-search .search-wrapper button{
padding:0;
top:0;
right:0;
line-height:50px;
width:50px;
height:50px;
outline:none;
border:none;
cursor:pointer;
color:#fff;
background-color:inherit
}
.widget.widget-category .widget-wrapper li{
border-bottom:1px solid rgba(255,255,255,.1);
padding:20px 0
}
.widget.widget-category .widget-wrapper li:last-child{
border-bottom:none
}
.widget.widget-category .widget-wrapper.list-bg-none li a span:last-child{
background-color:transparent
}
.widget.widget-category .widget-wrapper li{
padding:0
}
.widget.widget-category .widget-wrapper li a{
color:#fff;
padding:15px 0px
}
.widget.widget-category .widget-wrapper li a i{
margin-right:5px
}
.widget.widget-category .widget-wrapper li a.active,.widget.widget-category .widget-wrapper li a:hover{
padding-left:10px;
color:#ff0052
}
.widget.widget-category .widget-wrapper li a.active span:last-child,.widget.widget-category .widget-wrapper li a:hover span:last-child{
background-color:#ff0052;
color:#fff
}
.widget.widget-category .widget-wrapper li a span{
font-weight:500
}
.widget.widget-category .widget-wrapper li a span:last-child{
width:30px;
height:30px;
line-height:30px;
border-radius:100%;
background-color:rgba(0,0,0,.1);
color:#fff;
text-align:center;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.widget.widget-archive li{
border-bottom:1px solid rgba(255,255,255,.1);
padding:20px 0
}
.widget.widget-archive li:last-child{
border-bottom:none
}
.widget.widget-archive li a{
color:#fff;
font-weight:500
}
.widget.widget-archive li a i{
margin-right:5px
}
.widget.widget-archive li a.active,.widget.widget-archive li a:hover{
padding-left:10px;
color:#ff0052
}
.widget.widget-post h5,.widget.recent-product h5{
margin-bottom:40px
}
.widget.widget-post ul.widget-wrapper,.widget.recent-product ul.widget-wrapper{
padding:0
}
.widget.widget-post ul.widget-wrapper li,.widget.recent-product ul.widget-wrapper li{
border-bottom:1px solid rgba(255,255,255,.1);
padding:20px 0
}
.widget.widget-post ul.widget-wrapper li:last-child,.widget.recent-product ul.widget-wrapper li:last-child{
border-bottom:none
}
.widget.widget-post ul.widget-wrapper li:hover .post-thumb img,.widget.recent-product ul.widget-wrapper li:hover .post-thumb img{
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
.widget.widget-post ul.widget-wrapper li .post-thumb,.widget.recent-product ul.widget-wrapper li .post-thumb{
width:100px;
height:80px
}
@media(min-width: 992px)and (max-width: 1199px){
.widget.widget-post ul.widget-wrapper li .post-thumb,.widget.recent-product ul.widget-wrapper li .post-thumb{
width:80px;
height:80px;
margin-bottom:15px
}
}
.widget.widget-post ul.widget-wrapper li .post-thumb a,.widget.recent-product ul.widget-wrapper li .post-thumb a{
display:inline-flex;
height:100%
}
.widget.widget-post ul.widget-wrapper li .post-thumb a img,.widget.recent-product ul.widget-wrapper li .post-thumb a img{
width:100%;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.widget.widget-post ul.widget-wrapper li .post-content,.widget.recent-product ul.widget-wrapper li .post-content{
width:calc(100% - 100px)
}
@media(min-width: 992px)and (max-width: 1199px){
.widget.widget-post ul.widget-wrapper li .post-content,.widget.recent-product ul.widget-wrapper li .post-content{
width:calc(100% - 80px)
}
}
.widget.widget-post ul.widget-wrapper li .post-content h6,.widget.recent-product ul.widget-wrapper li .post-content h6{
font-size:16px;
line-height:1.5;
color:#fff;
margin-bottom:2px
}
@media(min-width: 576px){
.widget.widget-post ul.widget-wrapper li .post-content h6,.widget.recent-product ul.widget-wrapper li .post-content h6{
font-size:18px
}
}
.widget.widget-post ul.widget-wrapper li .post-content h6:hover,.widget.recent-product ul.widget-wrapper li .post-content h6:hover{
color:#ff0052
}
.widget.widget-post ul.widget-wrapper li .post-content p,.widget.recent-product ul.widget-wrapper li .post-content p{
margin:0
}
.widget.recent-product ul.widget-wrapper{
padding:0
}
.widget.recent-product ul.widget-wrapper li .post-thumb{
width:auto;
height:auto
}
@media(min-width: 992px)and (max-width: 1199px){
.widget.recent-product ul.widget-wrapper li .post-thumb{
width:auto;
height:auto
}
}
.widget.recent-product ul.widget-wrapper li .post-content .price{
margin-top:5px;
font-weight:700
}
.widget.widget-instagram{
padding:0
}
.widget.widget-instagram ul.widget-wrapper{
padding-top:15px
}
.widget.widget-instagram ul.widget-wrapper li{
width:calc(100% / 3);
padding:0;
border:none
}
.widget.widget-instagram ul.widget-wrapper li:hover img{
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
.widget.widget-instagram ul.widget-wrapper li a{
margin:5px;
display:block
}
.widget.widget-instagram ul.widget-wrapper li a img{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
width:100%
}
.widget.widget-tags{
padding:0
}
.widget.widget-tags ul.widget-wrapper li{
border:none;
padding:0
}
.widget.widget-tags ul.widget-wrapper li a{
padding:7px 13px;
font-weight:500;
border:1px solid rgba(255,255,255,.1);
border-radius:2px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
margin:5px;
font-size:14px
}
.widget.widget-tags ul.widget-wrapper li a.active,.widget.widget-tags ul.widget-wrapper li a:hover{
background-color:#ff0052;
color:#fff;
border-color:#ff0052
}
.widget.widget-author{
padding:0
}
.widget.widget-author .widget-wrapper .admin-thumb{
margin-bottom:15px;
margin-left:0
}
.widget.widget-author .widget-wrapper .admin-thumb img{
width:200px;
height:200px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.widget.widget-author .widget-wrapper .admin-content h5{
color:#ff0052;
font-weight:500
}
.widget.widget-author .widget-wrapper .admin-content p{
font-size:15px
}
.widget.widget-author .widget-wrapper .admin-content .social-media{
margin-bottom:0
}
.widget.widget-author .widget-wrapper .admin-content .social-media a{
background:transparent;
font-size:1rem;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
color:#fff
}
.widget.widget-author .widget-wrapper .admin-content .social-media a:hover{
box-shadow:0 5px 10px rgba(136,136,136,.2)
}
.widget.recipe-categori{
padding:0
}
.widget.recipe-categori .widget-wrapper{
padding:25px 15px
}
.widget.recipe-categori .widget-wrapper .recipe-item{
border:1px dotted #ecf0f3;
border-width:1px;
border-top:none;
border-right:none;
margin:5px
}
.widget.widget-event .widget-wrapper li{
border-bottom:1px solid rgba(255,255,255,.1);
padding:10px 0;
display:flex
}
.widget.widget-event .widget-wrapper li:last-child{
padding-bottom:0
}
.widget.widget-event .widget-wrapper li i{
color:#ff0052;
margin-right:3px
}
.widget.widget-event .widget-wrapper li span:first-child{
width:50%
}
.widget.shop-widget{
margin-top:35px
}
.widget.shop-widget .widget-wrapper .shop-menu li{
list-style:none;
border-bottom:1px solid rgba(255,255,255,.1);
padding:12px 0px
}
.widget.shop-widget .widget-wrapper .shop-menu li:last-child{
border-bottom:none
}
.widget.shop-widget .widget-wrapper .shop-menu li a{
font-weight:500
}
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu{
margin:0;
display:none
}
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li{
padding:2px 0;
border-bottom:none
}
.widget.shop-widget .widget-wrapper .shop-menu li .shop-submenu li a{
font-size:14px;
font-weight:400;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
@media(min-width: 992px){
.aside-bg:after{
position:absolute;
content:"";
top:0;
right:0;
width:35%;
height:100%;
z-index:-1;
background-color:#232a5c
}
}
@media(min-width: 992px){
.aside-bg:after{
width:33%
}
}
@media(min-width: 1200px){
.aside-bg:after{
width:35%
}
}
@media(min-width: 1440px){
.aside-bg:after{
width:39%
}
}
.accordion-item{
background:#232a5c
}
.accordion-item .accordion-header .accordion-button{
background:#ff0052;
box-shadow:none;
padding:1rem 1.5rem;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
border-bottom:1px solid rgba(255,255,255,.5)
}
.accordion-item .accordion-header .accordion-button.collapsed{
background:#232a5c;
border-bottom:none
}
.accordion-item .accordion-header .accordion-button.collapsed::after{
display:block
}
.accordion-item .accordion-header .accordion-button.collapsed::before{
display:none
}
.accordion-item .accordion-header .accordion-button::after{
background-image:none;
content:"";
color:#fff;
font-size:1.125rem;
display:none;
font-family:IcoFont !important
}
.accordion-item .accordion-header .accordion-button::before{
flex-shrink:0;
width:1.25rem;
height:1.25rem;
content:"";
transition:transform .2s ease-in-out;
right:25px;
position:absolute;
color:#fff;
font-size:1.125rem;
font-family:IcoFont !important
}
.accordion-item .accordion-header .accordion-button .accor-header-inner .accor-thumb{
width:80px;
height:80px;
line-height:80px
}
.accordion-item .accordion-header .accordion-button .accor-header-inner .accor-title{
font-size:calc(1.275rem + 0.3vw);
font-family:"Oswald",sans-serif;
text-transform:uppercase
}
@media(min-width: 1200px){
.accordion-item .accordion-header .accordion-button .accor-header-inner .accor-title{
font-size:1.5rem
}
}
.accordion-item .accordion-collapse{
background:#fff
}
.accordion-item .accordion-collapse .accordion-body p{
color:#000
}
.contact-item{
padding:50px 30px;
background:#232a5c;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.contact-item .contact-thumb{
width:70px;
height:70px;
display:grid;
place-items:center;
border-radius:100%;
background-color:#ff0052;
margin:0 auto 30px
}
.contact-item .contact-thumb:before,.contact-item .contact-thumb:after{
opacity:1;
z-index:1 !important;
border-color:#ff0052 !important
}
.contact-item .contact-thumb:before{
opacity:0;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
height:100%;
width:100%;
border:8px solid rgba(255,255,255,.3);
border-radius:100%;
animation-name:ripple;
animation-duration:2s;
animation-delay:0s;
animation-iteration-count:infinite;
animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);
z-index:-1;
border-width:25px
}
.contact-item .contact-thumb:after{
opacity:0;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
height:100%;
width:100%;
border:8px solid rgba(255,255,255,.3);
border-radius:100%;
animation-name:ripple;
animation-duration:2s;
animation-delay:.3s;
animation-iteration-count:infinite;
animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);
z-index:-1;
border-width:15px
}
.contact-item .contact-thumb img{
z-index:2
}
.contact-form{
justify-content:space-between;
margin-bottom:-30px
}
.contact-form .form-group{
margin-bottom:30px;
width:100%
}
@media(min-width: 576px){
.contact-form .form-group{
width:calc(50% - 15px)
}
}
.contact-form .form-group input{
border:1px solid rgba(255,255,255,.1);
border-radius:4px;
box-shadow:0px 2px 4px 0px rgba(0,0,0,.06);
height:57px;
padding:0 25px;
background:rgb(6 30 42);
color:#fff;
}
.contact-form .form-group input::placeholder{
color:rgba(255,255,255,.7)
}
.contact-form .form-group textarea{
border:1px solid rgba(255,255,255,.1);
border-radius:4px;
box-shadow:0px 2px 4px 0px rgba(0,0,0,.06);
padding:25px;
background:rgb(6 30 42);
color:#fff;
}
.contact-form .form-group textarea::placeholder{
color:rgba(255,255,255,.7)
}
.contact-form .form-group button{
height:55px
}
@media(max-width: 575px){
.contact-form{
margin-bottom:-20px
}
.contact-form .form-group{
margin-bottom:20px
}
}
.form-message{
font-size:1rem
}
.form-message.success{
color:#fff
}
.form-message.error{
color:#ff0052
}
.about-section{
padding-bottom:110px;
padding-top: 130px;
}
.about-section .cta-wrapper{
padding: 50px 0;
background-color: #ffffff1c;
}
.about-section .section-header{
text-align:left
}
@media(min-width: 992px){
.about-section .section-header{
max-width:80%
}
}
@media(min-width: 768px){
.about-wrapper{
padding-left:30px
}
}
.about-item{
gap:20px
}
.about-item:not(.about-item:last-child){
margin-bottom:25px
}
.about-item .about-item-thumb{
width:70px;
height:70px;
display:grid;
place-items:center;
border-radius:100%;
background-color:#ff0052
}
.about-item .about-item-thumb:before,.about-item .about-item-thumb:after{
animation-play-state:paused;
opacity:1
}
.about-item .about-item-thumb:before{
opacity:0;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
height:100%;
width:100%;
border:8px solid rgba(255,255,255,.3);
border-radius:100%;
animation-name:ripple;
animation-duration:2s;
animation-delay:0s;
animation-iteration-count:infinite;
animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);
z-index:-1;
border-width:25px
}
.about-item .about-item-thumb:after{
opacity:0;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
content:"";
height:100%;
width:100%;
border:8px solid rgba(255,255,255,.3);
border-radius:100%;
animation-name:ripple;
animation-duration:2s;
animation-delay:.3s;
animation-iteration-count:infinite;
animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);
z-index:-1;
border-width:15px
}
.about-item .about-item-content{
width:calc(100% - 90px)
}
.about-item:hover .about-item-thumb:before,.about-item:hover .about-item-thumb:after{
animation-play-state:running
}
.about-content p{
color: #fff;
}
.abt-content{
color: #fff;
}
.about-content h2{
color: #000;
}
.match-section{
background-size:cover;
background-position:center
}
.section-headerabt h2{
color: #fff;
font-size: 40px;
text-transform: none;
}
.section-headerabt span{
color: #9D64FF;
}
.player-slider{
overflow:hidden;
margin:0 -0.75rem
}
.testimonial-section{
background-position:center;
background-size:contain;
background-repeat:no-repeat
}
.blog-single .section-wrapper .post-item-2 .post-inner:hover{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.blog-single .section-wrapper .post-item-2 .post-inner .post-content p,.blog-single .section-wrapper .post-item-2 .post-inner .post-content img{
margin-bottom:20px
}
@media(max-width: 991px){
.location-map{
margin-bottom:15px
}
}
.location-map #map{
height:435px;
width:100%
}
.location-map #map iframe{
height:100%;
width:100%;
border:none
}
.contact-form-wrapper .contact-form p{
max-width:610px
}
.contact-form-wrapper .contact-form form.comment-form input[type=text],.contact-form-wrapper .contact-form form.comment-form [type=email]{
border:1px solid #ecf0f3;
background:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
@media(min-width: 576px){
.contact-form-wrapper .contact-form form.comment-form input[type=text],.contact-form-wrapper .contact-form form.comment-form [type=email]{
width:calc(100% / 2 - 15px)
}
}
.contact-form-wrapper .contact-form form.comment-form textarea{
background:#fff;
border:1px solid #ecf0f3;
padding:10px 15px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.contact-form-wrapper .contact-form form.comment-form input,.contact-form-wrapper .contact-form form.comment-form textarea{
outline:none;
border:none
}
.contact-form-wrapper .contact-form form.comment-form button.default-button{
outline:none;
border:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.contact-info-wrapper{
padding-left:30px
}
@media(max-width: 991px){
.contact-info-wrapper{
margin-top:50px;
padding-left:0
}
}
.contact-info-wrapper .contact-info-title p{
max-width:280px;
margin-bottom:30px
}
@media(max-width: 991px){
.contact-info-wrapper .contact-info-content{
display:flex;
flex-wrap:wrap
}
}
@media(max-width: 991px){
.contact-info-wrapper .contact-info-content .contact-info-item{
margin-right:30px;
margin-bottom:30px
}
}
@media(min-width: 992px){
.contact-info-wrapper .contact-info-content .contact-info-item{
margin-bottom:30px
}
.contact-info-wrapper .contact-info-content .contact-info-item:last-child{
margin-bottom:0
}
}
@media(max-width: 991px){
.contact-info-wrapper .contact-info-content .contact-info-item .contact-info-inner{
display:flex;
flex-wrap:wrap;
align-items:center
}
.contact-info-wrapper .contact-info-content .contact-info-item .contact-info-inner .contact-info-thumb{
margin-bottom:0;
margin-right:15px
}
}
.contact-info-wrapper .contact-info-content .contact-info-item .contact-info-inner .contact-info-thumb{
margin-bottom:15px
}
.contact-info-wrapper .contact-info-content .contact-info-item .contact-info-inner .contact-info-details span{
color:#000
}
.shop-page .section-header h4 span{
font-weight:400
}
.shop-page .sidebar-widget .widget-search{
border:none;
box-shadow:0 0 10px rgba(136,136,136,.1)
}
.shop-page .sidebar-widget .widget-search form input{
border:1px solid #ecf0f3
}
.shop-page .shop-title{
padding:16px 20px;
background:#232a5c;
box-shadow:0 0 10px rgba(136,136,136,.1)
}
.shop-page .shop-title p{
color:#fff
}
.shop-page .shop-title .product-view-mode a{
color:#fff;
cursor:pointer;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.shop-page .shop-title .product-view-mode a:last-child{
margin-left:5px
}
.shop-page .shop-product-wrap{
height:auto !important
}
.shop-page .shop-product-wrap.grid{
height:auto
}
.shop-page .shop-product-wrap.grid .product-list-item{
display:none
}
.shop-page .shop-product-wrap.list .col-12{
flex:0 0 100%;
max-width:100%
}
.shop-page .shop-product-wrap.list .product-item{
display:none
}
.shop-page .shop-product-wrap .product-item,.shop-page .shop-product-wrap .product-list-item{
padding:10px;
background:#232a5c;
-webkit-animation-name:zoomIn;
animation-name:zoomIn;
-webkit-animation-duration:.5s;
animation-duration:.5s;
box-shadow:0 0 10px rgba(136,136,136,.1);
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.shop-page .shop-product-wrap .product-item:hover .product-thumb .pro-thumb::after,.shop-page .shop-product-wrap .product-list-item:hover .product-thumb .pro-thumb::after{
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
.shop-page .shop-product-wrap .product-item:hover .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-list-item:hover .product-thumb .product-action-link{
opacity:1;
z-index:9;
bottom:50%;
transform:translate(-50%, 50%)
}
.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb::after,.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb::after{
top:0;
left:0;
background:rgba(35,42,92,.7);
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb img,.shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb img{
transform-origin:left
}
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link{
opacity:0;
bottom:-100%;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link a,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link a{
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:100%;
color:#fff;
margin:5px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.shop-page .shop-product-wrap .product-item .product-thumb .product-action-link a.view-modal,.shop-page .shop-product-wrap .product-list-item .product-thumb .product-action-link a.view-modal{
cursor:pointer
}
.shop-page .shop-product-wrap .product-item .product-content,.shop-page .shop-product-wrap .product-list-item .product-content{
padding-top:20px;
text-align:center
}
.shop-page .shop-product-wrap .product-item .product-content h5,.shop-page .shop-product-wrap .product-list-item .product-content h5{
margin-bottom:5px
}
.shop-page .shop-product-wrap .product-item .product-content h5 a,.shop-page .shop-product-wrap .product-list-item .product-content h5 a{
text-decoration:none;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.shop-page .shop-product-wrap .product-item .product-content p,.shop-page .shop-product-wrap .product-list-item .product-content p{
margin-bottom:5px
}
.shop-page .shop-product-wrap .product-item .product-content p i,.shop-page .shop-product-wrap .product-list-item .product-content p i{
color:#fff
}
@media(min-width: 768px){
.shop-page .shop-product-wrap .product-list-item .product-thumb{
width:35%
}
}
.shop-page .shop-product-wrap .product-list-item .product-content{
text-align:left;
padding-left:20px
}
@media(min-width: 768px){
.shop-page .shop-product-wrap .product-list-item .product-content{
width:65%
}
}
.shop-page .modal.show{
display:block;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
visibility:visible;
pointer-events:visible;
z-index:99999999;
-webkit-animation:slideInDown .4s forwards;
animation:slideInDown .4s forwards;
overflow-y:scroll;
background:#000
}
.shop-page .modal .modal-dialog .modal-content button.close{
width:40px;
height:40px;
top:0;
right:0px;
background:#ff0052;
z-index:9;
color:#fff;
text-shadow:none;
opacity:1;
outline:none;
border:none
}
.shop-page .modal .modal-dialog .modal-content .modal-body{
background:#232a5c
}
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .product-content{
margin-top:30px
}
@media(min-width: 576px){
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .product-content{
margin-top:0
}
}
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .product-content p i{
color:#e9ba17
}
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .cart-button{
margin-top:30px
}
.shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .cart-button .default-button{
margin-left:20px
}
.shop-single .sidebar-widget .widget-search{
border:none
}
.shop-single .sidebar-widget .widget-search form input{
border:1px solid #ecf0f3
}
.shop-single .product-details{
padding:20px;
margin-bottom:40px;
box-shadow:0 0 10px rgba(136,136,136,.1);
background:#232a5c
}
.shop-single .product-details .product-thumb .pro-single-top{
margin-bottom:20px
}
.shop-single .product-details .product-thumb .pro-single-top .single-thumb img{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.shop-single .product-details .product-thumb .pro-single-thumbs{
max-width:80%;
margin:auto
}
.shop-single .product-details .product-thumb .pro-single-thumbs .single-thumb img{
cursor:pointer;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.shop-single .product-details .product-thumb .pro-single-prev,.shop-single .product-details .product-thumb .pro-single-next{
cursor:pointer;
width:24px;
height:60px;
line-height:60px;
font-size:15px;
text-align:center;
background:#f6f6f9;
bottom:15px;
outline:none
}
.shop-single .product-details .product-thumb .pro-single-prev{
right:0
}
.shop-single .product-details .product-thumb .pro-single-next{
left:0
}
.shop-single .product-details .post-content{
padding-top:30px
}
@media(min-width: 768px){
.shop-single .product-details .post-content{
padding-top:0
}
}
.shop-single .product-details .post-content h6{
font-size:18px;
font-weight:500
}
.shop-single .product-details .post-content p.rating i{
color:#e9ba17
}
.shop-single .product-details .post-content form .select-product{
background:#fff;
margin-bottom:20px
}
@media(min-width: 576px){
.shop-single .product-details .post-content form .select-product{
width:48%
}
}
.shop-single .product-details .post-content form .select-product select{
height:40px;
outline:none;
-webkit-appearance:none;
z-index:1;
background:transparent;
padding-left:20px;
font-size:14px
}
.shop-single .product-details .post-content form .select-product i{
top:0;
right:0;
width:40px;
height:40px;
line-height:40px;
border:1px solid #ecf0f3;
text-align:center;
z-index:0;
color:#000
}
.shop-single .product-details .post-content form .cart-plus-minus{
margin-bottom:20px
}
@media(min-width: 576px){
.shop-single .product-details .post-content form .cart-plus-minus{
margin-bottom:0;
margin-left:0
}
}
.shop-single .product-details .post-content form .cart-plus-minus input{
background:#fff
}
@media(min-width: 576px){
.shop-single .product-details .post-content form .discount-code{
width:50%
}
}
@media(min-width: 1200px){
.shop-single .product-details .post-content form .discount-code{
width:60%
}
}
.shop-single .product-details .post-content form .discount-code input{
background:#fff
}
.shop-single .product-details .post-content form .default-button{
margin-top:20px;
box-shadow:none;
outline:none;
border:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
line-height:50px
}
.shop-single .review{
background:#232a5c;
box-shadow:0 0 10px rgba(136,136,136,.1)
}
.shop-single .review .review-nav li{
list-style:none;
padding:13px 33px;
background:#06264d;
font-size:16px;
font-weight:700;
color:#fff;
margin-right:10px;
cursor:pointer
}
.shop-single .review .review-nav li:last-child{
margin-right:0
}
.shop-single .review .review-content.review-content-show .review-showing{
display:block
}
.shop-single .review .review-content.description-show .description{
display:block
}
.shop-single .review .review-content .review-showing{
display:none;
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
-webkit-animation-duration:1s;
animation-duration:1s
}
.shop-single .review .review-content .review-showing .content li{
padding:25px 30px;
list-style:none;
border-bottom:1px solid rgba(255,255,255,.1)
}
@media(min-width: 768px){
.shop-single .review .review-content .review-showing .content li{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between
}
}
.shop-single .review .review-content .review-showing .content li:last-child{
border-bottom:none
}
.shop-single .review .review-content .review-showing .content li .post-thumb{
width:70px;
height:70px;
border-radius:100%;
overflow:hidden
}
@media(min-width: 768px){
.shop-single .review .review-content .review-showing .content li .post-thumb{
margin-bottom:0
}
}
@media(min-width: 768px){
.shop-single .review .review-content .review-showing .content li .post-content{
width:calc(100% - 70px);
padding-left:20px
}
}
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta{
margin-bottom:5px
}
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on{
width:calc(100% - 110px)
}
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on a{
padding-right:20px;
font-size:18px;
font-weight:500;
text-decoration:none;
box-shadow:none;
line-height:28px;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .posted-on p{
line-height:30px
}
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .rating{
width:110px
}
.shop-single .review .review-content .review-showing .content li .post-content .entry-meta .rating i{
color:#ecb341
}
.shop-single .review .review-content .review-showing .client-review{
padding:30px;
border-top:1px solid rgba(255,255,255,.1)
}
.shop-single .review .review-content .review-showing .client-review .review-form .review-title{
margin-bottom:40px
}
.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5{
position:relative
}
.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5::before{
width:50px;
height:4px;
bottom:-20px;
border-radius:2px
}
.shop-single .review .review-content .review-showing .client-review .review-form .review-title h5::after{
border-bottom:4px dotted #ff0052;
width:20px;
bottom:-20px;
left:55px
}
.shop-single .review .review-content .review-showing .client-review .review-form form input{
padding:10px;
color:#fff
}
@media(max-width: 767px){
.shop-single .review .review-content .review-showing .client-review .review-form form .rating{
margin-bottom:20px
}
}
.shop-single .review .review-content .review-showing .client-review .review-form form .rating .rating-title{
padding-right:5px
}
.shop-single .review .review-content .review-showing .client-review .review-form form .rating ul li{
list-style:none
}
.shop-single .review .review-content .review-showing .client-review .review-form form .rating ul li i{
color:#e9ba17
}
.shop-single .review .review-content .review-showing .client-review .review-form form textarea{
padding:10px;
outline:none;
color:#fff
}
.shop-single .review .review-content .review-showing .client-review .review-form form button{
box-shadow:none;
cursor:pointer;
outline:none;
border:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:50px
}
.shop-single .review .review-content .description{
padding:30px;
display:none;
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
-webkit-animation-duration:1s;
animation-duration:1s
}
.shop-single .review .review-content .description .post-item{
flex-direction:row-reverse
}
.shop-single .review .review-content .description .post-item .post-thumb{
text-align:center
}
@media(min-width: 768px){
.shop-single .review .review-content .description .post-item .post-thumb{
width:calc(100% / 2)
}
}
.shop-single .review .review-content .description .post-item .post-content{
padding:30px 0
}
@media(min-width: 768px){
.shop-single .review .review-content .description .post-item .post-content{
width:calc(100% / 2)
}
}
.shop-single .review .review-content .description .post-item .post-content ul li{
padding:8px 0;
padding-left:30px
}
.shop-single .review .review-content .description .post-item .post-content ul li::before{
content:"";
top:8px;
left:0;
color:#e9ba17;
font-family:IcoFont !important
}
.shop-cart .section-wrapper .cart-top{
margin-bottom:40px;
box-shadow:0 0 10px rgba(136,136,136,.1);
background:#232a5c
}
.shop-cart .section-wrapper .cart-top table{
font-weight:700
}
@media(max-width: 767px){
.shop-cart .section-wrapper .cart-top table .cat-product .p-content{
display:none
}
}
@media(max-width: 767px){
.shop-cart .section-wrapper .cart-top table .cat-quantity .cart-plus-minus{
width:96px
}
.shop-cart .section-wrapper .cart-top table .cat-quantity .cart-plus-minus .cart-plus-minus-box{
width:96px
}
.shop-cart .section-wrapper .cart-top table .cat-quantity .cart-plus-minus .qtybutton{
width:30px
}
}
@media(max-width: 767px){
.shop-cart .section-wrapper .cart-top table .cat-price{
display:none
}
}
.shop-cart .section-wrapper .cart-top table thead tr th{
color:#fff;
padding:18px;
border:none;
text-transform:uppercase
}
@media(max-width: 575px){
.shop-cart .section-wrapper .cart-top table thead tr th{
font-size:14px;
padding:10px
}
}
.shop-cart .section-wrapper .cart-top table thead tr th:last-child{
text-align:right
}
.shop-cart .section-wrapper .cart-top table tbody tr{
border-bottom:1px solid rgba(255,255,255,.1);
border-right:none;
border-left:none;
border-top:none
}
.shop-cart .section-wrapper .cart-top table tbody tr:last-child{
border-bottom:none
}
.shop-cart .section-wrapper .cart-top table tbody tr td{
padding:10px;
border:none
}
@media(min-width: 768px){
.shop-cart .section-wrapper .cart-top table tbody tr td{
padding:20px
}
}
.shop-cart .section-wrapper .cart-top table tbody tr td:last-child{
text-align:right
}
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item{
align-items:center
}
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-thumb{
width:50px;
margin:auto
}
@media(min-width: 768px){
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-thumb{
width:85px
}
}
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-content{
width:calc(100% - 85px);
padding-left:10px
}
@media(max-width: 767px){
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-content{
display:none
}
}
.shop-cart .section-wrapper .cart-top table tbody tr td.product-item .p-content a{
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
text-transform:uppercase;
font-family:"Oswald",sans-serif
}
@media(max-width: 767px){
.shop-cart .section-wrapper .cart-top table tbody tr td.cat-toprice,.shop-cart .section-wrapper .cart-top table tbody tr td.cat-edit{
text-align:center;
font-size:14px
}
}
.shop-cart .section-wrapper .cart-top table tbody tr td input{
background:#fff
}
.shop-cart .section-wrapper .cart-bottom{
box-shadow:0 0 10px rgba(136,136,136,.1);
background:#232a5c
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box{
padding:30px
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .coupon{
max-width:340px;
display:flex
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .coupon input{
padding:18px 10px;
border:1px solid #ecf0f3;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .coupon input[type=submit]{
color:#fff;
font-weight:500;
margin-left:-10px;
cursor:pointer;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout{
margin-top:30px
}
@media(min-width: 992px){
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout{
max-width:390px;
text-align:right;
margin-top:0
}
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input[type=submit]{
padding:10px 30px;
border:1px solid #ecf0f3;
width:auto;
cursor:pointer;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear
}
@media(max-width: 575px){
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input[type=submit]{
width:100%;
margin-bottom:15px
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input[type=submit]:last-child{
margin-bottom:0
}
}
.shop-cart .section-wrapper .cart-bottom .cart-checkout-box .cart-checkout input[type=submit]:hover{
border-color:#ff0052
}
.shop-cart .section-wrapper .cart-bottom .shiping-box{
padding:30px 20px;
border-top:1px solid rgba(255,255,255,.1)
}
@media(max-width: 767px){
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping{
margin-bottom:30px
}
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select{
margin-bottom:20px;
position:relative
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select select{
padding:18px 20px;
background:transparent;
z-index:1;
-webkit-appearance:none;
-moz-appearance:none;
border:1px solid #ecf0f3;
position:relative;
outline:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
@media(min-width: 992px){
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select.shipping-select{
width:50%;
float:left
}
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .outline-select .select-icon{
top:0;
right:0;
padding:15px 20px;
color:#fff;
border:1px solid #ecf0f3;
border-radius:0px 3px 3px 0px;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .cart-page-input-text{
float:right;
padding:19px 20px;
font-size:14px;
margin-bottom:22px;
border:1px solid #ecf0f3;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
@media(min-width: 992px){
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping .cart-page-input-text{
width:45%
}
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .calculate-shiping button{
border:none;
outline:none;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:56px
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li{
list-style:none;
border:1px solid #ecf0f3;
padding:15px 20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li span{
color:#000
}
.shop-cart .section-wrapper .cart-bottom .shiping-box .cart-overview ul li .pull-right{
color:#ff0052
}
@media(max-width: 991px){
.achievement-section .section-wrapper{
overflow-x:auto
}
}
.achievement-area{
background:#232a5c
}
@media(max-width: 991px){
.achievement-area{
width:850px
}
}
.achievement-area ul{
border-color:rgba(255,0,82,.9)
}
.achievement-area ul li{
vertical-align:middle
}
.achievement-area ul li .nav-link{
border:none;
width:90px;
line-height:60px;
font-size:calc(1.3125rem + 0.75vw);
color:#fff !important
}
@media(min-width: 1200px){
.achievement-area ul li .nav-link{
font-size:1.875rem
}
}
.achievement-area ul li .nav-link::after{
width:100%;
height:100%;
left:0;
bottom:-15px;
opacity:0;
-webkit-transition:.3s all linear;
-moz-transition:.3s all linear;
transition:.3s all linear;
background-image:-webkit-linear-gradient(90deg, #ff0052 0%, rgba(255, 0, 82, 0) 80%);
background-image:-ms-linear-gradient(90deg, #ff0052 0%, rgba(255, 0, 82, 0) 80%)
}
.achievement-area ul li .nav-link.active{
background-color:transparent
}
.achievement-area ul li .nav-link.active::after{
opacity:1
}
.achievement-area .tab-content .table tbody tr{
vertical-align:middle;
border-color:rgba(255,255,255,.1)
}
.achievement-area .tab-content .table tbody tr:last-child{
border-color:#232a5c
}
.achievement-area .tab-content .table tbody tr td{
padding:20px 0
}
.account-wrapper{
border-radius:8px;
box-shadow:0px 2px 4px 0px rgba(0,0,0,.06);
background:#fff;
padding:25px 25px;
text-align:center;
max-width:400px;
margin:0 auto 15px
}
@media(max-width: 767px){
.account-wrapper{
padding:50px 40px
}
}
@media screen and (max-width: 499px){
.account-wrapper{
padding:40px 15px
}
}
.account-wrapper .cate{
font-style:normal
}
.account-wrapper .cate a{
font-weight:600;
color:#ff0052
}
.account-wrapper .cate a:hover{
color:#ff0052
}
.account-bottom .subtitle{
margin-bottom:10px
}
@media(min-width: 576px){
.account-bottom .subtitle{
font-size:20px
}
}
.account-form .form-group{
margin-bottom:15px
}
.account-form .form-group input{
width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:rgba(255,255,255,.1);
box-shadow:0px 2px 4px 0px rgba(0,0,0,.06);
padding:10px 15px;
color:#3c4858;
border:none;
line-height:22px;
border:1px solid rgba(60,72,88,.3)!important;
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #b4becc;
outline: 0;
box-shadow:none;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{
box-shadow:none;
}
.account-form .form-group .checkgroup{
flex-wrap:nowrap;
align-items:center
}
.account-form .form-group .checkgroup input[type=checkbox]{
width:18px;
height:18px;
margin-right:15px
}
@media(max-width: 575px){
.account-form .form-group .checkgroup input[type=checkbox]{
width:14px;
height:14px;
margin-right:8px
}
}
.account-form .form-group .checkgroup label{
margin:0;
color:#fff
}
@media(max-width: 575px){
.account-form .form-group .checkgroup label{
font-size:14px
}
}
.account-form .form-group a{
color:#fff;
text-decoration:underline
}
@media(max-width: 575px){
.account-form .form-group a{
font-size:14px
}
}
.account-form .form-group a:hover{
color:#ff0052
}
.account-form .form-group button{
margin-top:10 px;
width:100%;
border:none;
outline:none
}
@media(max-width: 575px){
.account-form .form-group button{
margin-top:24px
}
}
.or{
display:block;
margin:24px auto 40px;
width:36px;
height:36px;
line-height:36px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#ff0052;
position:relative;
font-size:14px;
text-transform:uppercase;
font-weight:500;
color:#fff
}
.or span{
position:relative;
z-index:1
}
.or::before,.or::after{
position:absolute;
content:"";
top:50%;
left:50%;
background:#ff0052;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:rgba(255,0,82,.3);
width:100%;
height:100%;
animation:pulse 2s linear infinite;
-webkit-animation:pulse 2s linear infinite;
-moz-animation:pulse 2s linear infinite;
opacity:0
}
.or::before{
animation-delay:1s;
-webkit-animation-delay:1s;
-moz-animation-delay:1s
}
@keyframes pulse{
0%{
-webkit-transform:translate(-50%, -50%) scale(1);
-ms-transform:translate(-50%, -50%) scale(1);
transform:translate(-50%, -50%) scale(1);
opacity:1
}
90%{
opacity:.5;
-webkit-transform:translate(-50%, -50%) scale(1.8);
-ms-transform:translate(-50%, -50%) scale(1.8);
transform:translate(-50%, -50%) scale(1.8)
}
100%{
opacity:0;
-webkit-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2)
}
}
@keyframes floating{
0%{
transform:translate(0, -10px)
}
50%{
transform:translate(0, 10px)
}
100%{
transform:translate(0, -10px)
}
}
.fore-zero .section-wrapper .zero-item{
padding:60px;
background:#232a5c;
box-shadow:0px 0px 10px 0px rgba(255,0,82,.2);
border-radius:5px
}
.fore-zero .section-wrapper .zero-item .zero-content .lab-btn{
color:#fff;
font-weight:700
}
.fore-zero .section-wrapper .zero-item .zero-content .lab-btn span{
color:#fff
}
/* how to play */
.how-section::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #2e0327;
opacity: .9;
}
.how-section {
position: relative;
}
.section-header {
margin-bottom: 55px;
}
.section-header__title {
display: inline-block;
color: #fff;
margin-bottom: 15px;
position: relative;
}
.how-item {
text-align: center;
padding: 0 25px;
position: relative;
}
.how-item::before {
position: absolute;
content: '';
width: 100%;
height: 0;
border: 1px dashed rgba(255, 200, 39, 0.7);
top: 60px;
}
div[class*='col']:last-child .how-item::before {
display: none;
}
@media (max-width: 575px){
div[class*='col'] .how-item::before {
display: none;
}
}
.how-item.active .how-item__thumb{
background: linear-gradient(0deg, #ff9c19 40%, #ffdd2d 110%);
}
.how-item__thumb{
display: flex;
align-items: center;
justify-content: center;
box-shadow: -4.828px -4.828px 12px 0px rgba(255, 200, 39, 0.4), 3px 5px 15px 0px rgba(255, 82, 1, 0.2);
}
.bg_img {
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
}
.how-item__thumb {
width: 120px;
height: 120px;
background: #350b2d;
border-radius: 50%;
font-size: 46px;
margin: 0 auto 30px;
position: relative;
}
.how-item:hover .how-item__thumb, .how-item.active .how-item__thumb, .how-item__thumb .badge{
background: linear-gradient(0deg, #ff9c19 40%, #ffdd2d 110%);
}
.how-item__thumb .badge {
position: absolute;
right: -10px;
top: 10px;
width: 30px;
height: 30px;
color: #1f1f23 !important;
}
.badge.badge--round {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 7px;
line-height: 0.75;
font-size: 14px;
font-weight: 500;
}
.how-item:hover .how-item__thumb, .how-item.active .how-item__thumb {
color: #1f1f23;
}
.how-section .container {
position: relative;
z-index: 1;
}
.footer-list li {
list-style: disc;
margin-left: 20px;
}
.footer-list li a {
margin-bottom: 12px;
}
.footericon{
display: flex;
flex-wrap: wrap;
margin: 0;
}
.footericon li{
margin-right: 15px;
}
.footericon li i{
border: 1px solid #fff;
padding: 10px;
}
/* game btn */
.game-button {
position: relative;
top: 0;
cursor: pointer;
text-decoration: none !important;
outline: none !important;
font-family: cursive;
font-size: 20px;
letter-spacing: 0.1em;
text-shadow: 2px 2px 1px #0066a2, -2px 2px 1px #0066a2, 2px -2px 1px #0066a2,
-2px -2px 1px #0066a2, 0px 2px 1px #0066a2, 0px -2px 1px #0066a2,
0px 4px 1px #004a87, 2px 4px 1px #004a87, -2px 4px 1px #004a87;
border: none;
margin: 15px 15px 30px;
background: repeating-linear-gradient(
45deg,
#3ebbf7,
#3ebbf7 5px,
#45b1f4 5px,
#45b1f4 10px
);
border-bottom: 3px solid rgba(16, 91, 146, 0.5);
border-top: 3px solid rgba(255, 255, 255, 0.3);
color: #fff !important;
border-radius: 8px;
padding: 8px 15px 10px;
box-shadow: 0 6px 0 #266b91, 0 8px 1px 1px rgba(0, 0, 0, 0.3),
0 10px 0 5px #12517d, 0 12px 0 5px #1a6b9a, 0 15px 0 5px #0c405e,
0 15px 1px 6px rgba(0, 0, 0, 0.3);
}
.game-button:hover {
top: 2px;
box-shadow: 0 4px 0 #266b91, 0 6px 1px 1px rgba(0, 0, 0, 0.3),
0 8px 0 5px #12517d, 0 10px 0 5px #1a6b9a, 0 13px 0 5px #0c405e,
0 13px 1px 6px rgba(0, 0, 0, 0.3);
}
.game-button::before {
content: "";
height: 10%;
position: absolute;
width: 40%;
background: #fff;
right: 13%;
top: -3%;
border-radius: 99px;
}
.game-button::after {
content: "";
height: 10%;
position: absolute;
width: 5%;
background: #fff;
right: 5%;
top: -3%;
border-radius: 99px;
}
/* end */
/* Section spacing */
.pt-5, .py-5 {
padding-top: 3rem!important;
}
.pb-2{
margin-bottom: 30px;
}
.ptb-70{
margin-top: 50px;
}
.account-wrapper h3{
color: #3c4858;
margin-bottom: 20px!important;
}
@media (min-width: 992px){
.pageheader-col{
padding: 150px 0;
}
}
/* pricing */
.main-head {
background: #0D1440;
box-shadow: 0px 1px 10px -6px rgba(0, 0, 0, .15);
padding: 1rem;
margin-bottom: 0;
margin-top: 5rem;
color: #fff;
font-weight: 500;
text-transform: uppercase;
border-radius: 4px;
font-size: 16px;
}
.pricing-table {
background: #fff;
box-shadow: 0px 1px 10px -6px rgba(0, 0, 0, .15);
padding: 2rem;
border-radius: 4px;
transition: .3s;
}
.pricing-table:hover {
box-shadow: 0px 1px 10px -4px rgba(0, 0, 0, .15);
}
.pricing-table .pricing-label {
border-radius: 2px;
padding: .25rem .5rem;
margin-bottom: 1rem;
display: inline-block;
font-size: 12px;
font-weight: 500;
}
.pricing-table h2 {
color: #ff7272;
font-size: 24px;
font-weight: 500;
}
.pricing-table h5 {
color: #B3B3B3;
font-size: 14px;
font-weight: 400;
}
.pricing-table .pricing-features {
margin-top: 2rem;
}
.pricing-table .pricing-features .feature {
font-size: 14px;
margin: .5rem 0;
color: #B3B3B3;
}
.pricing-table .pricing-features .feature span {
display: inline-block;
float: right;
color: #3b3b3b;
font-weight: 500;
}
.pricing-table .price-tag {
margin-top: 2rem;
text-align: center;
font-weight: 500;
}
.pricing-table .price-tag .symbol {
font-size: 24px;
}
.pricing-table .price-tag .amount {
letter-spacing: -2px;
font-size: 50px;
}
.pricing-table .price-tag .after {
color: #3b3b3b;
font-weight: 500;
}
.pricing-table .price-button {
display: block;
color: #fff;
margin-top: 2rem;
padding: .75rem;
border-radius: 2px;
text-align: center;
font-weight: 500;
transition: .3s;
}
.pricing-table .price-button:hover {
text-decoration: none;
}
.purple .pricing-label {
background: #cad2ff;
color: #627afe;
}
.purple .price-tag {
color: #627afe;
}
.purple .price-button {
background: #627afe;
}
.purple .price-button:hover {
background: #546dfe;
}
.turquoise .pricing-label {
background: #b9edee;
color: #44cdd2;
}
.turquoise .price-tag {
color: #44cdd2;
}
.turquoise .price-button {
background: #44cdd2;
}
.turquoise .price-button:hover {
background: #2dbcc4;
}
.red .pricing-label {
background: #ffc4c4;
color: #ff5e5e;
}
.red .price-tag {
color: #ff5e5e;
}
.red .price-button {
background: #ff5e5e;
}
.red .price-button:hover {
background: #f23c3c;
}
/* end */
.gradient-8 {
background: #2c6caf;
background: linear-gradient(50deg, #2c075f, #2c6caf);
}
.price-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.nav-pills-custom .nav-link {
color: #212529;
background: #fff;
position: relative;
}
.nav-pills-custom .nav-link.active {
color: #fff;
background: #c3394e;
}
/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
.nav-pills-custom .nav-link::before {
content: '';
display: block;
border-top: 8px solid transparent;
border-left: 10px solid #c3394e;;
border-bottom: 8px solid transparent;
position: absolute;
top: 50%;
right: -10px;
transform: translateY(-50%);
opacity: 0;
}
}
.nav-pills-custom .nav-link.active::before {
opacity: 1;
}
.text-center h4{
margin-bottom: 30px;
font-size: 28px;
}
.tabtext{
color: #212529;
font-style: italic;
margin-bottom: 1.5rem!important;
}
.btn-funkey {
box-shadow: 0px 5px 0px #6a1b1b;
border-color: transparent;
color: #a9310e;
background: linear-gradient(180deg, #fffec8, #df6126);
border-radius: 99px;
position: relative;
top: -10px;
transition: 0.15s all linear;
border: none;
}
.how-section1::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #111b49;
opacity: .8;
}
.how-section1 .container {
position: relative;
z-index: 1;
}
.btn-home{
margin: 10px auto;
width: 250px;
letter-spacing: 2px;
border-radius: 8px;
font-family: 'Skranji', cursive;
color: #ffc000;
font-size: 18px;
font-weight: 400;
text-shadow: 0 1px 3px #000;
text-align: center;
padding: 10px 0;
background: radial-gradient(circle, #022e47, #03141c);
border-top: 4px ridge #ffb000;
border-left: 4px groove #ffb000;
border-right: 4px ridge #ffb000;
border-bottom: 4px groove #ffb000;
box-shadow: inset 0px 0px 5px 3px rgba(1,1,1,0.3);
}
.btn-home:hover{
background: radial-gradient(circle, #e52b2b, #8b0000);
box-shadow: 0px 0 5px 5px rgba(255,255,255,0.2)
}
.btn-home:active{
background: radial-gradient(circle, #ec6a6a, #e52b2b);
box-shadow: 0px 0 5px 5px rgba(255,255,255,0.2);
}
.cta-content{
padding: 30px 40px;
}
/* counting */
.counter{
font-family: 'Poppins', sans-serif;
text-align: center;
width: 150px;
height: 160px;
padding: 50px 25px 25px;
margin: 0 18px;
background: #f3f3f35c;
position: relative;
z-index: 1;
border-radius: 20px;
box-shadow: 0px 27px 20px 0px #00000033;
}
.counter .counter-icon{
font-size: 35px;
line-height: 35px;
margin: 0 0 15px;
transition: all 0.3s ease 0s;
}
.counter:hover .counter-icon{ transform: rotateY(360deg); }
.counter .counter-value{
color: #fff;
font-size: 36px;
font-weight: 900;
line-height: 20px;
margin: 0 0 20px;
display: block;
transition: all 0.3s ease 0s;
}
.counter h3{
font-size: 15px;
font-weight: 500;
text-transform: none;
margin: 0 0 15px;
color: #fff;
}
@media screen and (max-width:990px){
.counter{ margin-bottom: 40px; }}
.title-withbg {
font-size: 40px;
color: #fff;
position: relative;
background: #2c3e50;
line-height: 45px;
display: inline-block;
padding: 8px 15px;
font-weight: 700;
margin-bottom: 40px;
text-transform: capitalize;
border-radius: 8px;
box-shadow: 2px 2px 4px rgb(44 62 80 / 34%);
}
.text-center h4 {
margin-bottom: 30px;
font-size:42px;
}
.bg-elements {
padding: 80px 0 0;
width: 100%;
height: 100%;
background: #7e7e7e36;
}
/* why androapps */
.our-proposal{
padding: 100px 0;
}
.our-proposal .shape-circle.pattern-dots {
left: 60%;
top: 0;
background-color: transparent;
background-image: radial-gradient(#edf4f8 2px,transparent 2px);
background-size: 10px 10px;
}
.fea.icon-sm {
height: 16px;
width: 16px;
}
.mr-2, .mx-2 {
margin-right: 0.5rem!important;
}
/* .mt-2{
color:#3c4858;
} */
.our-proposal h2{
color:#fff;
text-transform: capitalize;
}
.our-proposal span{
color: #9D64FF;
}
/* callus */
.product1_header-quote {
/* background: #2bb852; */
border: 2px solid #fff;
border-radius: 10px;
padding: 8px 20px;
}
.product1_header-quote:hover{
background: linear-gradient(90deg, #FFB800 0%, #CE6709 100%);
color: #fff;
border: none;
}
@media screen and (max-width: 450px){
.product1_header-quote .product1_inline {
display: none;
}}
@media screen and (max-width: 450px){
.product1_header-quote svg.product1_inline {
display: block;
height: 48px;
}}
@media screen and (max-width: 700px){
.product1_header-quote svg {
width: 32px;
height: 26px;
}
}
@media screen and (max-width: 700px){
.buyfullcode_header-quote {
padding: 16px 10px;
font-size: 13px;
}}
.tab li{
color: #474747;
}
.video-container {
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.video-container:hover {
transform: scale(1.02);
box-shadow: 0 16px 40px rgba(255, 255, 255, 0.2);
}
.video-frame iframe {
border-radius: 16px;
width: 100%;
height: 100%;
}
.video-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 64px;
color: rgba(255, 255, 255, 0.6);
pointer-events: none;
transition: color 0.3s ease;
}
.video-container:hover .video-overlay {
color: #ffc107;
}
.feature-list li {
margin-bottom: 6px;
line-height: 1.6;
list-style-type: disc;
}
.float{
position:fixed;
width:60px;
height:60px;
bottom:80px;
right:3px;
background-color:#02B129;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
margin-top:20px;
}
.my-float{
margin-top:16px;
}
.mockup{
width: 920px;
max-width: 100%;
}
.container.bring-to-front .imag{
right: 0;
padding: 0;
position: absolute;
}
/* new */
.nav-pills .nav-link{
border: 0;
background: #404040;
border-radius: 30px;
margin: 0 15px;
color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #9D64FF;
}
.nav-pills li {
display: inline-block;
float: none;
margin-bottom: 10px;
}
.nav{
display: block;
}
.overview-items .heading{
text-align: center;
padding: 20px;
}
.overview-items .heading h2{
font-size: 190%;
text-transform: none;
}
.overview-items .heading span{
color: #9D64FF;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-250px * 7));
}
}
.slider {
height: 150px;
margin: auto;
overflow: hidden;
position: relative;
width: auto;
}
.slider .slide-track {
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 14);
}
.slider .slide {
height: 100px;
width: 250px;
}
.client-area {
margin-top: 50px;
margin-bottom: 100px;
}
.heading{
margin-bottom: 50px;
}
.client-area .heading h2{
color: #fff;
font-size: 40px;
text-transform: none;
}
.client-area .heading span {
color: #9D64FF;
}
.client-area .heading p {
font-family: Poppins;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.22em;
text-align: center;
margin-bottom: 0;
}
/* game */
.cardgame{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
padding: 0;
}
.cardgame .card1{
justify-content: center;
display: flex;
padding: 70px 25px;
background: linear-gradient(180deg, #ACACAC 0%, #444444 100%);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.main-image {
transition: transform 0.5s ease;
}
.additional-images {
position: absolute;
top: 100%;
left: 0;
width: 200px;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease;
}
.cardgame .card1:hover .main-image{
opacity: 0;
visibility: hidden;
}
.cardgame .card1:hover .additional-images {
opacity: 1;
visibility: visible;
}
.cardgame .card1:hover{
background: linear-gradient(180deg, #FFF500 0%, #FE8B21 100%);
}
.card1 .additional-images img {
transition: opacity 0.5s ease, transform 0.5s ease;
}
.card1:hover .image-one {
transition: 0.5s all ease-in-out;
transform: scale(1.1);
top: -290px;
left: 26px;
position: absolute;
width: 170px;
}
/* Transition for image-two (left to right) */
.card1:hover .image-two {
opacity: 1;
transform: translate(100%, 0);
position: absolute;
top: -228px;
left: -169px;
}
/* Transition for image-three (right to left) */
.card1:hover .image-three {
opacity: 1;
transform: translate(-100%, 0);
position: absolute;
top: -222px;
right: -170px;
}
/* secondgame */
.cardgame .card2{
justify-content: center;
display: flex;
padding: 70px 25px;
background: linear-gradient(180deg, #ACACAC 0%, #444444 100%);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.cardgame .card2:hover .main-image{
opacity: 0;
visibility: hidden;
}
.cardgame .card2:hover .additional-images {
opacity: 1;
visibility: visible;
}
.cardgame .card2:hover{
background: linear-gradient(180deg, #61ABF0 0%, #406F9A 100%);
}
.card2 .additional-images img {
transition: opacity 0.5s ease, transform 0.5s ease;
}
.card2:hover .image-one {
transition: 0.5s all ease-in-out;
transform: scale(1.1);
top: -290px;
left: 26px;
position: absolute;
width: 170px;
}
.card2:hover .image-two {
opacity: 1;
transform: translate(100%, 0);
position: absolute;
top: -168px;
width: 120px;
left: -117px;
}
.card2:hover .image-three {
opacity: 1;
transform: translate(-100%, 0);
position: absolute;
top: -125px;
width: 100px;
right: -120px;
}
/* thirdgame */
.cardgame .card3{
justify-content: center;
display: flex;
padding: 0;
background: linear-gradient(180deg, #ACACAC 0%, #444444 100%);
border-radius: 10px;
position: relative;
align-items: center;
/* display: inline-block; */
overflow: hidden;
}
.cardgame .card3:hover .main-image{
opacity: 0;
visibility: hidden;
}
.cardgame .card3:hover .additional-images {
opacity: 1;
visibility: visible;
}
.cardgame .card3:hover{
background: linear-gradient(180deg, #C274FF 0%, #8028AA 100%);
}
.card3 .additional-images img {
transition: opacity 0.5s ease, transform 0.5s ease;
}
.card3:hover .image-one {
transition: 0.5s all ease-in-out;
transform: scale(1.1);
top: -290px;
left: 26px;
position: absolute;
width: 170px;
}
.card3:hover .image-two {
opacity: 1;
transform: translate(100%, 0);
position: absolute;
top: -162px;
left: -122px;
width: 120px;
}
.card3:hover .image-three {
opacity: 1;
transform: translate(-100%, 0);
position: absolute;
top: -167px;
right: -150px;
width: 115px;
}
.card3:hover .image-four {
opacity: 1;
transform: translateY(-100%);
position: absolute;
top: 0;
width: 140px;
right: 23px;
}
/* fourgame */
.cardgame .card4{
justify-content: center;
display: flex;
padding: 70px 15px;
background: linear-gradient(180deg, #ACACAC 0%, #444444 100%);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.cardgame .card4:hover .main-image{
opacity: 0;
visibility: hidden;
}
.cardgame .card4:hover .additional-images {
opacity: 1;
visibility: visible;
}
.cardgame .card4:hover{
background: linear-gradient(180deg, #FF6868 0%, #FF2626 100%);
}
.card4 .additional-images img {
transition: opacity 0.5s ease, transform 0.5s ease;
}
.card4:hover .image-one {
transition: 0.5s all ease-in-out;
transform: scale(1.1);
top: -290px;
left: 26px;
position: absolute;
width: 170px;
}
.card4:hover .image-two {
opacity: 1;
transform: translateY(-100%);
position: absolute;
top: 0;
right: 20px;
width: 125px;
}
/* fifthgame */
.cardgame .card5{
justify-content: center;
display: flex;
padding: 70px 25px;
background: linear-gradient(180deg, #ACACAC 0%, #444444 100%);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.cardgame .card5:hover .main-image{
opacity: 0;
visibility: hidden;
}
.cardgame .card5:hover .additional-images {
opacity: 1;
visibility: visible;
}
.cardgame .card5:hover{
background: linear-gradient(180deg, #8AFE9C 0%, #14A334 100%);
}
.card5 .additional-images img {
transition: opacity 0.5s ease, transform 0.5s ease;
}
.card5:hover .image-one {
transition: 0.5s all ease-in-out;
transform: scale(1.1);
top: -320px;
left: 25px;
position: absolute;
width: 170px;
}
.card5:hover .image-two {
opacity: 1;
transform: translateY(-100%);
position: absolute;
top: 0;
right: 0;
width: 165px;
}
/* end */
.cardgame .mobviewcard {
text-align: center;
}
.cardgame .mobviewcard img{
margin-bottom: 20px;
}
.slide-right {
width: 100%;
overflow: hidden;
}
.slide-right {
animation: 2s slide-right;
animation-delay: 2s;
}
@keyframes slide-right {
from {
margin-left: -500px;
}
to {
margin-left: 0%;
}
}
.marque-sec{
background: #3c383840;
border: 2px solid #ffffff1f;
border-left:none;
border-right:none;
padding: 15px;
margin-top: 50px;
}
.marque-sec ul{
display: inline-flex;
margin: 0;
}
.marque-sec ul li{
font-size: 20px;
margin-left: 60px;
font-weight: 600;
}
.marque-sec ul li span{
color: #FFE500;
}
.detail-game{
text-align: justify;
margin-bottom: 30px;
}
.detail-game h2{
text-transform: none;
margin: 20px 0;
font-size: 36px;
}
.detail-game .yellowco{
color: #FFE500;
}
.detail-game .purpleco{
color: #9D64FF;
text-decoration:underline;
}
.detail-game ul{
margin-left: 20px;
}
.detail-game p{
color: #CACACA;
}
.regar-game{
margin-top: 60px;
}
.regar-game .youtube-video iframe{
width: 100%;
}
.regar-game .play-icon{
cursor: pointer;
left: 0;
margin: 0 auto;
max-width: 100px;
opacity: .75;
position: absolute;
right: -15px;
top: 35%;
width: 20%;
z-index: 9;
}
.whychoose-game{
margin-top: 60px;
padding: 50px 0;
background-color: #ffffff1c;
}
.whychoose-game img{
animation: MoveUpDown 11s linear infinite;
-webkit-animation: moverdown 1s infinite alternate;
animation: moverdown 1s infinite alternate;
}
.whychoose-game .detail-game h2 span{
color: #9D64FF;
}
.naas{
top:0;
overflow: hidden;
}
.naas img{
height: 357px;
margin-left: 20px;
margin-top: 20px;
}
.demo-content{
margin: 60px 0;
}
.demo-cred {
background: #58585870;
border-radius: 20px;
border: 2px solid #ffffff1f;
height: fit-content;
}
.demo-cred table{
width: 100%;
text-align: center;
}
.demo-cred th, .demo-cred td {
padding: 4px 8px;
border-color: #6b6060;
border-right: 1px solid;
}
.bord-last{
border-right:none!important;
}
.bgcolr{
background-color: #6B6060;
border-right: none;
}
.bgcolr th{
border-right: none;
}
.demo-cred h6{
font-size: 20px;
text-transform: none;
}
.vid-wrapper iframe {
width: 183%;
height: 480px;
max-width: 184%;
border-radius: 20px;
}
.play-btn {
margin-left: 30px;
}
@media screen and (max-width: 780px) {
.vid-wrapper iframe {
width: 100%;
height: 300px;
}
.play-btn {
margin: 20px 0px 0px 0px;
}
}
.adminbg h6{
color: #000;
font-size: 20px;
text-transform: none;
}
.detail-bg p{
margin: 0;
}
.countingimg{
width:250px;
margin-top: -330px;
margin-left: 0px;
}
.salerating{
display: flex;
gap: 60px;
}
.salesgame p{
margin-bottom: 0;
}
.salesgame span{
color: #00FF47;
}
.ratinggame p{
margin-bottom: 0;
}
.ratinggame{
display: flex;
align-items: center;
gap: 7px;
}
.ratinggame .checked {
color: orange;
}
.ratinggame .half-checked {
color: gold;
}
.top-offer-detail h1{
margin-bottom: 0;
font-size: 36px;
text-transform: none;
letter-spacing: 4px;
font-weight: 800;
}
.top-offer-detail span {
color: #999999;
font-size: 24px;
font-weight: 600;
line-height: 48px;
letter-spacing: 0.11em;
text-transform: none;
}
.reviewgame{
display: flex;
gap: 38px;
margin-top: 10px;
}
.reviewgame .seall p{
color: #00FF47;
text-decoration: underline;
}
.offersgame{
display: flex;
gap: 17px;
}
.offerg{
background-color: #FF0000;
margin-bottom: 0;
border-radius: 6px;
padding: 5px;
}
.offerg p{
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
}
.seall{
display: flex;
align-items: center;
}
.seall h5{
font-size: 32px;
/* margin-left: 20px; */
margin-bottom: 0;
}
.seall .cross {
position: relative;
display: inline-block;
color: #A0A0A0;
font-size: 20px;
margin-bottom: 0;
}
.seall .cross::before, .cross::after {
content: '';
width: 100%;
position: absolute;
right: 0;
top: 50%;
}
.seall .cross::before {
border-bottom: 2px solid red;
-webkit-transform: skewY(-10deg);
transform: skewY(-10deg);
}
.seall .cross::after {
border-bottom: 2px solid red;
-webkit-transform: skewY(10deg);
transform: skewY(10deg);
}
.saleg p{
font-size: 16px;
margin: 17px 0 0 0;
}
.offerbtn button{
width: 80%;
padding: 15px;
font-size: 24px;
font-weight: 600;
border-radius: 10px;
margin-top: 15px;
background-color: #FFEA00;
text-emphasis-color: black;
color: black;
/*
margin-bottom: 20px; */
}
.offerbtn button a{
color: #000;
}
.gplatform{
display: flex;
gap: 105px;
border-bottom: 1px solid #645555;
margin-top: 10px;
}
.gtec{
display: flex;
gap: 119px;
border-bottom: 1px solid #645555;
margin-top: 10px;
}
.leftplat p{
margin-bottom: 0;
color: #A0A0A0;
font-size: 14px;
}
.rightplat p{
margin-bottom: 0;
font-size: 14px;
}
.gtech{
display: flex;
gap: 70px;
border-bottom: 1px solid #645555;
margin-top: 10px;
}
.game-screen{
margin-top: 60px;
margin-bottom: 0px;
}
.game-screen .heading{
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.game-screen .heading h2{
text-transform: none;
font-size: 36px;
}
.game-screen .heading p{
color: #CACACA;
}
.game-screen .heading span{
color:#FEE401;
}
.game-screen img{
width: 180px;
height: auto;
}
.horizontal-screen img{
width: 450px;
height: auto;
margin-top: 188px;
}
.screens{
margin-bottom: 60px;
}
.screens h5{
text-transform: none;
color: #A4A4A4;
margin-top: 10px;
margin-bottom: 20px;
}
.screens ul{
list-style-type: circle;
color: #9B63FC;
font-size: 22px;
margin-left: 25px;
margin-top: 20px;
}
.screens ul span{
color: #fff;
font-size: 16px;
}
.hide{
display: none;
}
.myDIV:hover + .hide {
display: flex;
color: white;
background: #3c383840;
border: 2px solid #ffffff1f;
padding: 10px;
border-radius: 10px;
width: 250px;
height: 90px;
text-align: center;
margin-left: -40px;
position: absolute;
margin-top: -310px;
transform: translateY(29%);
align-items: center;
justify-content: center;
}
.myDIV{
transition: opacity 0.5s ease, transform 0.5s ease;
}
.myDIV:hover {
transform: translateY(8%);
}
.mobslider-section .heading{
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.mobslider-section .heading h2{
text-transform: none;
font-size: 36px;
}
.mobslider-section .heading p{
color: #CACACA;
}
.mobslider-section .heading span{
color:#FEE401;
}
.callsection{
margin: 60px 0;
}
.callsection .call-start{
background-color: #fff;
color: #000;
border-radius: 10px;
padding: 30px 0;
text-align: center;
height: 230px;
}
.callsection .call-start h5{
color: #EC3D3D;
border-bottom: 1px solid #989898;
padding-bottom: 15px;
text-transform: none;
font-weight: 600;
}
.callsection .call-start p{
padding-top: 15px;
}
.callsection .call-start span{
color: #14AD11;
}
.productseemore{
text-align: center;
font-size: 22px;
}
.productseemore span{
color: #9D64FF;
text-decoration: underline;
}
.ratingsection{
padding: 60px 0;
}
.client-rating h3{
margin: 0;
font-size: 60px;
}
.client-rating h5{
margin: 5px;
text-transform: none;
font-size: 20px;
font-weight: 500;
}
.client-rating span{
color: #FFE500;
}
.client-rating h3 span{
color: #9D64FF;
}
.client-rating h3{
text-transform: none;
font-size: 30px;
margin-bottom: 18px;
}
.client-review{
background-color: #ffffff1c;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
}
.client-review img{
margin-right: 20px;
width: 60px;
}
.client-review p{
margin: 0;
display: flex;
justify-content: end;
}
.client-review .test-name .checked {
color: orange;
}
.client-review .test-name h5{
color: #A6A6A6;
text-transform: none;
}
/* faq */
.faqs{
overflow: hidden;
}
.faqs .owl-carousel .owl-stage-outer{
position: relative;
overflow: visible !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.faqs .heading{
text-align: center;
margin-top: 60px;
margin-bottom: 0px;
}
.faqs .heading h2{
text-transform: none;
font-size: 36px;
}
.faqs .heading p{
color: #fff;
font-size: 20px;
}
.faqs .heading span{
color:#FEE401;
}
.heading{
text-align: center;
margin-bottom: 60px;
}
.heading h2{
text-transform: none;
font-size: 36px;
}
.heading p{
color: #fff;
font-size: 18px;
}
.heading span{
color:#FEE401;
}
/* video popup */
.vid-wrapper {
/* text-align: center; */
padding: 0px;
}
.vid-wrapper iframe {
width: 100%;
height: auto;
}
.vid {
display: inline-block;
vertical-align: top;
position: relative;
padding: 2px;
cursor: pointer;
}
.vid::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
h2.vid-head {
font-size: 20px;
color: #333;
}
.video-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
background: rgba(0, 0, 0, .7);
cursor: pointer;
display: none !important;
}
.video-popup.show-video {
display: flex !important;
}
.iframe-wrapper {
position: relative;
}
.iframe-wrapper .close-video {
content: "x";
position: absolute;
width: 25px;
height: 25px;
top: -20px;
color: #000;
right: 0;
background: #ffffff;
border-radius: 50%;
background-size: cover;
font-size: 16px;
text-align: center;
}
/*================================================
Blog Area CSS
=================================================*/
.blog-area {
padding-bottom: 110px;
padding-top: 130px;
}
/* .single-blog-post {
margin-bottom: 30px;
background-color: #fff;
color: #000;
}
.single-blog-post .post-image {
overflow: hidden;
height: 250px;
}
.single-blog-post .post-content {
margin-top: 15px;
padding: 10px;
}
.single-blog-post .post-content h3 {
margin-bottom: 15px;
font-size: 18px;
}
.single-blog-post .post-content h3 a{
color: #000;
text-transform: none;
}
.single-blog-post .post-content .post-meta {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.single-blog-post .post-content .post-meta li {
margin-right: 20px;
position: relative;
color: #696969;
}
.single-blog-post .post-content .post-meta li::before {
content: '';
position: absolute;
right: -11px;
top: 10.8px;
width: 1px;
height: 14px;
background-color: #b3afaf;
}
.single-blog-post .post-content .post-meta li:last-child {
margin-right: 0;
}
.single-blog-post .post-content .post-meta li:last-child::before {
display: none;
}
.single-blog-post .post-content .post-meta li img {
width: 35px;
height: 35px;
border-radius: 50%;
margin-right: 5px;
}
.single-blog-post .post-content .post-meta li a {
color: #696969;
}
.single-blog-post .post-content .post-meta li a:hover {
color: var(--mainColor);
}
.single-blog-post:hover .post-image img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
} */
.single-blog-post {
margin-bottom: 30px;
background-color: #fff;
color: #000;
height: 100%;
display: flex;
flex-direction: column;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
/* Consistent Image Height */
.single-blog-post .post-image {
overflow: hidden;
height: 220px;
flex-shrink: 0;
}
.single-blog-post .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
/* Post Content fills the remaining space */
.single-blog-post .post-content {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px;
margin-top: 0; /* Remove margin-top to align better */
}
/* Title Styling */
.single-blog-post .post-content h3 {
margin-bottom: 10px;
font-size: 18px;
line-height: 1.4;
}
.single-blog-post .post-content h3 a {
color: #000;
text-decoration: none;
transition: color 0.3s ease;
}
.single-blog-post .post-content h3 a:hover {
color: var(--mainColor);
}
/* Post Meta Styling */
.single-blog-post .post-content .post-meta {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.single-blog-post .post-content .post-meta li {
margin-right: 20px;
position: relative;
color: #696969;
}
.single-blog-post .post-content .post-meta li::before {
content: '';
position: absolute;
right: -11px;
top: 10.8px;
width: 1px;
height: 14px;
background-color: #b3afaf;
}
.single-blog-post .post-content .post-meta li:last-child {
margin-right: 0;
}
.single-blog-post .post-content .post-meta li:last-child::before {
display: none;
}
.single-blog-post .post-content .post-meta li img {
width: 35px;
height: 35px;
border-radius: 50%;
margin-right: 5px;
}
.single-blog-post .post-content .post-meta li a {
color: #696969;
}
.single-blog-post .post-content .post-meta li a:hover {
color: var(--mainColor);
}
/* Image Hover Zoom */
.single-blog-post:hover .post-image img {
transform: scale(1.05);
}
/* .single-blog-post {
height: 100%;
display: flex;
flex-direction: column;
background-color: #1e1e1e;
color: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.single-blog-post .post-image img {
width: 100%;
height: 220px;
object-fit: cover;
}
.single-blog-post .post-content {
flex-grow: 1;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.single-blog-post h3 {
font-size: 18px;
margin-bottom: 10px;
flex-grow: 1;
}
.single-blog-post .post-meta {
font-size: 14px;
margin-top: 15px;
color: #ccc;
} */
/* blog-detail page */
.blog-details-area{
padding-bottom: 110px;
padding-top: 130px;
}
.blog-details-area .post-name{
display: flex;
justify-content: space-between;
padding: 0 25px 10px 25px;
}
.blog-details-area .post-name a{
color: #ffda00 ;
}
.blog-details-area .post-name ul{
list-style: none;
color: #ffda00;
font-weight: 600;
width: 18%;
}
.modal-header h5{
color: #fff;
}
.estemate-form .form-group {
margin-bottom: 20px;
}
.estemate-form .form-group .form-control {
background-color: transparent;
border: 1px solid #7BFF65;
height: 55px;
}
.estemate-form .form-group input{
color: #fff;
}
.estemate-form .form-group textarea{
background-color: transparent;
border: 1px solid #7BFF65;
color: #fff;
}
.estemate-form .default-btn {
color: #000;
background: linear-gradient(180deg, #FFF73C -5.13%, #DE960B 133.97%);
font-size: 16px;
padding: 13px 35px;
border-radius: 10px;
position: relative;
transition: all ease 0.5s;
z-index: 1;
}
.modal-content{
background-color: black !important;
border: 1px solid #7BFF65 !important;
box-shadow: 0px 4px 50px 0px #05FF0099 !important;
}
.modal-header{
border-bottom: none;
}
.btn-close{
opacity: inherit;
color: #fff;
}
.btn-close:hover{
color: #fff;
}
/* blog detail */
.widget-area{
position: sticky;
top: 107px;
height: 100vh;
}
.blog-details-desc{
background: #ffffff1c;
}
.blog-details-desc .article-content {
padding: 0 25px 10px 25px;
}
.blog-details-desc .article-content h1, .blog-details-desc .article-content h2, .blog-details-desc .article-content h3, .blog-details-desc .article-content h4{
font-size: 1.30rem;
}
.widget-area .widget{
background-color: #ffffff1c;
padding: 25px;
}
.widget-area .widget .widget-title {
margin-bottom: 25px;
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #5b5b5b;
font-size: 21px;
}
.widget-area .widget .widget-title::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 1px;
bottom: -1px;
background-color: #fff;
}
.widget-area .widget_drodo_posts_thumb .item .thumb {
float: left;
height: 80px;
overflow: hidden;
display: block;
position: relative;
width: 80px;
margin-right: 15px;
z-index: 1;
}
.widget-area .widget_drodo_posts_thumb .item {
overflow: hidden;
margin-bottom: 20px;
}
.widget-area .widget_drodo_posts_thumb .item .info {
overflow: hidden;
margin-top: 0px;
}
.widget-area .widget_drodo_posts_thumb .item .info .title {
margin-bottom: 0;
line-height: 1.4;
font-size: 16px;
font-weight: 700;
}
.widget-area .widget_drodo_posts_thumb .item .thumb img {
width: 80px;
height: 80px;
display: inline-block;
border-radius: 5px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center center !important;
}
.matchul .full-button {
display: inline-block; /* or 'block' if you want full width */
padding: 12px 20px;
background-color: #02B129; /* WhatsApp green */
color: white;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
text-align: center;
width: 100%; /* optional: makes it full width */
box-sizing: border-box;
}
.matchul .full-button:hover {
background-color: #1DA851;
color: white;
text-decoration: none;
}
.btn-style {
display: inline-block;
background-color: #02B129; /* WhatsApp green or customize */
color: white;
border: none;
text-align: center;
text-decoration: none;
width: 80%;
height: 40%;
padding: 15px;
font-size: 24px;
font-weight: 600;
border-radius: 10px;
margin-top: 15px;
}
/* .btn-style:hover {
background-color: #1DA851;
color: white;
text-decoration: none;
cursor: pointer;
} */
/* Optional if you want to distinguish WhatsApp button */
.whatsapp-btn {
background-color: #02B129;
}
.blog-details-desc .article-content p {
text-align: justify;
}