/*
Theme Name: Flixona
Author: Themes Daddy
Author URI: https://themesdaddy.com/
Theme URI: https://themesdaddy.com/themes/flixona-free/
Description: Lightning Fast Speed & Responsive Theme. Flixona is a responsive and fully customizable theme to create any kind of websites. The advanced admin panel will enable you to customize it without any technical knowledge. This theme is lightweight, it will enable you to create almost any type of website such a blog, portfolio, acting and shooting industry, total trendy news, newspaper, mega magazine, fashion, dark themes, petcare, animals wildlife, wooden architecture, plumbing contractor, painting estate, interior design, rooms furniture, home decoration, green floral nature, construction, corporate, multiple agency, business promotion, dark variation, industries, Beauty & spa salons, photography, gym, fitness, health, medical, startups, business agencies, law firms, travel, NGO, charity, yoga, kids education, training institute, university portal, restaurant, meta shop, quick magazines, mutual fund, finance, accounting, consulting ,travel agency website. Theme is fully compatible with popular WordPress plugins like Elementor Page Builder, Slider, Carousal, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, Gutenberg, Block-Enabled, WooCommerce, WPML, Yoast SEO, Shortcode, Jetpack, Contact Form 7, Mailchimp for WordPress, bbPress, Demo Importer, WPForms and more. Your WordPress website will never be let down with this theme. View the demo of Flixona Pro https://demo.themesdaddy.com/flixona-pro/
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
Version: 1.0.1
Tested up to: 6.8
Requires PHP: 5.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GNU General Public License v2 or later
Text Domain: flixona
Slug: flixona
Template: flixita
*/


:root {
    --bs-primary: #FFAA17;
    --bs-primary-dark:#dd8d02;
    --bs-primary-light: #ffaa1752;
    --bs-primary-shadow:rgb(0 123 255 / 0.5);
    --bs-secondary:#214462;
    --bs-secondary-dark: #000000; 
}


.flixona-theme .main-navbar .main-menu > li.dropdown > a:before {
    color: var(--bs-white);
}

.flixona-theme .navbar-area {
    justify-content: space-between;
}	
	
.flixona-theme .main-navigation .main-navbar .main-menu > li.menu-item:not(.focus):not(.active):not(:hover) > a:not(:focus):not(:hover) {
	color: var(--bs-white);
}

.flixona-theme .main-navigation.is-sticky-menu {
    background: var(--bs-secondary);
}

.flixona-theme .main-mobile-nav {
    background: var(--bs-secondary);
}

/* Info section Start */
.flixona-theme .info-section .widget-contact::before{
	display:none;
}

.flixona-theme .info-section .feature-box-inner {
    position: static;
    text-align: center;
}

.flixona-theme .info-section .contact-area {
    justify-content: center;
}

.flixona-theme .info-section .widget-contact{
	overflow: hidden;
    position: relative;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 20px;
    padding: 50px 20px 20px;
    transition: all 0.6s ease-in-out;
    background-color: var(--bs-secondary) !important;
    box-shadow: none;
    transform: translateY(-10px);
}

.flixona-theme .info-section .feature-box-icon {
    width: 117px;
    height: 117px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-gray-light);
    margin-bottom: 10px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.flixona-theme .info-section .widget-contact:hover .feature-box-icon i {
    background: var(--bs-secondary);
    width: 90px;
    height: 90px;
    line-height: 90px;
}

.flixona-theme .info-section .feature-box-icon i{
	animation:none;
}

.flixona-theme .info-section .feature-box-icon i, 
.flixona-theme .info-section .feature-box-icon img {
    font-size: 42px;
    width: 75px;
    height: 75px;
    line-height: 75px;
}

.flixona-theme .info-section .feature-box-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
    color:var(--bs-white);
}

.flixona-theme .info-section .fbox-content {
    color:var(--bs-white);
}

.flixona-theme .info-section .widget-contact:hover .feature-box-title ,
.flixona-theme .info-section .widget-contact:hover .fbox-content {
    color:var(--bs-secondary);
}

