/*
Theme Name: Arvity
Author: Themes Daddy
Author URI: https://themesdaddy.com/
Theme URI: https://themesdaddy.com/themes/arvity-free/
Description: Lightning Fast Speed & Responsive Theme. Arvity 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 Arvity Pro https://demo.themesdaddy.com/arvity-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: 7.1
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: arvity
Slug: arvity
Template: flixita
*/


:root {
    --bs-primary: #d61523;
    --bs-primary-dark:#af0713;
    --bs-primary-light: #d615232b;
    --bs-primary-shadow:rgb(0 123 255 / 0.5);
    --bs-secondary:#214462;
    --bs-secondary-dark: #000000; 
}

.arvity-theme .logo a:focus {
    outline-color: var(--bs-white);
}

.arvity-theme .above-header {
    overflow: hidden;
}

.arvity-theme .main-header .contact-area, 
.arvity-theme .main-header .contact-area a:not(:hover):not(:focus) {
	color: var(--bs-white);
}

.arvity-theme .above-header .header-widget a:hover, 
.arvity-theme .above-header .header-widget a:focus {
	color: var(--bs-white);
}

.arvity-theme .above-header .contact-info .title {
    font-weight: 500;
    font-size: 1.325rem;
}

.arvity-theme .main-mobile-nav {
    background: var(--bs-secondary);
}

.arvity-theme .main-content h4 {
    border-width: 1px;
	padding: 5px 10px;
}

.arvity-theme .info-section .feature-box-icon {
    margin-bottom: 2rem;
}

.arvity-theme .info-section .feature-box-title a {
    color: var(--bs-secondary);
    text-decoration: none;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}

.arvity-theme .info-section .widget-contact:hover .feature-box-title a {
    color: var(--bs-white);
}

.arvity-theme .info-section .feature-box-title a:hover {
    background-size: 100% 1px;
}


.arvity-theme .info-section .feature-box-title,
.arvity-theme .info-section .fbox-content {
    margin-bottom: 1rem;
}

.arvity-theme .info-section .feature-box-icon i, 
.arvity-theme .info-section .feature-box-icon img {
    position: relative;
	width: 70px;
    height: 70px;
    line-height: 70px;
}
	
.arvity-theme .info-section .feature-box-icon i:after {
    content: '';
    position: absolute;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border: 2px dashed #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.arvity-theme .info-section .feature-box-inner .read-more {
    border-bottom: none;
    font-weight: 500;
	color: var(--bs-secondary);
	text-decoration:none;
	background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95% / 0px 1px no-repeat;
    transition: all 500ms ease;
}

.arvity-theme .info-section .feature-box-inner .read-more:hover,
.arvity-theme .info-section .feature-box-inner .read-more:focus {
    letter-spacing: 0.03rem;
    background-size: 75% 2px;
    outline: none;
}

.arvity-theme .info-section .feature-box-inner:hover .read-more {
	color: var(--bs-white);
}

.arvity-theme .info-section .feature-box-inner .read-more:focus {
    outline: none;
}

.arvity-theme .info-section .feature-box-inner .read-more i {
    rotate: -40deg;
	color: var(--bs-white);
    background: var(--bs-primary);
    border-radius: 100%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
	margin-left: 3px;
	transition: all 500ms ease;
}

.arvity-theme .info-section .feature-box-inner:hover .read-more i {
    background: var(--bs-white);
	color:var(--bs-primary);
	rotate: 0deg;
}


.arvity-theme .service-section .service-inner {
    position: relative;
	z-index: 0;
	border-bottom: none;
}

.arvity-theme .service-section .service-front {
	position: relative;
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 900;
    top: 0;
    height: 100%;
    background-color: var(--bs-white);
    box-shadow: 0px 10px 31px rgba(169, 177, 193, 0.17);
    width: auto;
    overflow: hidden;
    border-radius: 10px;
}

.arvity-theme .service-section .service-front  .service-content {
    padding: 30px;
    background-size: contain;
    background-position: center top;
}

