/*
Theme Name: Total
Theme URI: https://hashthemes.com/wordpress-theme/total/
Author: HashThemes
Author URI: https://hashthemes.com
Description: ​The Total WordPress Theme is a versatile, feature-rich, and fully responsive theme designed to help you create stunning websites effortlessly. With over 40,000 active installations, Total offers a clean and elegant design complemented by vibrant color options and parallax sections. Its homepage layout includes a slider, featured sections with icons, an about us section with progress bars, a masonry-style portfolio, team and testimonial sections, counters, a customizable blog section, client logo carousel, and a compelling call-to-action area. Built on the WordPress Customizer, Total allows real-time configuration with live previews, making customization intuitive and straightforward. The theme is SEO-friendly, cross-browser compatible, translation-ready, and seamlessly integrates with WooCommerce, enabling you to set up an online store with ease. It also supports major page builders like Elementor, WPBakery, SiteOrigin, and Beaver Builder, providing flexibility in designing your site. With a one-click demo import feature, you can quickly replicate the demo layout and customize it to fit your needs. Whether you're building a business website, portfolio, blog, or online store, Total provides all the essential tools and features to create a professional and engaging online presence. DEMO: https://hashthemes.com/wordpress-theme/total/
Version: 2.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: total
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, portfolio, education, blog
Tested up to: 6.9
Requires PHP: 7.2
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
    --total-h-size: 42px;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
	font-family: 'ABeeZee', sans-serif;
	font-size:16px;
}
.airlines-custom-container {
    padding: 40px 0;
}
.airline-grid-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.airline-card-wrapper {
    margin-bottom: 30px;
}
.airline-card-inner {
    background: #ffffff;
    border: 1px solid #eef2f5;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease-in-out;
}
.airline-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
    border-color: #0073aa;
}
.airline-img-box {
    position: relative;
    width: 100%;
    padding-top: 60%; /* Consistent 16:10 Aspect Ratio */
    background: #f7f9fb;
    overflow: hidden;
}
.airline-img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.airline-card-inner:hover .airline-img-box img {
    transform: scale(1.06);
}
.airline-content-box {
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.airline-card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 15px 0;
}
.airline-card-title a {
    color: #2c3e50;
    text-decoration: none;
    transition: color 0.2s ease;
}
.airline-card-title a:hover {
    color: #0073aa;
}
.airline-btn-action {
    display: inline-block;
    padding: 8px 18px;
    background:#013269;
    color: #ffffff !important;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 500;
    transition: background 0.2s ease;
    width: 100%; /* Mobile par full width button click karne mein aasan hota hai */
}
.airline-btn-action:hover {
    background:#fc8705;
}
.site-main .breadcrumbsXA{
	margin-bottom:20px;
	width:100%;
	float:left
}
.heading-custom {
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 5px;
}

/* --- Media Queries for Extra Fine Responsiveness --- */
@media (min-width: 768px) {
    .airline-btn-action {
        width: auto; /* Tablet aur desktop par normal size button */
    }
	.fr{
		clear:both;
		margin-top:20px;
	}
}
@media (max-width: 576px) {
    .airlines-custom-container {
        padding: 20px 0; /* Mobile par clean padding spacing */
    }
    .airline-card-title {
        font-size: 15px; /* Mobile screen ke liye sahi typography size */
    }
    .airline-content-box {
        padding: 15px;
    }
	.fr{
		clear:both;
		margin-top:20px;
	}
}
.airlines-office-hero p{
	text-align:center;
}
.footer_menur{
	width:100%;
}
.footer_menur p {
    font-family: 'Josefin Sans', serif;
    margin-top: 40px;
    font-size: 24px;
}
.footer_menur ul{
	margin:0px!important;
	padding:0px!important;
}
.footer_menur p:after{
	content:'';
	display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
}
.footer_menur ul li {
    list-style-type: disc;
    margin: 0px;
    width: 100%;
    color: #fc8705;
	margin-bottom:10px;
}
.footer_menur ul li a{
	color:#fff;
}
.footercall {
    position: fixed;
    width: 100%;
    line-height: 50px;
    height: 50px !important;
    bottom: 0;
    text-align: center;
    z-index: 999;
}
.footercall button {
    width: 100%;
    background:#fd8606;
    border: 0px;
}
.footercall button:hover {
    width: 100%;
    background:#fd8606;
    border: 0px;
}
.disc__main p{
	margin:0px
}
.parallax-section {
    position: relative;
    min-height: 100vh;
    padding: 5rem 1.5rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    
    /* Background Attachment Fixed Trick */
    background-image: url('/wp-content/uploads/2026/06/perafix.avif');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Dark Tint Overlay to ensure high text contrast */
.parallax-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.85));
    z-index: 1;
}
.parallax-process-section {
    position: relative;
    min-height: 100vh;
    padding: 6rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    
    /* Real Parallax Implementation */
    background-image: url('/wp-content/uploads/2026/06/perafix.avif');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Smooth Soft Tint Overlay for Pro Look and High Contrast */
.parallax-overlayt {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(241, 245, 249, 0.92) 100%);
    z-index: 1;
}

/* Foreground Content Wrapper */
.section-content-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.section-main-title {
    font-size: 2.25rem;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6rem;
    letter-spacing: -0.03em;
}

/* Timeline Layout Component */
.timeline-container {
    position: relative;
    width: 100%;
}

/* Hidden by default on Mobile, triggers beautifully on large viewports */
.wave-line-svg-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.dashed-wave-svg {
    width: 100%;
    height: 140px;
}

/* Mobile First - Linear Vertical Stack Layout */
.process-steps-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3.5rem;
    position: relative;
    z-index: 2;
}

/* Individual Process Step Item Structure */
.process-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Circle Number Node Base Settings */
.circle-number-node {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    font-weight: 700;
    color: #ffffff;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 3;
    cursor: pointer;
}

/* Animated Pulse/Grow Effect on Node Hover */
.process-card:hover .circle-number-node {
    transform: scale(1.15);
}

/* Small Vertical Indicator pin from diagram */
.vertical-connector-line {
    width: 2px;
    height: 25px;
    background-color: #cbd5e1;
    margin: 0.75rem 0;
    transition: background-color 0.3s ease;
}

.process-card:hover .vertical-connector-line {
    background-color: #64748b;
}

/* Typography Text Block Adjustments */
.process-text-block h3 {
    font-size:20px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.5rem;
}

.process-text-block p {
    font-size:inherit;
    color: #475569;
    line-height: 1.6;
    max-width: 290px;
    margin: 0 auto;
}