.flixona-theme .info-section .feature-box-inner:after {
	content: "";
    width: 330px;
    height: 330px;
    border-radius: 200px;
    background: var(--bs-primary);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    visibility: visible;
    opacity: 1;
    top: -205px;
}
.flixona-theme .info-section .widget-contact:hover .feature-box-inner:after { 
    background: var(--bs-secondary) ;
    transition: all 0.4s ease-in-out;
}
.flixona-theme .info-section .widget-contact:hover {
	background-color: var(--bs-primary)!important;
    box-shadow: none;
	transform: translateY(-10px);
}

.flixona-theme .info-section .feature-box-title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
	text-decoration:none;
}

.flixona-theme .info-section .feature-box-inner .arrow {
    position: relative;
    width: 50px;
    height: 50px;
    color: var(--bs-white);
    background: var(--bs-primary);
    font-size: 18px;
    line-height: 46px;
    font-weight: 600;
    margin: 10px 0; 
    border-radius: 50px;
    display: inline-block;
    text-decoration: none;
    border: 2px solid var(--bs-white);
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    text-align: center;
}

.flixona-theme .info-section .widget-contact:hover .feature-box-inner .arrow {
	color: var(--bs-white);
    background-color: var(--bs-secondary);
    transform: rotate(360deg);
}

/* Info section End */

/* Service section Start */

.flixona-theme .service-section .service-inner {
    position: relative;
    padding-bottom: 50px;
    border-bottom: none;
    box-shadow: none;
}

.flixona-theme .service-section .service-inner .service-img {
    position: relative;
    overflow: hidden;
}

.flixona-theme .service-section .service-inner .service-img img {
    width: 100%;
    height: auto;
    min-height: 320px !important;
    object-fit: cover;
}

.flixona-theme .service-section .service-inner .service-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 30px);
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0px;
}

.flixona-theme .service-section .service-inner .service-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.flixona-theme .service-section .service-inner .service-shape:after {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-radius: 50%;
    content: "";
    background-color:var(--bs-secondary);
    transition: .4s ease;
    border: 5px solid var(--bs-white);
}

.flixona-theme .service-section .service-inner:hover .service-shape:after {
    width: 160px;
    height: 160px;
}

.flixona-theme .service-section .service-inner .service-icon-img-wrap {
    position: relative;
    z-index: 1;
    width: 90px;
    height: 90px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -45px auto 14px;
    transition: .5s ease;
}
.flixona-theme .service-section .service-inner .service-icon-img-wrap i {
    color: var(--bs-white);
    font-size: 62px;
    display: contents;
}


.flixona-theme .service-section .service-inner:hover .service-content,
.flixona-theme .service-section .service-inner:hover .service-icon-img-wrap {
    background-color: var(--bs-primary);
}
.flixona-theme .service-section .service-inner:hover .service-icon-img-wrap:after{
    animation:none;
    border: 5px solid var(--bs-white);
    top: -5px;
    left: -5px;
}

.flixona-theme .service-section .service-inner .service-title {
    font-size: 24px;
    transition: .4s ease;
    margin: 25px 0 25px !important;
    position: relative;
    z-index: 1;
}
.flixona-theme .service-section .service-inner:hover .service-title {
    margin: 50px 0px 15px 0px !important;
}
.flixona-theme .service-section .service-inner .service-title a {
    color:var(--bs-white);
}
.flixona-theme .service-section .service-inner:hover .service-title a {
    color: var(--bs-secondary);
}
.flixona-theme .service-section .service-inner .service-title a:before{
    display:none;
} 

.flixona-theme .service-section .service-inner .service-excerpt{
    font-size: 16px;
    padding: 0 25px;
    height: 0;
    margin-bottom: 0;
    color: var(--bs-secondary);
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .55s cubic-bezier(.445,.05,.55,.95);
}

.flixona-theme .service-section .service-inner:hover .service-excerpt {
    height: 70px;
}

.flixona-theme .service-section .service-inner .btn.btn-primary.read-more {
    width: 100%;
    height: 50px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    padding: 14px 30px;
	display: inline-block;
    vertical-align: middle;
    border: none;
    color: var(--bs-white);
    transition: .5s;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1;
	text-decoration:none;
    background: var(--bs-secondary);
}

.flixona-theme .service-section .service-inner .service-img img {
    transition: transform 0.5s ease;
}