.arvity-theme .service-section .service-front .service-icon,  
.arvity-theme .service-section .service-back  .service-icon {
    margin: 0 auto 30px auto;
    border: 0px solid var(--bs-white);
    background-color: transparent;
    position: relative;
    width: 118px;
    height: 118px;
    z-index: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.arvity-theme .service-section .service-front .service-icon {
    width: 85px;
    height: 85px;
}

.arvity-theme .service-section .service-inner .service-icon i{
    border: 3px solid var(--bs-white);
    background-color: var(--bs-primary);
    color: var(--bs-white);
    position: relative;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 40px;
}

.arvity-theme .service-section .service-front .service-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #dddddd;
    border-radius: 50%;
    position: relative;
}

.arvity-theme .service-section .service-front .service-link::before {
    position: absolute;
    content: "";
    height: 1.5px;
    width: 270px;
    background-color: var(--bs-secondary);
    z-index: -1;
}

.arvity-theme .service-section .service-back {
	z-index: 0;
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: all 0.4s ease-in-out;
    background-color: var(--bs-secondary);
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    inset: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	display: flex;
    align-items: center;      
    justify-content: center;
    text-align: center;
}

.arvity-theme .service-section .service-back::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--bs-secondary);
    opacity: 0.9;
    left: 0;
    top: 0;
    z-index: -1;
}

.arvity-theme .service-section .service-back .service-content {
	padding: 30px;
}

.arvity-theme .service-section .service-back .service-icon {
    margin: 0 auto 45px auto;
}

.arvity-theme .service-section .service-back .service-icon .shape{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.arvity-theme .service-section .service-back .service-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 37px;
}

.arvity-theme .service-section .service-back .service-divider span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: var(--bs-white);
    border-radius: 50%;
    border: 8px solid var(--bs-secondary);
}

.arvity-theme .service-section .service-back .service-divider::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1.5px;
    background-color: var(--bs-white);
    z-index: -1;
}

.arvity-theme .service-section .service-inner:hover .service-front {
    z-index: 900;
    transform: rotateY(180deg);
    box-shadow: none;
}

.arvity-theme .service-section .service-inner:hover .service-back {
    z-index: 1000;
    transform: rotateX(0deg) rotateY(0deg);
}

.arvity-theme .service-section .service-back .service-title a{
    color: var(--bs-white);
    margin: 0 0 10px 0;
}

.arvity-theme .service-section .service-back .service-excerpt {
    margin: 0 9px 40px 9px;
    color: var(--bs-white);
}

.arvity-theme .service-section .btn:before {
    background-color: var(--bs-white);
}

.arvity-theme .service-section .btn:hover, 
.arvity-theme .service-section .btn:focus {
    color: var(--bs-secondary);
}

.arvity-theme .flixita-call-action-section .call-content h2 {
    color: var(--bs-white);
}

@media (min-width: 1400px) {
    .arvity-theme .container {
        max-width: 1500px;
    }
}

@media (min-width: 992px) {	
	.arvity-theme .above-header:after{
		display:none;
    }
	.arvity-theme .above-header:before {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        right: -50px;
        width: 50%;
        height: 100%;
        background: var(--bs-primary);
        transform: skewX(40deg);
        border-radius: 0;
        border-left: 8px solid var(--bs-white);
    }
	.arvity-theme .widget_social_widget li a:hover i, 
	.arvity-theme .widget_social_widget li a:focus i {
		background-color: var(--bs-secondary);
	}
	.arvity-theme .main-navigation:not(.is-sticky-menu) {
		position: relative;
	}
	.arvity-theme .main-navigation .logo:after {
        content: '';
        position: absolute;
        top: 0;
        left: -100px;
        width: 30%;
        height: 100%;
        background: var(--bs-primary);
        border-radius: 0;
        transform: skewX(40deg);
        border-right: 20px double var(--bs-white);
        z-index: -1;
        box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09);
    }
	.arvity-theme h4.site-title::first-letter {
		color: var(--bs-white);
	}
	.arvity-theme .home-slider, 
	.arvity-theme .home-slider .owl-item img {
        max-height: 768px;
        min-height: 768px;
        object-fit: cover;
    }
}

.btn-style-two .btn.btn-primary {
    border: none;
	transition: 0s;
}

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

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