/* Exact Color Theme Configurations matching your second diagram */
.step-orange .circle-number-node { background: linear-gradient(135deg, #f59e0b, #d97706); }
.step-orange:hover .circle-number-node { box-shadow: 0 12px 30px rgba(217, 119, 6, 0.4); }

.step-cyan .circle-number-node { background: linear-gradient(135deg, #06b6d4, #0891b2); }
.step-cyan:hover .circle-number-node { box-shadow: 0 12px 30px rgba(8, 145, 178, 0.4); }

.step-purple .circle-number-node { background: linear-gradient(135deg, #6366f1, #4f46e5); }
.step-purple:hover .circle-number-node { box-shadow: 0 12px 30px rgba(79, 70, 229, 0.4); }

.step-red .circle-number-node { background: linear-gradient(135deg, #ef4444, #dc2626); }
.step-red:hover .circle-number-node { box-shadow: 0 12px 30px rgba(220, 38, 38, 0.4); }


/* ===================================================================
   DESKTOP VIEWPORT BREAKPOINT (Turns stack into exact curve diagram)
   =================================================================== */
@media (min-width: 1024px) {
    
    .wave-line-svg-wrapper {
        display: block; /* Turns on the curvy dashed connecting vector line */
    }

    .process-steps-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
    }

    /* Sine-Wave Alternating Offset Positions to perfectly follow the graphic wave */
    .step-orange {
        transform: translateY(15px);
    }
    
    .step-cyan {
        transform: translateY(55px);
    }

    .step-purple {
        transform: translateY(-15px);
    }

    .step-red {
        transform: translateY(55px);
    }
    
    /* Ensuring continuous clean animations over hard transformations */
    .step-orange:hover { transform: translateY(15px) scale(1.02); }
    .step-cyan:hover { transform: translateY(55px) scale(1.02); }
    .step-purple:hover { transform: translateY(-15px) scale(1.02); }
    .step-red:hover { transform: translateY(55px) scale(1.02); }
}
/* Main Responsive Container */
.parallax-container {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3.5rem;
    align-items: center;
}

/* Desktop Media Query for 2-Column Split Layout */
@media (min-width: 1024px) {
    .parallax-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Left Column - Image Container */
.visual-column {
    display: flex;
    justify-content: center;
    width: 100%;
}

.image-card {
    position: relative;
    width: 100%;
    max-width: 500px;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.travel-image {
    width: 100%;
    height: 450px;
    object-fit: cover;
    display: block;
    filter: brightness(0.95);
}

.badge-floating {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    background-color:#fc8705;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

/* Right Column - Text & Points Styling */
.content-column {
    color: #ffffff;
}

.section-tagline {
    color: #60a5fa;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-block;
    margin-bottom: 0.75rem;
}

.section-heading {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.025em;
    margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
    .section-heading {
        font-size: 2.75rem;
    }
}
.text-highlight {
    color: #fc8705;
    background: linear-gradient(to right, #fc8705, #fc8705);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-description {
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
}

/* 8 Points List Structure */
.points-container {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

/* Making points 2-column list on medium screens and above */
@media (min-width: 640px) {
    .points-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.point-item {
    background-color: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 1.25rem;
    border-radius: 1rem;
    display: flex;
    gap: 1rem;
    transition: transform 0.2s ease, border-color 0.2s ease;
    align-items: baseline;
}
.point-item:hover {
    transform: translateX(4px);
    border-color: rgb(252 135 5);
}
.point-number {
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 800;
    font-family: monospace;
    background-color: #fc8705;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    line-height: 1;
}
.point-details h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #f8fafc;
    margin-bottom: 0.25rem;
}

.point-details p {
    color: #64748b;
    font-size: 0.85rem;
    line-height: 1.4;
}
/* SVG Responsive Adjustment */
.travel-svg {
    width: 100%;
    height: 450px;
    display: block;
    object-fit: cover;
}
.footercall button .content {
    color: #fff;
    font-size: 24px;
    text-transform: capitalize;
}
.footercall button .content svg {
    width: 30px;
    height: 25px;
    float: none;
    margin-top: 0;
    margin-right: 0;
}
.footercall button .content svg path {
    fill: #fff;
}
.footercall button .content svg path:nth-child(2) {
    -webkit-animation: header-phone 1s infinite cubic-bezier(.1,.57,.5,1);
    animation: header-phone 1s infinite cubic-bezier(.1,.57,.5,1)
}

.footercall button .content svg path:nth-child(3) {
    -webkit-animation: header-phone2 1s infinite cubic-bezier(.1,.57,.5,1);
    animation: header-phone2 1s infinite cubic-bezier(.1,.57,.5,1)
}

@-webkit-keyframes header-phone {
    0%,30% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,20px,0);
        transform: translate3d(-20px,20px,0)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        opacity: 0
    }
}

@keyframes header-phone {
    0%,30% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,20px,0);
        transform: translate3d(-20px,20px,0)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes header-phone2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,20px,0);
        transform: translate3d(-20px,20px,0)
    }

    70%,90% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        opacity: 0
    }
}

@keyframes header-phone2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,20px,0);
        transform: translate3d(-20px,20px,0)
    }

    70%,90% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        opacity: 0
    }
}
.zzzx {
    background: #013269;
    padding: 20px;
    margin-bottom: 50px;
    border-bottom: 1px solid #fd8606;
}
.zzzx .site-info p.no-margin{
	color:#fff;
	margin:0px;
} 
.zzzx .site-info p.no-margin a{
	color:#fff;
}
.disc__main {
    width: 100%;
    padding: 10px;
    border-top: 1px solid #fd8606;
    background: #013269;
    margin: 20px 0px 0px 0px;
    border-bottom: 1px solid #fd8606;
}
.innerheader {
    padding: 30px 10px 10px;
    background: #f5f5f5;
    border-bottom: 1px solid rgba(0, 0, 0, .075);
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.innerheader .innerheaderIn .innerheaderInA .breadcrumbsXA .entry-header, .innerheader .innerheaderIn .innerheaderInA .breadcrumbsXA h1 {
    clear: both;
}
#breadcrumbs {
    position: relative;
    left: 0;
    display: block;
    font-size: 16px;
    right: 0;
    float: left;
    margin-bottom: 10px;
}
#breadcrumbs i {
    font-size: 20px;
    color: #fc8705;
    margin-right: 4px;
}
.bradcrume{
	margin: 20px 0px;
    float: left;
}
#colophon.site-footer{
	width: 100%;
    background:#013269 ;
    color: #fff;
	margin-bottom:0px;
}
#breadcrumbs span a, .writea {
    color:#fc8705;
    text-decoration: none;
}
.single-line-info {
    display: block;
}
.innerheader .innerheaderIn .innerheaderInA ul li {
    margin: 0 0 5px;
    text-align: left;
    width: 100%;
    float: left;
    border-bottom: 1px dotted #fc8705;
    padding: 10px 0px;
	color:#013269
}
.innerheader .innerheaderIn .innerheaderInA ul li i {
    color:#fc8705;
    font-style: normal;
}
.header_NOTE {
    clear: both;
    float: left;
    line-height: 40px;
}
.callusnw {
    background: #013269;
    color: #fff;
}
.callusnw:hover{
	background:#fc8705;
	border:1px solid #fc8705
}
.callusnw {
    font-size: 14px;
    float: left;
    border: 1px solid #013269;
    padding:0px 10px;
    margin: 10px 0;
    opacity: 1;
    transition: .4s;
    border-radius: 10px;
    text-transform: capitalize;
    font-weight: normal;
}
.writea {
    font-size: 16px;
    float: left;
    border: 1px solid #fc8705;
    padding: 8px 36px;
    transition: .9s;
    border-radius: 10px;
    background: #fc8705;
    color: #fff;
}
.writea:hover{
	background:#013269;
	color:#fff;
}
/* Sidebar Container Box */
.pagesidebar-modern {
    background-color: #ffffff;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    padding: 1.5rem;
    overflow: hidden;
}

/* Sidebar Header Area */
.sidebar-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #f1f5f9;
}

.sidebar-icon {
    color: #3b82f6;
    display: flex;
    align-items: center;
}
.sidebar-icon svg {
    width: 30px;
}
.sidebar-header h3 {
    font-size:20px;;
    font-weight: 700;
    color: #013269;
    letter-spacing: -0.01em;
}

/* Links List Stack */
.sidebar-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Sibling Item Properties */
.sidebar-link-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background-color: #f8fafc;
    border-radius: 0.5rem;
    text-decoration: none;
    color: #475569;
    font-size: 0.925rem;
    font-weight: 500;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}
.link-text {
    font-size: 16px;
}
.link-arrow {
    display: flex;
    align-items: center;
    color: #94a3b8;
    transform: translateX(0);
    transition: all 0.25s ease;
}

.link-arrow svg {
    width: 1rem;
    height: 1rem;
}
.full_pafe{
	width:100%;
	clear:both
}
.footer_bottom {
    text-align: center;
    float: right;
}
a:focus {
    outline: 0!important;
}
.footer_bottom ul {
    margin: 0;
    padding: 0;
    margin-right: 15px;
}
.footer_bottom ul li {
    list-style-type: none;
    float: left;
    padding: 0 9px;
}
.footer_menur ul li a:hover{
	color:#fc8705
}
.footer_bottom ul li a:hover{
	color:#fff;
	text-decoration:underline
}
.ht-menu ul > li.menu-item.current-menu-item > a {
	color:#fd8606;
	border-bottom:1px solid #fd8606
}
.footer_bottom ul li a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.25s ease;
}
/* Interactive Hover States */
.sidebar-link-item a:hover {
    background-color: #013269;
    color: #fc8705;
    border-color: #013269;
}
.sidebar-link-item a:hover .link-arrow {
    color: #2563eb;
    transform: translateX(3px);
}


/* ===================================================================
   RESPONSIVE LAYOUT BREAKPOINT (Mobile Screens Architecture)
   =================================================================== */
@media (max-width: 991px) {
    .pagesidebar-modern {
        padding: 1rem;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    .sidebar-header {
        margin-bottom: 0.75rem;
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Converts vertical list into a brilliant horizontal swipe panel */
    .sidebar-links-list {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
        gap: 0.75rem;
        padding: 0.5rem 0.25rem 1rem 0.25rem;
        
        /* Smooth scrolling for mobile inertia */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Hide scrollbar for Firefox */
    }

    .sidebar-links-list::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome/Safari */
    }

    .sidebar-link-item {
        flex: 0 0 auto;
    }

    .sidebar-link-item a {
        padding: 0.6rem 1.125rem;
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        border-radius: 9999px; /* Turns elements into neat pills tags */
    }

    .link-text {
        white-space: normal;
    }

    /* Arrow icon is redundancy on horizontal tags list, hiding it cleanly */
    .link-arrow {
        display: none;
    }
}
.fr {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .075);
    padding: 5px;
    border-radius: 10px;
    position: relative;
    background: #fff;
}
.fr img {
    min-height: 300px;
    max-height: 300px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.btmn .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}