.flixona-theme .service-section .service-inner:hover .service-img img {
    transform: scale(1.1);
}
.flixona-theme .service-section .service-inner .read-more{
    color: var(--bs-secondary);
}
.flixona-theme .service-section .service-inner .read-sec {
    background: var(--bs-primary);
    padding: 10px 0;
}
.flixona-theme .service-section .service-inner:hover .read-more{
    color: var(--bs-primary);
}
.flixona-theme .service-section .service-inner:hover .read-sec {
    background: var(--bs-secondary);
	position: relative;
}

.flixona-theme .service-section .service-inner .read-more {
    border-bottom: none;
    font-weight: 600;
	color: var(--bs-secondary);
	text-decoration:none;
}

.flixona-theme .service-section .service-inner:hover .read-more {
	color: var(--bs-white);
}

.flixona-theme .service-section .service-inner .read-more i {
    rotate: -40deg;
    color: var(--bs-white);
    background: var(--bs-secondary);
    border-radius: 100%;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    margin-left: 3px;
    transition: all 200ms ease;
    font-size: 14px;
}

.flixona-theme .service-section .service-inner:hover .read-more i {
    background: var(--bs-white);
	color:var(--bs-primary);
	rotate: 0deg;
}

/* Service section End */
@media (min-width: 992px) and (max-width: 1199px){
	.flixona-theme .main-content h1 .primary {
		font-size: 2.5rem;
	}
}

.flixona-theme .main-content h4 {
    background: var(--bs-white);
    color: var(--bs-secondary);
    width: fit-content;
    align-items: center;
    height: 42px;
    line-height: 32px;
    border-radius: 60px;
    border: none;
    padding-left: 60px;
    padding-right: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
}

.flixona-theme .main-content h4 i {
    position: absolute;
    left: 0;
	top: 0;
	height: 42px;
    width: 42px;
	font-size: 20px;
    line-height: 20px;
    color: var(--bs-secondary);
    padding: 12px;
    background: var(--bs-primary);
    border-radius: 50px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.flixona-theme .main-content h4:hover {
    padding-left: 30px;
    padding-right: 60px;
}

.flixona-theme .main-content h4:hover i {
    left: calc(100% - 42px);
}


.flixona-theme .main-content h4:before {
   display:none;
}

.marquee-section {
    position: relative;
    padding: 12px 0;
    margin-top: 6.75rem;
}

.marquee-section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 90px;
    width: 100%;
    background-color: var(--bs-primary);
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.marquee-box {
    position: relative;
    --duration: 30s;
    --gap: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: var(--gap);
    background: var(--bs-white);
    padding: 30px 0;
    -webkit-transform: rotate(-1.33deg);
    transform: rotate(-1.33deg);
    -webkit-box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
    box-shadow: 0 10px 60px 0 rgba(171, 171, 171, .25);
}

.marquee-box .marquee-group {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap);
    min-width: 100%;
    -webkit-animation: scroll var(--duration) linear infinite;
    animation: scroll var(--duration) linear infinite;
}

.marquee-box .icon {
    margin-right: 20px;
    font-size: 35px;
	color: var(--bs-primary);
}

.marquee-box .text {
    position: relative;
    color: var(--bs-secondary);
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    padding-right: 105px;
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}


.flixona-theme .btn {
    border-radius: 50px !important;
}

.flixona-theme .btn:not(.btn-border-white) {
	color: var(--bs-secondary);
}

.btn-style-two .btn.btn-primary {
    border: none;
	transition: 0s;
	border-radius:0;
}

.btn-style-two .btn:hover,
.btn-style-two .btn:focus {
    color: #fff;
}

.btn-style-two .btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--bs-secondary);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    transition: transform 500ms cubic-bezier(0.85, 0, 0.08, 1), -webkit-transform 500ms cubic-bezier(0.85, 0, 0.08, 1);
    -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
    transition-timing-function: cubic-bezier(0.85, 0, 0.08, 1);
    z-index: -1;
}