.margin_bottomX {
    margin-bottom: 3.5rem !important;
    min-height: 210px;
    max-height: 210px;
}
.cardins {
    overflow: hidden;
    text-align: center;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
    width: 100%;
}
.cardins img {
    transform-origin: 50% 65%;
    transition: transform 1s, filter 1s ease-in-out;
    filter: brightness(110%);
    min-height: 230px;
    max-height: 230px;
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.card-body {
    bottom: 80px;
    -moz-transform: translate(-50%, 90%);
    -ms-transform: translate(-50%, 90%);
    -webkit-transform: translate(-50%, 90%);
    -o-transform: translate(-50%, 90%);
    transform: translate(-50%, 90%);
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    width: 84%;
    border-radius: 5px;
    left: 50%;
    z-index: 2;
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
    margin: 0 auto;
    transition: .41s ease-in-out;
    padding: 13px 15px;
	margin:0px;
}
p.card-title{
	margin:0px;
}

p.card-title a{
	color:#222222;
}
/* --- Global Container --- */
.airline-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.airline-section {
    padding: 30px 0;
}

.airline-section-heading h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333333;
}

/* --- Responsive CSS Grid Layout --- */
.airline-section-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

/* --- Card Base Styling --- */
.airline-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.2s ease-in-out;
    position: relative;
}

.airline-card:hover {
    transform: translateY(-4px);
}

/* --- Forces Images to Consistent Aspect Ratio --- */
.airline-card-img-wrapper {
    position: relative;
    width: 100%;
    padding-top: 65%; /* Keeps a consistent landscape aspect ratio */
    overflow: hidden;
    background-color: #f5f5f5;
}

.airline-card-img-wrapper a,
.airline-card-img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crops image neatly like your screenshot example */
    display: block;
}

/* --- Content Card Overlay Overlay Box --- */
.airline-card-body {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.95);
    padding: 12px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.airline-card-body.pos{
	position: relative;
	bottom: 0;
    left: 0;
    right: 0;
	box-shadow: none;
	min-height: 70px;
    max-height: 70px;
    display: flex;
    align-items: center;
}
.airline-card-title {
    margin: 0;
    font-weight: 500;
    line-height: 1.3;
}

.airline-card-title a {
    color: #222222;
    text-decoration: none;
    display: block;
}

.airline-card-title a:hover, p.card-title a:hover {
    color:#fc8705;
}

/* --- Responsive Media Queries --- */
@media (max-width: 992px) {
    .airline-section-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 Columns on Tablet */
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .airline-section-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 Columns on Smaller Screens */
    }
    .airline-section-heading h4 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .airline-section-grid {
        grid-template-columns: repeat(1, 1fr); /* 1 Column Stacked on Mobile Phones */
    }
}
.airlines-office-hero {
    background: linear-gradient(rgb(0 0 0 / 35%), rgba(0, 0, 0, .7)), url(/wp-content/uploads/2026/06/banner.jpg);
    width: 100%;
    color: #fff;
    background-position: 100% 50% !important;
    background-size: cover !important;
    padding: 10% 0% 10% 0%;
    margin-bottom: 20px;
}
.airlines-office-hero h1 {
    font-size: 42px;
    color: #fff !important;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 700;
}
.airlines-office-hero .asl_w_container {
    width: 50%;
    margin: 0px auto;
}
div.asl_m{
	z-index:1!important
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
    border: 0 solid #ffcc01 !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

p {
    margin: 0 0 15px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 15px;
}

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

table {
    margin: 0 0 15px;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
body div.wpforms-container-full .wpforms-form input[type=submit],
body div.wpforms-container-full .wpforms-form button[type=submit],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background: var(--total-template-color);
    padding: 8px 20px;
    color: #FFF;
    border: 0;
    transition: all 0.3s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
body div.wpforms-container-full .wpforms-form input[type=submit]:hover,
body div.wpforms-container-full .wpforms-form input[type=submit]:focus,
body div.wpforms-container-full .wpforms-form input[type=submit]:active,
body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
body div.wpforms-container-full .wpforms-form button[type=submit]:focus,
body div.wpforms-container-full .wpforms-form button[type=submit]:active,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
    background: #333;
    border: 0;
}

body div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: normal;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 1px solid #EEE;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    vertical-align: top;
}

select {
    border: 1px solid #EEE;
    padding: 8px 40px 8px 8px;
    line-height: 100%;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='10px' height='10' fill='%23666666' viewBox='0 0 284.929 284.929' style='enable-background:new 0 0 284.929 284.929;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M282.082,76.511l-14.274-14.273c-1.902-1.906-4.093-2.856-6.57-2.856c-2.471,0-4.661,0.95-6.563,2.856L142.466,174.441 L30.262,62.241c-1.903-1.906-4.093-2.856-6.567-2.856c-2.475,0-4.665,0.95-6.567,2.856L2.856,76.515C0.95,78.417,0,80.607,0,83.082 c0,2.473,0.953,4.663,2.856,6.565l133.043,133.046c1.902,1.903,4.093,2.854,6.567,2.854s4.661-0.951,6.562-2.854L282.082,89.647 c1.902-1.903,2.847-4.093,2.847-6.565C284.929,80.607,283.984,78.417,282.082,76.511z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat right 10px top 55%;
    position: relative;
    cursor: pointer;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 8px;
}

textarea {
    padding: 8px;
    width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: var(--total-content-link-color, #000);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:visited {}

a:hover {
    color: var(--total-content-link-hov-color, var(--total-content-link-color));
}

a:focus {}

a:hover,
a:active {}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.ht-clearfix:before,
.ht-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after {
    content: "";
    display: table;
}

.ht-clearfix:after,
.entry-content:after,
.comment-content:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
    display: none;
}

.widget-area select {
    width: 100%;
}


/* Contact Info Widget */
.ht-contact-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ht-contact-info ul li {
    padding: 5px 0 5px 30px !important;
    margin: 0;
    border: none;
}

.ht-contact-info ul li i {
    margin-left: -30px;
    float: left;
    margin-top: 6px;
}

.ht-contact-info p {
    margin: 0;
}

/* Personal Info Widget */
.ht-personal-info .ht-pi-image {
    margin-bottom: 20px;
    text-align: center;
}

.ht-personal-info .ht-pi-image img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
}

.ht-personal-info .ht-pi-name {
    margin-bottom: 15px;
    font-size: 1.4em;
    text-align: center;
}

.ht-personal-info .ht-pi-intro {
    text-align: center;
}

/* Latest Post */
.ht-latest-posts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ht-latest-posts li {
    padding: 0 !important;
    line-height: 1.5;
    margin: 0 0 20px !important;
}

.ht-latest-posts li:last-child {
    margin: 0 !important;
}

.ht-latest-posts .ht-lp-title {
    margin-bottom: 0;
}

.ht-lp-image {
    float: left;
    width: 30%
}

.ht-lp-image + .ht-lp-content {
    width: 70%;
    float: right;
    padding-left: 20px
}

.ht-lp-title a {
    color: inherit
}

.ht-lp-excerpt {
    margin-top: 10px
}

/* Search */
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
    border: none !important;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 30px;
}

.total-hentry {
    margin: 0 0 50px;
}

.byline,
.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content {
    margin-bottom: 50px;
}

.page-template-page-builder-template .page-content {
    margin-bottom: 0;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

#primary {
    width: calc(96% - var(--total-sidebar-width));
    float: left;
}

#secondary {
    width: var(--total-sidebar-width);
    float: right;
}

.ht_no_sidebar #primary {
    width: auto;
    float: none;
}

.ht_no_sidebar_condensed #primary {
    width: 76%;
    float: none;
    margin: 0 auto;
}

.ht_left_sidebar #primary {
    float: right;
}

.ht_left_sidebar #secondary {
    float: left;
}

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6,
.widget-area h1,
.widget-area h2,
.widget-area h3,
.widget-area h4,
.widget-area h5,
.widget-area h6 {
    color: var(--total-content-header-color);
}

.content-area,
.widget-area {
    color: var(--total-content-text-color);
}

.ht-post-info {
    float: left;
    width: 80px;
    text-align: right;
}

.single-entry-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    font-size: 0.9em;
}

.single-entry-meta .entry-date:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 5px;
}

.single-entry-meta .entry-date span {
    display: inline-block;
    margin-right: 5px;
}

.single-entry-meta a {
    color: inherit;
}

.single-entry-meta a i {
    margin-right: 5px;
}

.single-featured-img {
    text-align: center;
    margin-bottom: 20px;
}

.ht-post-info .entry-date {
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.ht-post-info .entry-date span {
    display: block;
    text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day {
    font-size: 60px;
    line-height: 1.3;
    color: var(--total-template-color);
}

.ht-post-info > a {
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: inherit;
    font-weight: 300;
}

.ht-post-wrapper {
    padding-left: 110px;
}

.entry-figure {
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 15px;
}

.entry-header .entry-title {
    margin-bottom: 10px;
}

.entry-figure + .entry-header {
    background: #FFF;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 0 1px;
}

.entry-header .entry-title a {
    text-decoration: none;
    color: var(--total-content-text-color);
}

.entry-categories {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 15px;
}

.entry-categories i {
    margin-right: 8px;
}

.entry-categories a {
    color: inherit;
    text-decoration: none;
}

.entry-readmore {
    margin-top: 20px;
}

.entry-readmore a {
    background: var(--total-template-color);
    padding: 8px 20px;
    color: #FFF;
    border: 0;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.entry-readmore a:hover {
    background: #333;
    color: #FFF;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.widget-area .widget-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: var(--total-template-color);
    height: 2px;
}

.widget-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-area ul ul {
    padding-left: 10px;
}

.widget-area ul ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.widget-area li {
    padding: 0;
    margin: 0 0 15px;
}

.widget-area li:last-child {
    margin-bottom: 0;
}

.widget-area a {
    text-decoration: none;
    color: var(--total-content-text-color);
}

.widget-area .widget {
    margin-bottom: 35px;
}

.widget-area .widget .search-field {
    width: 100%;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.author-email-url {
    margin-left: -2%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}

.author-email-url input {
    width: 100%;
}

.comment-form .form-submit {
    margin-bottom: 0
}

#comments {
    margin-bottom: 50px;
}

.comment-reply-title,
.comments-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.comment-reply-title:after,
.comments-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: var(--total-template-color);
    height: 2px;
}

.logged-in-as,
.comment-notes {
    font-size: 0.9em;
}

#comments ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#comments li.comment {
    margin: 0 0 40px;
}

#comments li.comment .children {
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}

article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}

.comment-list a {
    color: #404040;
}

.comment-list a:hover {
    color: var(--total-template-color) !important;
}

.comment-list .comment-respond {
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}

.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}

.comment-list .vcard .fn {
    font-weight: normal;
    font-size: 16px;
}

.comment-list .edit-link {
    position: absolute;
    right: 0;
    top: 0;
}

.comment-list .edit-link a {
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}

.comment-list .comment-meta {
    margin-bottom: 15px;
}

.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}

.comment-list .comment-metadata a {
    float: left;
}

.comment-list .comment-metadata .reply {
    float: right;
}

#cancel-comment-reply-link {
    float: right;
}

.nav-previous a,
.nav-next a {
    background: var(--total-template-color);
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}

.nav-next a {
    margin-right: 13px;
}

.nav-next a:after {
    content: "";
    position: absolute;
    border-left: 11px solid var(--total-template-color);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}

.nav-previous a {
    margin-left: 11px;
}

.nav-previous a:after {
    content: "";
    position: absolute;
    border-right: 11px solid var(--total-template-color);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}

.no-comments {
    color: var(--total-template-color);
}

.pagination,
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin-bottom: 50px;
}

.home.blog .pagination {
    margin-bottom: 40px;
}

.pagination .page-numbers {
    display: inline-block;
    margin: 0 2px;
    background: var(--total-template-color);
    color: #FFF;
    padding: 10px 15px;
    line-height: 1;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background: #333;
    color: #FFF;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.ht-container {
    width: 1170px;
    margin: 0 auto;
}

.ht-wide .ht-container {
    width: var(--total-container-width);
}

.ht-boxed #ht-page {
    width: var(--total-container-width);
    margin: 0 auto;
    position: relative;
    background: #FFF;
}

.ht-boxed .ht-container {
    width: calc(var(--total-container-width) - var(--total-container-padding) - var(--total-container-padding));
}

.ht-fluid .ht-container {
    width: var(--total-fluid-container-width);
}

body.ht-titlebar-disabled .ht-site-content > .ht-container {
    margin-top: 40px;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.ht-header {
    background: var(--total-mh-bg-color, #FFF);
    z-index: 99;
    box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}

.ht-header .ht-container {
    transition: padding 0.3s ease;
    padding-left: var(--total-mh-spacing-left-desktop, 0);
    padding-top: var(--total-mh-spacing-top-desktop, 15px);
    padding-right: var(--total-mh-spacing-right-desktop, 0);
    padding-bottom: var(--total-mh-spacing-bottom-desktop, 15px);
}

.ht-sticky-header .ht-header.headroom--not-top {
    position: fixed;
    left: 0;
    right: 0;
}

.ht-sticky-header .ht-header.headroom--not-top .ht-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ht-header .ht-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#ht-content {
    clear: both;
}

#ht-site-branding img {
    height: auto;
    width: var(--total-logo-width, 220px);
}

.ht-main-header {
    background: #f9f9f9;
    padding: 45px 0;
    margin-bottom: 40px;
}

.ht-main-title {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: calc(var(--total-h-size) * 7/8);
}

.ht-main-title:last-child {
    margin-bottom: 0;
}

.ht-site-title {
    font-weight: 400;
    margin: 0 0 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: calc(var(--total-h-size));
    line-height: 1;
}

.ht-site-title a {
    text-decoration: none;
    color: var(--total-title-color);
}

.ht-site-description {
    margin: 0;
    font-size: 15px;
    font-style: italic;
    line-height: 1;
}

.ht-site-description a {
    color: var(--total-tagline-color);
}

.breadcrumb-trail,
.woocommerce .woocommerce-breadcrumb {
    font-size: 15px;
    margin: 0;
    color: inherit;
}

.breadcrumb-trail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-trail ul li {
    display: inline-block;
}

.breadcrumb-trail ul li:after {
    content: "/";
    margin: 0 6px;
}

.breadcrumb-trail ul li:last-child:after {
    display: none;
}

.woocommerce .woocommerce-breadcrumb a,
.breadcrumb-trail a {
    color: #000;
}

.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover {
    color: var(--total-content-link-hov-color, var(--total-template-color));
}

.taxonomy-description,
.term-description {
    margin-bottom: 15px;
}

.taxonomy-description p:last-child,
.term-description p:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.ht-section {
    padding: 60px 0;
    background: #FFF;
}

.ht-section-title-tagline {
    margin-bottom: 60px;
    text-align: center;
}

.ht-section-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: calc(var(--total-h-size) * 7/8);
    width: 60%;
    margin: 0 auto 15px;
}

.ht-section-title:last-child {
    margin-bottom: 0;
}

.ht-section-tagline {
    font-size: 1.2em;
    width: 70%;
    margin: 0 auto;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.ht-menu ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-family: var(--total-menu-family, Oswald);
    font-size: var(--total-menu-size, 14px);
    letter-spacing: var(--total-menu-letter-spacing, 0);
    font-weight: var(--total-menu-weight, 400);
    font-style: var(--total-menu-style, normal);
    text-transform: var(--total-menu-text-transform, uppercase);
}

.ht-menu li {
    float: left;
    position: relative;
    margin-left: 10px;
}

.ht-menu a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #444;
    line-height: 36px;
    padding: 0 15px;
    transition: none;
}

.ht-menu ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: var(--total-submenu-bg-color, #FFF);
    min-width: 200px;
    z-index: 999;
    padding: 8px;
    margin-top: 10px;
    border-top: 2px solid var(--total-template-color);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05)
}

.ht-sticky .ht-menu ul ul {
    margin-top: 17px;
}

.ht-menu > ul > li:last-child > ul {
    left: auto;
    right: 0;
}

.ht-menu ul ul ul {
    left: 100%;
    top: 0;
    margin: 0 0 0 8px;
    border-top: 0;
}

.ht-sticky .ht-menu ul ul ul {
    margin-top: 0
}

.ht-menu ul ul a {
    color: #444;
    line-height: 1.5;
    padding: 10px 15px;
    font-size: 0.88em;
}

.ht-menu ul ul li {
    float: none;
    margin: 0 0 5px;
}

.ht-menu ul ul li:last-child {
    margin-bottom: 0;
}

.ht-menu ul li:hover > ul {
    display: block;
}