.btn-style-two .btn:hover:before {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.flixona-theme .main-navigation.is-sticky-menu .main-menu-right .btn:hover:before, .main-menu-right .btn:focus:before {
    background-color: var(--bs-white);
}

.flixona-theme .main-navigation.is-sticky-menu .main-menu-right .btn:hover, .main-menu-right .btn:focus {
    color: var(--bs-secondary);
}

@media (min-width: 1400px) {
    .flixona-theme .container {
        max-width: 1400px;
    }
}

@media (min-width: 992px) {
	body.flixona-theme.admin-bar .main-header {
		top: 40px;
	}
    .flixona-theme .main-header {
        position: absolute;
        top: 20px;
        right: 0;
        left: 0;
        width: 100%;
        border-top: 0;
        margin: 0 auto;
        z-index: 99;
        background: transparent;
    }
	
	.flixona-theme .above-header:before {
		display:none;
	}
	
	.flixona-theme .above-header .widget-left, 
	.flixona-theme .above-header .widget-right {
		position: relative;
		overflow-y: clip;
	}
	.flixona-theme .above-header .widget-left:before {
        content: "";
        position: absolute;
        background: var(--bs-primary);
        top: 0;
		left: -12px;
        bottom: -1px;
        width: 95%;
        -webkit-clip-path: polygon(0 0, 100% 0%, 97% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0%, 97% 100%, 0 100%);
        z-index: 0;
    }
	
	
	.flixona-theme .above-header:after {
       display:none;
    }
	
	.flixona-theme .above-header .widget-left:after {
		content: "";
        position: absolute;
        background: var(--bs-primary);
        top: -2px;
        left: 93%;
        bottom: -3px;
        width: 4px;
        z-index: 0;
        transform: rotate(22deg);
	}
	
	.flixona-theme .above-header {
		background: none;
		border-bottom: none;
		animation-name: none !important;
	}
	
	.flixona-theme .above-header .row {
		background-color: var(--bs-secondary);
        border-radius: 20px 20px 0 0;
	}
	.flixona-theme .main-navigation:not(.is-sticky-menu) .row {
		background: rgb(0 0 0 / 0.5);
        border-bottom: 2px solid var(--bs-primary);
        border-right: 2px solid var(--bs-primary);
        border-left: 2px solid var(--bs-primary);
        border-radius: 0 0 20px 20px;
	}
    .flixona-theme .above-header .widget-left:before{
        border-radius: 20px 0 0 0;
    }
	.flixona-theme .main-header .main-navigation .container {
        position: relative;
    }

    .flixona-theme .main-header .main-navigation .container:before, .flixona-theme .main-header .main-navigation .container:after {
        content: "";
        width: 246px;
        height: 100%;
        position: absolute;
        top: -1px;
        left: 6px;
        background-color: var(--bs-secondary);
        clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
        border-radius: 0 0 0 20px;
    }

	.flixona-theme .main-header .main-navigation .container:before{
		z-index: 1;
	}
	
	.flixona-theme .main-header .main-navigation:not(.is-sticky-menu) .container:after {
        left: 10px;
        background-color: var(--bs-primary);
        z-index: 0;
    }
	
	.flixona-theme .main-header .main-navigation .logo {
        position: relative;
        z-index: 1;
    }
	.flixona-theme .breadcrumb-area {
		min-height: 330px;
	}
	.flixona-theme .breadcrumb-center .breadcrumb-content {
		padding: 180px 0 0;
	}
	.flixona-theme .main-slider div.main-content {
        margin-top: 10rem;
        margin-bottom: 6rem;
    }
	
	.flixona-theme .main-navigation {
		min-height: 100px;
	}
	
	.flixona-theme .main-content h4 {
        font-size: 1.2rem;
    }
	.flixona-theme .above-header .widget-left .contact-area a {
		color: var(--bs-secondary);
	}
	
	.flixona-theme .above-header .widget-right .contact-area a {
		color: var(--bs-primary);
	}
	
	.flixona-theme .above-header .widget-left .contact-corn {
		color: var(--bs-primary);
		background: var(--bs-secondary);
	}
	
	.flixona-theme .above-header .widget-right .contact-corn,
	.flixona-theme .widget_social_widget li a	{
		color: var(--bs-secondary);
		background: var(--bs-primary);
	}
	
	.flixona-theme .home-slider, 
	.flixona-theme .home-slider .owl-item img {
		min-height: 750px;
		object-fit: cover;
    }
}
	
@media only screen and (max-width: 1400px) and (min-width: 992px) {
    .flixona-theme .above-header .widget-left:after {
        transform: rotate(18deg);
		left: 98%;
    }
	.flixona-theme .above-header .widget-left:before {
		width: 100%;
	}
}