.ht-menu > ul > li.menu-item > a {
    line-height: var(--total-menu-line-height, 2.6);
    color: var(--total-menu-link-color, #333);
}
.ht-menu ul ul li.menu-item > a {
    color: var(--total-submenu-link-color, #333);
}

.ht-menu ul ul li.menu-item:hover > a {
    background: var(--total-submenu-link-hover-bg-color, var(--total-menu-link-hover-bg-color, var(--total-template-color)));
    color: var(--total-submenu-link-hover-color, var(--total-menu-link-hov-color, #FFF));
}

/* styling for both css and generated arrows */
.menu-item-has-children .ht-dropdown {
    padding: 0;
    background: none;
    color: inherit;
    transition: none;
    height: auto;
    min-height: 0;
    line-height: inherit;
    font-size: inherit;
    margin: 0 0 0 5px;
    border: 0;
    vertical-align: middle;
}

.menu-item-has-children .ht-dropdown:after {
    content: '\f107';
    font-family: FontAwesome;
    font-size: 0.8em;
}

/* styling for right-facing arrows */
.menu-item-has-children ul .ht-dropdown {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-item-has-children ul .ht-dropdown:after {
    content: '\f105';
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
## Home Slider
--------------------------------------------------------------*/
#ht-home-slider-section {
    clear: both;
}

.ht-slide {
    position: relative;
}

.ht-slide img {
    width: 100%;
}

.ht-slide-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
}

.ht-slide-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1170px;
    transform: translate(-50%, -50%);
}

.ht-wide .ht-slide-caption {
    width: var(--total-container-width);
}

.ht-boxed .ht-slide-caption {
    width: calc(var(--total-container-width) - var(--total-container-padding) - var(--total-container-padding))
}

.ht-fluid .ht-slide-caption {
    width: var(--total-fluid-container-width);
}

.ht-slide-cap-title {
    text-align: center;
    font-size: calc(var(--total-h-size));
    color: #FFF;
    margin-bottom: 25px;
    padding: 0 10%;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.ht-slide-cap-title span {
    display: inline-block;
    padding: 8px 15px;
    background: var(--total-template-color);
}

.ht-slide-cap-desc {
    text-align: center;
    font-size: 25px;
    line-height: 1.4;
    color: #FFF;
    padding: 0 20%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

#ht-home-slider-section .owl-carousel .owl-nav .owl-prev,
#ht-home-slider-section .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    text-indent: -9999px;
    height: 70px;
    width: 50px;
    margin-top: -35px;
    opacity: 0.6;
}

#ht-home-slider-section .owl-carousel .owl-nav > div:hover {
    opacity: 1;
}

#ht-home-slider-section .owl-carousel .owl-nav .owl-prev {
    background: url(images/prev.png) no-repeat center rgba(0, 0, 0, 0.3);
    left: 0;
}

#ht-home-slider-section .owl-carousel .owl-nav .owl-next {
    background: url(images/next.png) no-repeat center rgba(0, 0, 0, 0.3);
    right: 0;
}

#ht-home-slider-section .owl-item.active .ht-slide-cap-title,
#ht-home-slider-section .owl-item.active .ht-slide-cap-desc {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#ht-home-slider-section .owl-item.active .ht-slide-cap-title,
#ht-home-slider-section .owl-item.active .ht-slide-cap-desc {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*--------------------------------------------------------------
## About Section
--------------------------------------------------------------*/
#ht-about-us-section {
    background: #FFF;
}

#ht-about-us-section .ht-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.ht-about-sec {
    width: 54%;
    padding-right: 30px;
}

.ht-about-sec h2 {
    text-align: left;
    width: auto;
}

.ht-progress {
    margin-bottom: 20px;
}

.ht-progress:last-child {
    margin-bottom: 0;
}

.ht-progress h6 {
    font-weight: 300;
    margin-bottom: 5px;
}

.ht-progress-bar-sec {
    margin-top: 30px;
}

.ht-progress-bar {
    height: 8px;
    width: 100%;
    position: relative;
    line-height: 20px;
    font-size: 13px;
    background: #f6f6f6
}

.ht-progress-bar-length {
    background: var(--total-template-color);
    height: 100%;
    text-align: right;
    padding-right: 20px;
}

.ht-progress-bar-length span {
    position: absolute;
    right: 0;
    bottom: 100%;
}

.ht-about-image {
    width: 45%;
    padding-left: 30px;
}

/*--------------------------------------------------------------
## Featured Section
--------------------------------------------------------------*/
#ht-featured-post-section {
    background: var(--total-template-color);
    color: #FFF;
    padding-bottom: 80px;
}

.ht-featured-post-wrap {
    margin-left: -3%;
}

.ht-featured-post {
    float: left;
    margin-left: 3%;
    width: 30.33%;
    text-align: center;
    border: 2px solid #FFF;
    padding: 30px;
}

.ht-featured-post h5 {
    text-transform: uppercase;
    margin-bottom: 25px;
}

.ht-featured-icon {
    display: inline-block;
    color: #FFF;
    font-size: 46px;
    line-height: 80px;
    width: 180px;
    background: var(--total-template-color);
    -ms-transform: translateY(-35px);
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
}

.ht-featured-icon i {
    vertical-align: bottom;
}

.ht-featured-link {
    -ms-transform: translateY(52px);
    -webkit-transform: translateY(52px);
    transform: translateY(52px);
}

.ht-featured-link a {
    padding: 8px 15px;
    display: inline-block;
    background: #FFF;
    color: var(--total-template-color);
    border-right: 10px solid var(--total-template-color);
    border-left: 10px solid var(--total-template-color);
}

.ht-featured-link a:hover {
    background: #333;
    color: #FFF;
}

/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/
.ht-portfolio-cat-name-list {
    text-align: center;
    margin-bottom: 30px;
    text-align: right;
}

.ht-portfolio-cat-name-list i {
    vertical-align: middle;
    color: var(--total-template-color);
}

.ht-portfolio-cat-name {
    cursor: pointer;
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #BBB;
    line-height: 1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.ht-portfolio-cat-name:nth-child(2) {
    border-left: 0;
    margin-left: 0;
}

.ht-portfolio-cat-name:hover,
.ht-portfolio-cat-name.active {
    color: var(--total-template-color);
}

.ht-portfolio-post-wrap {
    margin: 0 -7.5px;
}

.ht-portfolio {
    width: 33.33%;
    float: left;
    padding: 7.5px;
}

.ht-portfolio-outer-wrap {
    position: relative;
}

.ht-portfolio-wrap {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: #f9f9f9;
}

.ht-portfolio-wrap img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ht-portfolio-caption {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    padding: 30px;
    opacity: 0;
    background: var(--total-template-transparent-color);
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    overflow: hidden;
}

.ht-portfolio-wrap:hover .ht-portfolio-caption {
    opacity: 1;
}

.ht-portfolio-caption h5 {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    -ms-transform: translate(300px, 0);
    -webkit-transform: translate(300px, 0);
    transform: translate(300px, 0);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.ht-portfolio-wrap:hover .ht-portfolio-caption h5 {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.ht-portfolio-caption a {
    height: 36px;
    width: 36px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: center;
    display: block;
    line-height: 36px;
    color: var(--total-template-color);
    font-size: 14px;
    background: #FFF;
    margin: 10px 5px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ht-portfolio-caption a.ht-portfolio-image {
    -ms-transform: translate(-300px, 0);
    -webkit-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
    right: 66px;
}

.ht-portfolio-caption a.ht-portfolio-link {
    -ms-transform: translate(-300px, 0);
    -webkit-transform: translate(-300px, 0);
    transform: translate(-300px, 0);
}

.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


/*--------------------------------------------------------------
## Service Section
--------------------------------------------------------------*/
#ht-service-post-section {
    position: relative;
    padding: 60px 0;
    background: #F5F5F5;
}

.ht-service-left-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 200px;
    width: 50%;
    background-image: var(--total-service-left-bg);
}

.ht-service-posts {
    float: left;
    width: 50%;
    padding-right: 40px;
}

.ht-service-post-wrap {
    position: relative;
}

.ht-service-post-wrap:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--total-template-color);
}

.ht-service-posts .ht-section-title-tagline {
    text-align: left;
    margin-bottom: 21px;
}

.ht-service-posts .ht-section-title {
    width: auto;
}

.ht-service-posts .ht-section-tagline {
    width: auto;
}

.ht-service-post {
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
}

.ht-service-post:last-child {
    margin-bottom: 0
}

.ht-service-icon {
    float: left;
    font-size: 18px;
    background: var(--total-template-color);
    width: 50px;
    text-align: center;
    color: #FFF;
    line-height: 50px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ht-active .ht-service-icon {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px var(--total-template-color);
}

.ht-service-excerpt {
    padding-left: 65px;
}

.ht-service-text {
    display: none;
}

.ht-service-text a > i {
    font-size: 13px;
    margin-left: 10px;
}

.ht-service-excerpt h5 {
    margin: 10px 0 6px;
    cursor: pointer;
}

/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
.ht-team-member-wrap {
    margin-left: -2%;
}

.ht-team-member {
    width: 23%;
    margin-left: 2%;
    float: left;
    text-align: center;
}

.ht-team-member img {
    width: 100%;
}

.ht-team-member-image {
    position: relative;
    overflow: hidden;
}

.ht-team-social-id {
    padding: 10px;

}

.ht-team-social-id a {
    display: inline-block;
    color: #FFF;
    margin: 0 5px;
    font-size: 16px;
    line-height: 32px;
    background: var(--total-template-color);
    color: #FFF;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.ht-team-social-id a:hover {
    background: #333;
    color: #FFF;
}

.ht-team-member-excerpt {
    background: var(--total-template-transparent-color);
    padding: 20px;
    color: #FFF !important;
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    opacity: 0;
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ht-team-member:hover .ht-team-member-excerpt {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ht-team-member-excerpt-wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.ht-team-member-excerpt-wrap .ht-team-member-span {
    display: table-cell;
    vertical-align: middle;
}

.ht-title-wrap {
    background: var(--total-template-transparent-color);
    color: #FFF;
    padding: 10px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    -moz-transition: all 0.3s ease;
    opacity: 1;
}

.ht-team-member:hover .ht-title-wrap {
    opacity: 0;
}

.ht-team-member h6 {
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    padding-bottom: 10px;
}

.ht-team-member .ht-title-wrap h6 {
    padding: 0;
    margin: 0;
}

.ht-team-member h6 a {
    text-decoration: none;
    color: inherit;
}

.ht-team-member .ht-team-member-excerpt h6:after {
    content: "";
    position: absolute;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    height: 2px;
    background: #FFF;
    bottom: -2px;
}

.ht-team-member .ht-team-designation {
    font-size: 0.9em;
    margin-bottom: 15px;
}

.ht-team-detail {
    background: #FFF;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: var(--total-template-color);
    padding: 0 10px;
    text-decoration: none;
    line-height: 30px;
    font-size: 0.9em;
}

.ht-team-detail:hover {
    background: #333;
    color: #FFF;
}

/*--------------------------------------------------------------
## Counter Section
--------------------------------------------------------------*/
#ht-counter-section {
    background-image: var(--total-counter-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #FFF;
    background-attachment: fixed;
    position: relative;
    background-position: 50% 0;
}

#ht-counter-section .ht-section {
    background: none;
}

#ht-counter-section .ht-counter-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

#ht-counter-section .ht-container {
    position: relative;
}

.ht-team-counter-wrap {
    margin-left: -5%;
}

.ht-counter {
    float: left;
    width: 20%;
    margin-left: 5%;
    text-align: center;
    border: 2px solid var(--total-template-color);
    border-top: 0;
    padding: 0 20px 20px;
    position: relative;
}

.ht-counter:after {
    content: "";
    position: absolute;
    width: 30%;
    left: 0;
    top: 0;
    height: 2px;
    background: var(--total-template-color);
}

.ht-counter:before {
    content: "";
    position: absolute;
    width: 30%;
    right: 0;
    top: 0;
    height: 2px;
    background: var(--total-template-color);
}

.ht-counter-count {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 25px;
    letter-spacing: 3px;
    font-weight: 400;
}

.ht-counter-icon {
    display: inline-block;
    font-size: 36px;
    color: var(--total-template-color);
    position: relative;
    -ms-transform: translate(0, -17px);
    -webkit-transform: translate(0, -17px);
    transform: translate(0, -17px);
    line-height: 36px;
}

.ht-counter-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 400;
    margin: 0;
}

/*--------------------------------------------------------------
## Logo Section
--------------------------------------------------------------*/
.ht-logo-slider img {
    padding: 0 26px;
}

/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
#ht-testimonial-section {
    padding: 60px 0 80px;
}

.ht-testimonial-wrap .owl-carousel .owl-item img {
    height: 100px;
    width: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 1px solid var(--total-template-color);
    padding: 5px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.ht-testimonial-excerpt {
    width: 80%;
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
}

.ht-testimonial-excerpt .fa-quote-left {
    position: absolute;
    top: 0;
    left: -65px;
    font-size: 60px;
    color: #EEE;
    z-index: -1;
}

.ht-testimonial h6 {
    text-align: center;
    margin: 0;
}

.ht-testimonial-wrap .owl-carousel .owl-nav .owl-prev,
.ht-testimonial-wrap .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background: var(--total-template-color);
    height: 50px;
    width: 30px;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    opacity: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ht-testimonial-wrap .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.ht-testimonial-wrap .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.ht-testimonial-wrap .owl-carousel:hover .owl-nav .owl-prev,
.ht-testimonial-wrap .owl-carousel:hover .owl-nav .owl-next {
    opacity: 1;
}

.ht-testimonial-wrap .owl-carousel .owl-nav .owl-next:hover,
.ht-testimonial-wrap .owl-carousel .owl-nav .owl-prev:hover {
    background: #333;
}

/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
#ht-blog-section {
    background: #f6f6f6;
    padding-bottom: 30px;
}

.ht-blog-wrap {
    margin-left: -3%;
}

.ht-blog-post {
    float: left;
    margin-left: 3%;
    width: 30.333%;
    background: #FFF;
    margin-bottom: 30px;
    border-bottom: 6px solid var(--total-template-color);
}

.ht-blog-post:nth-child(3n+1) {
    clear: both;
}

.ht-blog-thumbnail a {
    display: block;
    position: relative;
}

.ht-blog-thumbnail a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.ht-blog-thumbnail:hover a:after {
    width: 100%;
}

.ht-blog-excerpt {
    padding: 20px;
}

.ht-blog-excerpt h5 {
    font-weight: 400;
    margin-bottom: 15px
}

.ht-blog-excerpt h5 a {
    color: #444;
}

.ht-blog-date {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}

.ht-blog-date i {
    margin-right: 10px;
}

.ht-blog-read-more {
    padding: 0 20px 20px;
    text-align: right;
}

.ht-blog-read-more a {
    display: inline-block;
    background: var(--total-template-color);
    color: #FFF;
    padding: 0 15px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    border-radius: 1px;
}

.ht-blog-read-more a:hover {
    background: #333;
    color: #FFF;
}

/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
#ht-cta-section {
    background-image: var(--total-cta-bg);
    color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
}

#ht-cta-section .ht-section {
    padding: 80px 0;
    background: none;
    position: relative;
}

#ht-cta-section .ht-section-title-tagline {
    margin-bottom: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#ht-cta-section .ht-cta-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

#ht-cta-section .ht-container {
    position: relative;
}

.ht-cta-buttons {
    text-align: center;
}

.ht-cta-buttons a {
    display: inline-block;
    padding: 0 30px;
    line-height: 52px;
    color: #FFF;
    border-radius: 1px;
    margin: 0 4px;
}

.ht-cta-buttons a.ht-cta-button1 {
    background: var(--total-template-color);
}

.ht-cta-buttons a.ht-cta-button2 {
    background: #333;
}

.ht-cta-buttons a.ht-cta-button1:hover {
    background: #333;
    color: #FFF;
}

.ht-cta-buttons a.ht-cta-button2:hover {
    background: var(--total-template-color);
    color: #FFF;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#ht-colophon {
    position: relative;
    background-image: var(--total-footer-bg-url);
    background-size: var(--total-footer-bg-size);
    background-position: var(--total-footer-bg-position);
    background-repeat: var(--total-footer-bg-repeat);
    background-attachment: var(--total-footer-bg-attachment);
    background-color: var(--total-footer-bg-color);
}

#ht-colophon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    background: var(--total-footer-bg-overlay);
}

.page-template-home-template #ht-colophon,
.home.blog #ht-colophon {
    margin-top: 0
}

.ht-site-footer a {
    color: #BBB;
    text-decoration: none;
}

.ht-main-footer .widget-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--total-top-footer-title-color, #BBB);
    margin-bottom: 15px;
}

#ht-main-footer {
    position: relative;
    padding: 50px 0;
}

.ht-main-footer {
    display: flex;
    margin: 0 -20px;
}

.ht-footer {
    width: 25%;
    padding: 0 20px;
    color: var(--total-top-footer-text-color, #EEEEEE);
}

.ht-footer a {
    color: var(--total-footer-anchor-color, var(--total-top-footer-text-color, #EEEEEE));
}

.ht-footer a:hover {
    color: var(--total-footer-anchor-color-hover, var(--total-footer-anchor-color, var(--total-top-footer-text-color, #EEEEEE)));
}

.col-1-1 .ht-footer1 {
    width: 100%;
}

.col-2-1-1 .ht-footer {
    width: 50%;
}

.col-3-1-1-1 .ht-footer {
    width: 33.33%;
}

.col-4-1-1-1-1 .ht-footer {
    width: 25%;
}

.ht-footer .widget {
    margin-bottom: 30px;
}

.ht-footer .widget_block {
    margin-bottom: 0;
}

.ht-footer .widget:last-child {
    margin-bottom: 0;
}

.ht-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.ht-footer ul li {
    margin: 0 0 10px
}

.ht-footer ul ul {
    margin-top: 10px;
    margin-left: 10px
}

#ht-bottom-footer {
    font-size: 0.9em;
    position: relative;
    background: var(--total-bottom-footer-bg-color, rgba(0, 0, 0, 0.3));
    padding: 30px 0;
    color: var(--total-bottom-footer-text-color, #AAA);
    line-height: 1.2;
    text-align: center;
}

.ht-site-info a {
    color: var(--total-bottom-footer-anchor-color, #AAA);
    border-bottom: 1px dotted var(--total-bottom-footer-anchor-color, #AAA);
}

.ht-site-info a:hover {
    color: var(--total-bottom-footer-anchor-color-hover, var(--total-bottom-footer-anchor-color, #AAA));
    border-bottom-color: var(--total-bottom-footer-anchor-color-hover, var(--total-bottom-footer-anchor-color, #AAA));
}

#ht-back-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #111;
    height: 60px;
    width: 40px;
    color: #FFF;
    z-index: 99;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#ht-back-top:hover {
    background: var(--total-template-color);
}

#ht-back-top.ht-hide {
    bottom: -100px;
}

/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404 {
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
}

.error404 .oops-text {
    text-align: center;
}

.toggle-bar {
    display: none;
}


/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center;
}

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    border: 1px solid #dadada;
    border-radius: 2px;
    text-align: center;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    border-color: var(--total-template-color)
}

.woocommerce ul.products li.product a img {
    margin-bottom: 0;
}

.woocommerce ul.products li.product .total-product-title-wrap {
    padding: 20px 10px 0;
}

.woocommerce ul.products li.product a {
    color: inherit;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    margin: 0 0 6px;
    padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin: 5px -5px 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}

.woocommerce ul.products li.product .price {
    font-weight: 500;
    font-size: 20px;
    color: var(--total-template-color);
    margin: 0;
}

.woocommerce ul.products li.product .price del {
    display: inline;
    color: #999;
    opacity: 1;
}

.woocommerce ul.products li.product .price ins {
    display: inline;
    font-weight: 400;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 0;
    color: #FFF;
    background-color: var(--total-template-color);
    border: 1px solid var(--total-template-color);
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: #333;
    border: 1px solid #333;
    color: #FFF;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #FFF;
    border: 1px solid #dadada;
    border-radius: 3px;
    padding: 10px 20px;
    line-height: 20px;
    text-transform: capitalize;
}

.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover .added_to_cart {
    border-color: var(--total-template-color);
    background-color: var(--total-template-color);
    color: #FFF;
}

.woocommerce ul.products li.product .button.added {
    display: none;
}

.woocommerce ul.products li.product .button.loading {
    opacity: 1;
}

.woocommerce ul.products li.product .button.loading:after {
    position: static;
    display: inline-block;
    margin-left: 6px;
}


.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    border-color: var(--total-template-color);
    background-color: var(--total-template-color);
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #333;
    border-color: #333;
    color: #FFF;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 0;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
    margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: block;
    background: var(--total-template-color);
    color: #FFF;
    padding: 10px 15px;
    line-height: 1;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #333;
    color: #FFF;
}

.woocommerce span.onsale {
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: var(--total-template-color);
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
}

.woocommerce span.onsale:after {
    border-color: transparent #e8ae00 #e8ae00 transparent;
    border-width: 3px;
    border-style: solid;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0px;
}

.woocommerce ul.products li.product .onsale {
    margin: 10px -6px 0 0;
}

.woocommerce ul.products li.product .onsale:after {
    border-color: transparent transparent #e8ae00 #e8ae00;
    border-width: 3px;
    border-style: solid;
    right: 0px;
    left: auto;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--total-template-color)
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    font-weight: 400;
}

.woocommerce .product_meta {
    font-size: 15px;
}

.woocommerce .product_meta a {
    color: inherit;
}

.woocommerce .product_meta a:hover {
    color: var(--total-template-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    border-bottom: 2px solid var(--total-template-color);
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 0;
    font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--total-template-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #FFF !important;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3 {
    font-size: 22px;
    margin-bottom: 30px;
}

.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-email {
    width: 100%;
}

.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input {
    width: 100%;
}

.related.products h2 {
    margin-bottom: 30px;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    background: var(--total-template-color);
    padding: 10px 20px;
    color: #FFF;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    background: #333;
    color: #FFF;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background: var(--total-template-color);
    border-color: var(--total-template-color);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: inherit;
    padding: 8px;
}

.select2-container .select2-choice {
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}

.select2-results {
    font-size: 0.9em;
    color: inherit;
}

.select2-drop-active {
    border-color: #EEE;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-color: #EEE;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-top-color: var(--total-template-color);
    font-size: 0.9em;
}

.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
    color: var(--total-template-color);
}

.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button {
    padding: 5px 20px;
    line-height: 1;
    height: auto;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    font-weight: 400;
}

#customer_details {
    margin-bottom: 40px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: 1px solid #EEE;
    border-radius: 0;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: none;
}

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
    padding-top: 4px;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    font-weight: 400;
}

.woocommerce a.remove {
    font-family: Arial;
    font-weight: normal;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 8px;
}

.woocommerce .widget_layered_nav ul li {
    padding: 5px 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #FFF;
    border: 4px solid var(--total-template-color);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--total-template-color)
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #EEE;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
}

.woocommerce-MyAccount-navigation-link a {
    background: var(--total-template-color);
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
    background: #333;
}

/*Elementor Plugin Hack*/
.elementor-section > .elementor-column-gap-default > .elementor-row {
    width: calc(100% + 20px);
    margin: -10px;
}

.elementor-section > .elementor-column-gap-narrow > .elementor-row {
    width: calc(100% + 10px);
    margin: -5px;
}

.elementor-section > .elementor-column-gap-extended > .elementor-row {
    width: calc(100% + 30px);
    margin: -15px;
}

.elementor-section > .elementor-column-gap-wide > .elementor-row {
    width: calc(100% + 40px);
    margin: -20px;
}

.elementor-section > .elementor-column-gap-wider > .elementor-row {
    width: calc(100% + 60px);
    margin: -30px;
}

.elementor-element.e-con {
    --padding-top: var(--container-default-padding-top, 0);
    --padding-right: var(--container-default-padding-right, 0);
    --padding-bottom: var(--container-default-padding-bottom, 0);
    --padding-left: var(--container-default-padding-left, 0);
}

@media screen and (max-width: 1000px) {
    .toggle-bar {
        display: block;
        position: relative;
        height: 50px;
        width: 50px;
        background: var(--total-template-color);
        cursor: pointer;
    }

    .toggle-bar span {
        position: absolute;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        left: 8px;
        right: 8px;
        background: #FFF;
        box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
    }

    .ht-sticky-header .ht-header.headroom--not-top {
        position: relative;
    }

    .ht-sticky-header .ht-header.headroom--not-top .ht-container {
        padding: 15px 0;
    }

    .ht-sticky-header #ht-content {
        padding-top: 0 !important;
    }

    #ht-site-navigation .ht-menu {
        display: none;
        position: absolute;
        background: var(--total-submenu-bg-color, #FFF);
        left: 0;
        right: 0;
        top: 100%;
        z-index: 999;
        width: 100%;
        padding: 0;
        float: none;
    }

    .ht-menu > ul > li.menu-item > a {
        color: var(--total-submenu-link-color, #333);
    }

    .ht-menu > ul > li.menu-item:hover > a,
    .ht-menu > ul > li.menu-item.current_page_item > a,
    .ht-menu > ul > li.menu-item.current-menu-item > a,
    .ht-menu > ul > li.menu-item.current_page_ancestor > a,
    .ht-menu > ul > li.menu-item.current > a,
    .ht-menu ul ul li.menu-item:hover > a {
        color: var(--total-submenu-link-hover-color, var(--total-submenu-link-color, #333));
        background-color: var(--total-submenu-link-hover-bg-color);
    }

    .ht-menu {
        float: none;
    }

    .ht-menu li {
        float: none;
        margin-left: 0;
        text-align: center;
    }

    .ht-menu ul ul li {
        margin: 0;
    }

    .ht-site-header .ht-menu > ul > li > a,
    .ht-menu ul ul a {
        line-height: 1.3;
        padding: 15px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .ht-menu ul ul {
        position: static;
        padding: 0;
        margin-top: 0;
        box-shadow: none;
    }

    .ht-menu ul ul ul {
        margin: 0;
    }

    .menu-item-has-children .ht-dropdown,
    .menu-item-has-children ul .ht-dropdown {
        position: absolute;
        height: 26px;
        width: 26px;
        border: 1px solid rgba(0, 0, 0, 0.3);
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .menu-item-has-children .ht-dropdown:after,
    .menu-item-has-children ul .ht-dropdown:after {
        content: '\f107';
        font-family: FontAwesome;
        line-height: 26px;
        display: block;
    }

    .menu-item-has-children .ht-opened.ht-dropdown:after,
    .menu-item-has-children ul .ht-opened.ht-dropdown:after {
        content: '\f106';
    }

    .ht-menu > ul li.menu-item > a .ht-dropdown {
        border-color: var(--total-submenu-link-color, #333);
    }

    .ht-menu > ul li.menu-item:hover > a .ht-dropdown {
        border-color: var(--total-submenu-link-hover-color, var(--total-submenu-link-color, #333));
    }

    .ht-menu ul li:hover > ul {
        display: none;
    }

    .ht-menu ul ul {
        background: none;
        border: none;
    }

    #ht-team-section {
        padding-bottom: 30px;
    }

    .ht-team-member {
        width: 48%;
        margin-bottom: 30px;
    }

    .ht-team-member:nth-child(2n+1) {
        clear: both;
    }
}

@media screen and (max-width: 1024px) {
    [data-pllx-bg-ratio] {
        background-size: cover;
        background-position: center !important;
    }

    body.ht-ios [data-pllx-bg-ratio]{
        background-attachment: scroll !important;
    }
}

@media screen and (max-width: 767px) {
    #ht-site-branding img {
        width: var(--total-logo-width-tablet, var(--total-logo-width, 220px));
    }

    .ht-section-title,
    .ht-section-tagline {
        width: auto;
    }

    #ht-home-slider-section img {
        height: 500px;
        object-fit: cover;
        object-position: center;
    }

    #ht-about-us-section .ht-container {
        display: block;
    }

    .ht-about-sec {
        width: auto;
        float: none;
        padding: 0;
        margin-bottom: 30px;
    }

    .ht-about-image {
        width: auto;
        float: none;
        padding: 0;
        text-align: center;
    }

    .ht-featured-post-wrap {
        margin-left: 0;
    }

    .ht-featured-post {
        float: none;
        margin: 0 auto 80px;
        width: 75%;
    }

    .ht-featured-post:last-child {
        margin-bottom: 0;
    }

    .ht-portfolio-cat-name-list {
        text-align: center;
    }

    .ht-service-left-bg {
        display: none;
    }

    .ht-service-posts {
        float: none;
        width: auto;
        padding: 0;
    }

    .ht-counter {
        width: 45%;
        margin-bottom: 60px;
    }

    #ht-counter-section {
        padding-bottom: 0;
    }

    .ht-blog-wrap {
        margin: 0;
    }

    .ht-blog-post {
        width: 75%;
        margin: 0 auto 30px;
        float: none;
    }

    .ht-blog-post img {
        width: 100%;
    }

    .ht-main-footer {
        display: block;
    }

    .ht-footer {
        width: auto !important;
        margin: 0 0 30px;
        float: none;
    }

    .ht-footer:last-child {
        margin-bottom: 0;
    }

    .ht-slide-cap-title {
        font-size: 24px;
        font-size: 5vw;
        margin-bottom: 10px;
    }

    .ht-slide-cap-desc {
        font-size: 14px;
        font-size: 3vw;
    }

    #primary {
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
    }

    #secondary {
        width: auto !important;
        float: none !important;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 580px) {
    #ht-site-branding {
        margin-right: 20px;
    }

    #ht-home-slider-section .owl-carousel .owl-nav .owl-prev,
    #ht-home-slider-section .owl-carousel .owl-nav .owl-next {
        display: none;
    }

    #ht-home-slider-section img {
        height: 400px;
        object-fit: cover;
        object-position: center;
    }

    .ht-slide-cap-desc {
        font-size: 14px;
        font-size: 4vw;
    }

    .ht-team-member-wrap {
        margin-left: 0;
    }

    .ht-team-member {
        width: 75%;
        float: none;
        margin: 0 auto 30px;
    }

    .ht-team-counter-wrap {
        margin-left: 0;
    }

    .ht-counter {
        width: 75%;
        float: none;
        margin: 0 auto 60px;
    }

    .ht-portfolio {
        width: 50%;
        padding: 4px;
    }

    .ht-portfolio-caption {
        background: none !important;
        opacity: 1;
    }

    .ht-portfolio-caption h5,
    .ht-portfolio-caption a.ht-portfolio-link,
    .ht-portfolio-caption a.ht-portfolio-image {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .ht-portfolio-caption h5 {
        background: rgba(0, 0, 0, 0.2);
        padding: 10px;
        left: 0;
        right: 0;
        top: 0;
        text-align: center;
    }

    .ht-portfolio-caption a {
        right: 0;
        bottom: 0;
        margin: 0 5px;
    }

    .ht-portfolio-caption a.ht-portfolio-image {
        right: 46px;
    }
}

@media screen and (max-width: 480px) {
    #ht-site-branding img {
        width: var(--total-logo-width-mobile, var(--total-logo-width-tablet, var(--total-logo-width, 220px)));
    }

    .ht-blog-post,
    .ht-featured-post {
        width: auto;
    }

    .ht-team-member-wrap {
        margin-left: 0;
    }

    .ht-team-member,
    .ht-counter {
        width: auto;
        float: none;
    }

    .ht-testimonial-excerpt {
        width: auto;
    }

    .ht-testimonial-excerpt .fa-quote-left {
        left: 0;
    }

    .ht-cta-buttons a {
        display: block;
        margin: 0 0 15px;
    }

    .ht-post-info {
        float: none;
        width: auto;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ht-post-info .entry-date span.ht-day {
        font-size: 1em;
    }

    .ht-post-info .entry-date span {
        display: inline;
        margin-left: 6px;
    }

    .ht-post-info .entry-date {
        margin-bottom: 0;
    }

    .ht-post-info a {
        padding-top: 0;
        border: 0;
    }

    .ht-post-wrapper {
        padding-left: 0;
    }
}

@media screen and (min-width: 1001px) {
    .ht-menu {
        display: block !important;
    }

    .menu-item-has-children .ht-dropdown {
        pointer-events: none;
    }
}

/*--------------------------------------------------------------
## Gutenberg CSS
--------------------------------------------------------------*/

@media screen and (min-width: 768px) {

    .alignfull,
    .alignwide {
        width: auto;
        max-width: 1000%;
    }

    body.ht_no_sidebar:not(.ht-boxed) .alignfull,
    body.ht_no_sidebar_condensed:not(.ht-boxed) .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    body.ht_no_sidebar:not(.ht-boxed) .alignwide,
    body.ht_no_sidebar_condensed:not(.ht-boxed) .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
    }

    body.ht_right_sidebar:not(.ht-boxed) .alignfull {
        margin-left: calc(50% / .70 - 50vw);
    }

    body.ht_right_sidebar:not(.ht-boxed) .alignwide {
        margin-left: calc(25% / .70 - 25vw);
    }

    body.ht_right_sidebar:not(.ht-boxed) .align-wrap {
        width: auto;
        margin-left: calc(50% / .7 - 50vw);
    }

    body.ht_left_sidebar :not(.ht-boxed).alignfull {
        margin-right: calc(50% / .70 - 50vw);
    }

    body.ht_left_sidebar:not(.ht-boxed) .alignwide {
        margin-right: calc(25% / .70 - 25vw);
    }

    body.ht_left_sidebar:not(.ht-boxed) .align-wrap {
        width: auto;
        margin-right: calc(50% / .7 - 50vw);
    }
}

body.ht-boxed .alignwide {
    margin-left: 0;
    margin-right: 0;
}

.wp-block-latest-posts.is-grid {
    margin-left: 0;
}

.wp-block-quote {
    margin: 30px 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin: 30px 0;
}

.wp-block-categories,
.wp-block-archives {
    list-style: none;
}

.wp-block-pullquote {
    margin-bottom: 30px;
    padding: 40px 0;
}

.wp-block-pullquote blockquote {
    background: none;
    padding: 0;
    border: none;
    margin-bottom: 0;
}

.wp-block-pullquote cite {
    color: inherit;
}

.wp-block-gallery {
    margin-left: 0;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-image figcaption {
    font-size: 0.9em;
}
.airlines_ander_ka_header_right_page, .site-main{
	clear:both
}
@media only screen and (max-width: 319px), (min-width: 320px) and (max-width: 359px), (min-width: 360px) and (max-width: 413px), (min-width: 414px) and (max-width: 643px), (min-width: 644px) and (max-width: 767px) {
	.footercall button .content{
		font-size:20px;
	}
	.airlines_ander_ka_header_right_page{
		clear:both
	}
	.fr{
		clear:both;
		margin-top:20px;
		float:left
	}
	.callusnw{
		font-size:12px;
	}
}