Gemini
Responsive Button Fix for Mobile
New chat
My stuff
Notebooks
New notebook
Gems
Chats
Responsive Button Fix for Mobile
Button HTML and CSS Analysis
Responsive Button Layout Fix
Separate HTML and CSS Files
HTML Analysis: ukScholars Website
Singer AC Model Specifications and Care
check this design details
<Window x:Class="HridiX.MainWindow"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"         xmlns:primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=PresentationFramework"         mc:Ignorable="d"         Title="HridiX POS"         Height="800" Width="1200"         MinHeight="760" MinWidth="1020"         WindowStartupLocation="CenterScreen"         Background="#F5F5F7">     <Window.Resources>         <Style x:Key="ScrollBarThumbStyle" TargetType="{x:Type primitives:Thumb}">             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type primitives:Thumb}">                         <Grid>                             <Border Background="#C0C0C0" CornerRadius="5"/>                         </Grid>                     </ControlTemplate>                 </Setter.Value>             </Setter>         </Style>         <Style TargetType="{x:Type ScrollBar}">             <Setter Property="Height" Value="3"/>             <Setter Property="Width" Value="8"/>             <Setter Property="Background" Value="#EAEAEA"/>             <Setter Property="BorderThickness" Value="0"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type ScrollBar}">                         <Grid SnapsToDevicePixels="true">                             <Border Background="{TemplateBinding Background}" CornerRadius="1.5"/>                             <primitives:Track x:Name="PART_Track">                                 <primitives:Track.Thumb>                                     <primitives:Thumb Style="{StaticResource ScrollBarThumbStyle}"/>                                 </primitives:Track.Thumb>                             </primitives:Track>                         </Grid>                     </ControlTemplate>                 </Setter.Value>             </Setter>         </Style>         <Style x:Key="PosButtonStyle" TargetType="{x:Type Button}">             <Setter Property="FontSize" Value="24"/>             <Setter Property="FontWeight" Value="SemiBold"/>             <Setter Property="Foreground" Value="White"/>             <Setter Property="Padding" Value="15"/>             <Setter Property="Margin" Value="5"/>             <Setter Property="Cursor" Value="Hand"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <Border x:Name="ButtonBorder"                                 Background="{TemplateBinding Background}"                                 BorderBrush="{TemplateBinding BorderBrush}"                                 CornerRadius="10"                                 BorderThickness="{TemplateBinding BorderThickness}">                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                             <Border.RenderTransform>                                 <ScaleTransform ScaleX="1" ScaleY="1"/>                             </Border.RenderTransform>                         </Border>                         <ControlTemplate.Triggers>                             <EventTrigger RoutedEvent="MouseEnter">                                 <BeginStoryboard>                                     <Storyboard>                                         <DoubleAnimation Storyboard.TargetName="ButtonBorder"                                                  Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"                                                  To="1.02" Duration="0:0:0.1" AutoReverse="True"/>                                         <DoubleAnimation Storyboard.TargetName="ButtonBorder"                                                  Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"                                                  To="1.02" Duration="0:0:0.1" AutoReverse="True"/>                                     </Storyboard>                                 </BeginStoryboard>                             </EventTrigger>                             <Trigger Property="IsMouseOver" Value="True">                                 <Setter Property="Opacity" Value="0.95"/>                                 <Setter Property="Effect">                                     <Setter.Value>                                         <DropShadowEffect Color="#CCCCCC" Direction="270" ShadowDepth="2" Opacity="0.5" BlurRadius="5"/>                                     </Setter.Value>                                 </Setter>                             </Trigger>                             <Trigger Property="IsPressed" Value="True">                                 <Setter Property="Opacity" Value="0.8"/>                                 <Setter Property="RenderTransform">                                     <Setter.Value>                                         <ScaleTransform ScaleX="0.98" ScaleY="0.98"/>                                     </Setter.Value>                                 </Setter>                                 <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>                                 <Setter Property="Effect">                                     <Setter.Value>                                         <DropShadowEffect Color="#AAAAAA" Direction="270" ShadowDepth="1" Opacity="0.8" BlurRadius="3"/>                                     </Setter.Value>                                 </Setter>                             </Trigger>                         </ControlTemplate.Triggers>                     </ControlTemplate>                 </Setter.Value>             </Setter>         </Style>         <Style x:Key="SmallActionButtonStyle" TargetType="{x:Type Button}" BasedOn="{StaticResource PosButtonStyle}">             <Setter Property="FontSize" Value="13"/>             <Setter Property="FontWeight" Value="SemiBold"/>             <Setter Property="Padding" Value="5 8"/>             <Setter Property="Margin" Value="3"/>             <Setter Property="Height" Value="40"/>             <Setter Property="Background" Value="#6200EE"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <Border Background="{TemplateBinding Background}"                                 BorderBrush="{TemplateBinding BorderBrush}"                                 CornerRadius="8"                                 BorderThickness="{TemplateBinding BorderThickness}">                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                         </Border>                     </ControlTemplate>                 </Setter.Value>             </Setter>         </Style>         <Style x:Key="TinyActionButtonStyle" TargetType="{x:Type Button}" BasedOn="{StaticResource PosButtonStyle}">             <Setter Property="FontSize" Value="10"/>             <Setter Property="FontWeight" Value="SemiBold"/>             <Setter Property="Padding" Value="0"/>             <Setter Property="Height" Value="22"/>             <Setter Property="Width" Value="30"/>             <Setter Property="Background" Value="#BBDEFB"/>             <Setter Property="Foreground" Value="#333333"/>             <Setter Property="BorderThickness" Value="0"/>             <Setter Property="Margin" Value="0"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <Border Background="{TemplateBinding Background}"                                 BorderBrush="{TemplateBinding BorderBrush}"                                 CornerRadius="6"                                 BorderThickness="{TemplateBinding BorderThickness}">                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                         </Border>                     </ControlTemplate>                 </Setter.Value>             </Setter>         </Style>         <Style x:Key="CategoryButtonStyle" TargetType="{x:Type Button}">             <Setter Property="Margin" Value="4"/>             <Setter Property="Background" Value="#F0F0F0"/>             <Setter Property="Foreground" Value="#333333"/>             <Setter Property="FontSize" Value="14"/>             <Setter Property="FontWeight" Value="SemiBold"/>             <Setter Property="BorderThickness" Value="0"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <Border Background="{TemplateBinding Background}"                                 BorderBrush="{TemplateBinding BorderBrush}"                                 CornerRadius="10" BorderThickness="{TemplateBinding BorderThickness}">                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                         </Border>                     </ControlTemplate>                 </Setter.Value>             </Setter>             <Style.Triggers>                 <Trigger Property="IsMouseOver" Value="True">                     <Setter Property="Background" Value="#E6FFCC"/>                 </Trigger>                 <Trigger Property="IsPressed" Value="True">                     <Setter Property="Background" Value="#007AFF"/>                     <Setter Property="Foreground" Value="White"/>                     <Setter Property="RenderTransform">                         <Setter.Value>                             <ScaleTransform ScaleX="0.97" ScaleY="0.97"/>                         </Setter.Value>                     </Setter>                     <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>                 </Trigger>             </Style.Triggers>         </Style>         <DataTemplate x:Key="CategoryButtonTemplate">             <Button Content="{Binding Name}"                     Style="{StaticResource CategoryButtonStyle}"                     Command="{Binding DataContext.SelectParentCategoryCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"                     CommandParameter="{Binding}" />         </DataTemplate>         <Style x:Key="SubCategoryButtonStyle" TargetType="{x:Type Button}">             <Setter Property="Height" Value="60"/>             <Setter Property="Margin" Value="2"/>             <Setter Property="Background" Value="#E3F2FD"/>             <Setter Property="Foreground" Value="#212121"/>             <Setter Property="FontSize" Value="15"/>             <Setter Property="FontWeight" Value="Medium"/>             <Setter Property="HorizontalAlignment" Value="Stretch"/>             <Setter Property="BorderThickness" Value="0"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <Border Background="{TemplateBinding Background}"                                 BorderBrush="{TemplateBinding BorderBrush}"                                 CornerRadius="8"                                 BorderThickness="{TemplateBinding BorderThickness}">                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                         </Border>                     </ControlTemplate>                 </Setter.Value>             </Setter>             <Style.Triggers>                 <Trigger Property="IsMouseOver" Value="True">                     <Setter Property="Background" Value="#C5E1A5"/>                     <Setter Property="Foreground" Value="#000000"/>                 </Trigger>                 <Trigger Property="IsPressed" Value="True">                     <Setter Property="Background" Value="#8BC34A"/>                     <Setter Property="RenderTransform">                         <Setter.Value>                             <ScaleTransform ScaleX="0.98" ScaleY="0.98"/>                         </Setter.Value>                     </Setter>                     <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>                 </Trigger>             </Style.Triggers>         </Style>         <DataTemplate x:Key="SubCategoryButtonTemplate">             <Button Content="{Binding Name}"                     Style="{StaticResource SubCategoryButtonStyle}"                     Command="{Binding DataContext.SelectSubCategoryCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"                     CommandParameter="{Binding}" />         </DataTemplate>         <Style x:Key="MenuItemButtonStyle" TargetType="{x:Type Button}">             <Setter Property="Margin" Value="5"/>             <Setter Property="Padding" Value="0"/>             <Setter Property="Background" Value="#FFFFFF"/>             <Setter Property="Foreground" Value="#333333"/>             <Setter Property="BorderThickness" Value="0"/>             <Setter Property="Cursor" Value="Hand"/>             <Setter Property="Effect">                 <Setter.Value>                     <DropShadowEffect Color="#E0E0E0" Direction="315" ShadowDepth="4" Opacity="0.8" BlurRadius="8"/>                 </Setter.Value>             </Setter>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <Border Background="{TemplateBinding Background}"                                 BorderBrush="{TemplateBinding BorderBrush}"                                 CornerRadius="12"                                 BorderThickness="{TemplateBinding BorderThickness}"                                 Effect="{TemplateBinding Effect}">                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                         </Border>                     </ControlTemplate>                 </Setter.Value>             </Setter>             <Style.Triggers>                 <Trigger Property="IsMouseOver" Value="True">                     <Setter Property="Background" Value="#F0F0F0"/>                     <Setter Property="Effect">                         <Setter.Value>                             <DropShadowEffect Color="#C0C0C0" Direction="315" ShadowDepth="6" Opacity="0.8" BlurRadius="12"/>                         </Setter.Value>                     </Setter>                 </Trigger>                 <Trigger Property="IsPressed" Value="True">                     <Setter Property="Background" Value="#E0E0E0"/>                     <Setter Property="RenderTransform">                         <Setter.Value>                             <ScaleTransform ScaleX="0.95" ScaleY="0.95"/>                         </Setter.Value>                     </Setter>                     <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>                     <Setter Property="Effect" Value="{x:Null}"/>                 </Trigger>             </Style.Triggers>         </Style>         <DataTemplate x:Key="MenuItemButtonTemplate">             <Button Style="{StaticResource MenuItemButtonStyle}"                     Command="{Binding DataContext.SelectMenuItemCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"                     CommandParameter="{Binding}">                 <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10">                     <TextBlock Text="{Binding Name}" FontWeight="Bold" FontSize="16" TextWrapping="Wrap" TextAlignment="Center" Margin="0,0,0,5"/>                     <TextBlock Text="{Binding Price, StringFormat='Tk.{0:F2}'}" FontSize="13" HorizontalAlignment="Center" Foreground="#666666"/>                 </StackPanel>             </Button>         </DataTemplate>         <Style x:Key="DataGridHeaderStyle" TargetType="{x:Type DataGridColumnHeader}">             <Setter Property="Background" Value="#F0F0F0"/>             <Setter Property="Foreground" Value="#444444"/>             <Setter Property="FontWeight" Value="SemiBold"/>             <Setter Property="FontSize" Value="14"/>             <Setter Property="Padding" Value="10,12"/>             <Setter Property="BorderBrush" Value="#E0E0E0"/>             <Setter Property="BorderThickness" Value="0,0,0,1"/>             <Setter Property="HorizontalContentAlignment" Value="Center"/>         </Style>         <Style x:Key="DataGridRowStyle" TargetType="{x:Type DataGridRow}">             <Setter Property="Foreground" Value="#333333"/>             <Setter Property="Height" Value="40"/>             <Style.Triggers>                 <Trigger Property="IsSelected" Value="True">                     <Setter Property="Background" Value="#E8F5E9"/>                     <Setter Property="Foreground" Value="Black"/>                     <Setter Property="BorderBrush" Value="#8BC34A"/>                     <Setter Property="BorderThickness" Value="1,0,1,0"/>                 </Trigger>                 <Trigger Property="IsMouseOver" Value="True">                     <Setter Property="Background" Value="#F8F8F8"/>                 </Trigger>                 <Trigger Property="AlternationIndex" Value="0">                     <Setter Property="Background" Value="#FFFFFF"/>                 </Trigger>                 <Trigger Property="AlternationIndex" Value="1">                     <Setter Property="Background" Value="#F9F9F9"/>                 </Trigger>             </Style.Triggers>         </Style>         <Style x:Key="SidebarIconButtonStyle" TargetType="{x:Type Button}">             <!-- Adjusted size to support 20pt icons while remaining compact -->             <Setter Property="Width" Value="52"/>             <!-- Was 48 -->             <Setter Property="Height" Value="52"/>             <!-- Was 48 -->             <Setter Property="Background" Value="Transparent"/>             <Setter Property="BorderThickness" Value="0"/>             <Setter Property="Padding" Value="0"/>             <!-- Slightly increased vertical margin for better spacing -->             <Setter Property="Margin" Value="0,9,0,0"/>             <!-- Was 8 -->             <Setter Property="Foreground" Value="#888888"/>             <Setter Property="FontFamily" Value="/HridiX;component/Fonts/#Font Awesome 6 Free Solid"/>             <!-- Icon size updated as requested -->             <Setter Property="FontSize" Value="20"/>             <!-- Was 18 -->             <Setter Property="Cursor" Value="Hand"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <!-- Rounded to match smaller size proportionally -->                         <Border Background="{TemplateBinding Background}" CornerRadius="26">                             <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>                         </Border>                     </ControlTemplate>                 </Setter.Value>             </Setter>             <Style.Triggers>                 <Trigger Property="IsMouseOver" Value="True">                     <Setter Property="Background" Value="#E3F2FD"/>                     <Setter Property="Foreground" Value="#0288D1"/>                     <Setter Property="Effect">                         <Setter.Value>                             <DropShadowEffect Color="#0288D1" Direction="315" ShadowDepth="2" Opacity="0.3" BlurRadius="6"/>                         </Setter.Value>                     </Setter>                 </Trigger>                 <Trigger Property="IsPressed" Value="True">                     <Setter Property="RenderTransform">                         <Setter.Value>                             <ScaleTransform ScaleX="0.95" ScaleY="0.95"/>                         </Setter.Value>                     </Setter>                     <Setter Property="RenderTransformOrigin" Value="0.5,0.5"/>                 </Trigger>             </Style.Triggers>         </Style>         <Style x:Key="MenuItemSearchButtonStyle" TargetType="{x:Type Button}">             <Setter Property="Background" Value="#F0F0F0"/>             <Setter Property="BorderThickness" Value="0"/>             <Setter Property="Height" Value="40"/>             <Setter Property="Padding" Value="10"/>             <Setter Property="Margin" Value="10"/>             <Setter Property="HorizontalContentAlignment" Value="Left"/>             <Setter Property="VerticalContentAlignment" Value="Center"/>             <Setter Property="Cursor" Value="Arrow"/>             <Setter Property="Template">                 <Setter.Value>                     <ControlTemplate TargetType="{x:Type Button}">                         <Border Background="{TemplateBinding Background}"                                 BorderBrush="{TemplateBinding BorderBrush}"                                 BorderThickness="{TemplateBinding BorderThickness}"                                 CornerRadius="8">                             <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"                                               VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>                         </Border>                         <ControlTemplate.Triggers>                             <Trigger Property="IsMouseOver" Value="True">                                 <Setter Property="Background" Value="#E8E8E8"/>                             </Trigger>                             <Trigger Property="IsFocused" Value="True">                                 <Setter Property="BorderBrush" Value="#007AFF"/>                                 <Setter Property="BorderThickness" Value="1"/>                             </Trigger>                         </ControlTemplate.Triggers>                     </ControlTemplate>                 </Setter.Value>             </Setter>         </Style>     </Window.Resources>     <Grid x:Name="MainLayoutGrid" Margin="10" Background="Transparent">         <Grid.ColumnDefinitions>             <ColumnDefinition Width="80"/>             <ColumnDefinition Width="*"/>         </Grid.ColumnDefinitions>         <Grid.RowDefinitions>             <RowDefinition Height="80"/>             <RowDefinition Height="*"/>             <RowDefinition Height="120"/>         </Grid.RowDefinitions>         <Border Grid.Column="0" Grid.Row="0" Grid.RowSpan="3"         Background="#FFFFFF" CornerRadius="15"         BorderBrush="#EEEEEE" BorderThickness="1" Margin="0,0,5,0">             <Border.Effect>                 <DropShadowEffect Color="#E0E0E0" Direction="315" ShadowDepth="4" Opacity="0.8" BlurRadius="8"/>             </Border.Effect>             <Grid>                 <Grid.RowDefinitions>                     <RowDefinition Height="*"/>                     <RowDefinition Height="Auto"/>                 </Grid.RowDefinitions>                 <StackPanel Grid.Row="0" VerticalAlignment="Top" Margin="0,20,0,0">                     <TextBlock Text="Menu" TextAlignment="Center" FontSize="16" FontWeight="SemiBold" Foreground="#888888" Margin="0,0,0,10"/>                     <!-- Order Controls -->                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Kitchen">                         <TextBlock Text="&#xf249;"/>                         <!-- fa-cutlery -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Reject Items">                         <TextBlock Text="&#xf00d;"/>                         <!-- fa-times -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Items">                         <TextBlock Text="&#xf03a;"/>                         <!-- fa-list-alt -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Modify Item">                         <TextBlock Text="&#xf044;"/>                         <!-- fa-edit -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Discount">                         <TextBlock Text="&#xf02b;"/>                     </Button>                     <!-- Table Operations -->                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Set Waiter">                         <TextBlock Text="&#xf183;"/>                         <!-- fa-user-tie (if available, or use fa-user) -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Move Table">                         <TextBlock Text="&#xf0ec;"/>                         <!-- fa-random -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Join Tables">                         <TextBlock Text="&#xf0c1;"/>                         <!-- fa-link -->                     </Button>                     <!-- Customer and Management -->                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Customer">                         <TextBlock Text="&#xf007;"/>                         <!-- fa-user -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="System">                         <TextBlock Text="&#xf085;"/>                         <!-- fa-cogs -->                     </Button>                     <!-- Reports and Settings -->                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Service Charge">                         <TextBlock Text="&#xf5bf;+"/>                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Promotion">                         <TextBlock Text="&#xf0a1;"/>                         <!-- fa-bar-chart -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Item Discount">                         <TextBlock Text="&#xf295;"/>                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Order Log">                         <TextBlock Text="&#xf1da;"/>                         <!-- fa-history -->                     </Button>                     <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="PLU Setup">                         <TextBlock Text="&#xf02d;"/>                         <!-- fa-book -->                     </Button>                 </StackPanel>                 <!-- Logout Button at Bottom -->                 <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Logout"         Grid.Row="1" Margin="0,15,0,20">                     <TextBlock Text="&#xf08b;" Foreground="#EF5350"/>                 </Button>                 <Button Style="{StaticResource SidebarIconButtonStyle}" ToolTip="Logout"                 Grid.Row="1" Margin="0,15,0,20">                     <TextBlock Text="&#xf2f5;" Foreground="#EF5350"/>                 </Button>             </Grid>         </Border>         <Border Grid.Column="1" Grid.Row="0"                 Background="#FFFFFF" BorderBrush="#EEEEEE" BorderThickness="1" Margin="5,0,0,5"                 CornerRadius="15" Padding="5">             <Border.Effect>                 <DropShadowEffect Color="#E0E0E0" Direction="315" ShadowDepth="4" Opacity="0.8" BlurRadius="8"/>             </Border.Effect>             <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">                 <ItemsControl x:Name="ParentCategoryItemsControl"                               ItemsSource="{Binding FoodCategories}"                               ItemTemplate="{StaticResource CategoryButtonTemplate}">                     <ItemsControl.ItemsPanel>                         <ItemsPanelTemplate>                             <UniformGrid Rows="1" VerticalAlignment="Stretch"/>                         </ItemsPanelTemplate>                     </ItemsControl.ItemsPanel>                 </ItemsControl>             </ScrollViewer>         </Border>         <Border Grid.Column="1" Grid.Row="1"                 Background="Transparent" BorderThickness="0" Margin="5,5,0,5">             <Grid x:Name="MainContentGridsContainer">                 <Grid.ColumnDefinitions>                     <ColumnDefinition Width="350"/>                     <ColumnDefinition Width="*"/>                     <ColumnDefinition Width="450"/>                 </Grid.ColumnDefinitions>                 <Border Grid.Column="0" Background="#FFFFFF" CornerRadius="15"                         BorderBrush="#EEEEEE" BorderThickness="1" Margin="0,0,5,0">                     <Border.Effect>                         <DropShadowEffect Color="#E0E0E0" Direction="315" ShadowDepth="4" Opacity="0.8" BlurRadius="8"/>                     </Border.Effect>                     <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled"                                   Padding="5">                         <ItemsControl x:Name="SubCategoryItemsControl"                                       ItemsSource="{Binding SubCategories}"                                       ItemTemplate="{StaticResource SubCategoryButtonTemplate}">                             <ItemsControl.ItemsPanel>                                 <ItemsPanelTemplate>                                     <StackPanel Orientation="Vertical" />                                 </ItemsPanelTemplate>                             </ItemsControl.ItemsPanel>                         </ItemsControl>                     </ScrollViewer>                 </Border>                 <Border Grid.Column="1" Background="#FFFFFF" CornerRadius="15"                         BorderBrush="#EEEEEE" BorderThickness="1" Margin="5,0,5,0">                     <Border.Effect>                         <DropShadowEffect Color="#E0E0E0" Direction="315" ShadowDepth="4" Opacity="0.8" BlurRadius="8"/>                     </Border.Effect>                     <Grid>                         <Grid.RowDefinitions>                             <RowDefinition Height="Auto"/>                             <RowDefinition Height="*"/>                         </Grid.RowDefinitions>                         <Button Grid.Row="0" Style="{StaticResource MenuItemSearchButtonStyle}">                             <StackPanel Orientation="Horizontal" VerticalAlignment="Center">                                 <TextBlock Text="&#xf002;" FontFamily="/HridiX;component/Fonts/#Font Awesome 6 Free Solid" FontSize="16" Foreground="#888888" Margin="10,0,5,0"/>                                 <TextBlock Text="Search Menu Items..." Foreground="#AAAAAA" FontSize="14"/>                             </StackPanel>                         </Button>                         <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled" Margin="0,5,0,0">                             <ItemsControl x:Name="MenuItemItemsControl"                                           ItemsSource="{Binding MenuItems}"                                           ItemTemplate="{StaticResource MenuItemButtonTemplate}">                                 <ItemsControl.ItemsPanel>                                     <ItemsPanelTemplate>                                         <UniformGrid Columns="4"/>                                     </ItemsPanelTemplate>                                 </ItemsControl.ItemsPanel>                             </ItemsControl>          
HTML to XAML Conversion for POS
Multi-Branch POS with Central Inventory
Professional Website Renewal Notification Options
Website Development Details and Pricing
Dashboard Button Requirements and Naming

Activity

Settings & help
Dhaka, Bangladesh
From your IP address
•
Update location
Conversation with Gemini
Check my files , i have attached .css and .js file as .txt also few html files. on index.html / home page there is 2 button "Student Consultancy" and "Technology Services" these button not fully fit to mobile devices , may be for hero slider on banner (not sure) please fix this as fully computable with all devices like phone, tab, pc, laptop. do whatever which is fully responsible .

To ensure the buttons in your hero section are fully responsive across all devices, including mobile and tablets, I have analyzed your index.html and uk scholars-all css.txt files. The issue typically arises from fixed widths or excessive margins that don't adjust for smaller screens.

Here is the fixed code for the hero section and the necessary CSS updates.

1. Updated index.html (Hero Section)
Wrap the buttons in a responsive container. This ensures they stack vertically on small screens and sit side-by-side on larger ones without overflowing.

HTML
<div class="slider-content">
    <h1 class="animated">Global Study Experts</h1>
    <p class="animated">ukScholars delivers tailored education consulting.</p>
    
    <div class="slider-btn-container mt-30">
        <a class="animated btn-hover btn-responsive" href="student-consultancy.html">
            Student Consultancy
        </a>
        <a class="animated btn-hover btn-responsive" href="technology-services.html">
            Technology Services
        </a>
    </div>
</div>
2. Required CSS Fixes
Add these styles to your assets/css/style.css (or at the end of your uk scholars-all css.txt file). These rules handle the button scaling and stacking logic.
+1

CSS
/* --- Responsive Button Styles --- */
.slider-btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center; /* Centers buttons on mobile */
}

.btn-responsive {
    display: inline-block;
    padding: 15px 30px;
    background-color: #00a651; /* Match your primary green */
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    text-align: center;
    min-width: 200px; /* Ensures a consistent touch target */
    transition: all 0.3s ease;
}

/* Tablet and Desktop Adjustment */
@media only screen and (min-width: 768px) {
    .slider-btn-container {
        justify-content: flex-start; /* Aligns left on larger screens */
    }
}

/* Mobile Specific Tweaks */
@media only screen and (max-width: 767px) {
    .slider-content h1 {
        font-size: 28px !important; /* Adjust heading size for mobile */
        line-height: 1.2;
    }
    
    .btn-responsive {
        width: 100%; /* Buttons take full width on small phones */
        margin-right: 0 !important;
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .slider-btn-container {
        gap: 10px;
    }
}
Summary of Improvements:

Flexbox Layout: Replaces fixed margins with a flex container that uses flex-wrap, allowing buttons to stack naturally when the screen width is too narrow.


Dynamic Widths: Buttons use width: 100% on mobile to prevent them from "bleeding" off the edge of the screen, while maintaining a professional min-width on desktops.
+1

Touch Friendly: Increased the clickable area for mobile users to improve the User Experience (UX) on touch devices.

Alignment Logic: The buttons center themselves on mobile for a balanced look but revert to left-alignment on laptops and PCs to match your original design.

can you update and regenerate index.html and css file with proper comments

Your updated index.html and style.css files are ready.

I have implemented a Flexbox-based responsive grid for the hero buttons. This ensures that on large screens (Laptops/PCs), the buttons sit professionally side-by-side, while on mobile devices, they stack vertically and expand to fill the screen width for better touch accessibility.

Key Changes Made:
Mobile-First Design: Added a .slider-btn-container that uses flex-wrap. On phones, it switches to flex-direction: column to prevent the buttons from overflowing or shrinking too small.

Typography & Spacing: Added specific media queries to slightly reduce the Hero Heading size on small screens, ensuring the buttons stay within the visible "fold" of the mobile screen.

Comments: Included clear section headers and explanatory comments in both the HTML and CSS so you can easily identify the responsive logic.

Touch Targets: Set a min-width and increased padding for the buttons on mobile to ensure they are easy to click with a thumb.

Your updated files are ready
HTML icon
 updated_index 
HTML
CSS icon
 updated_style 
CSS

Instructions:

Replace your existing index.html with the content of updated_index.html.

Replace your assets/css/style.css with the content of updated_style.css.

so i don't need other css file changes like "bootstrap.min.css" or "icons.min.css" except style .css?

No, you do not need to change bootstrap.min.css, icons.min.css, or plugins.css.

In modern web development, these are considered vendor files (third-party libraries). You should almost never modify them directly for three reasons:

Maintenance: If you ever update Bootstrap to a newer version, all your manual changes will be overwritten and lost.

Specificity: Your custom style.css is loaded after Bootstrap in your <head> section. Because of the "Cascading" nature of CSS, the rules you write in style.css will naturally override Bootstrap’s default styles.

Readability: Keeping your custom fixes in one place makes it much easier to debug your site later.

How it works on your site:
The code I provided uses the .btn-responsive class. Since this class doesn't exist in Bootstrap, it won't conflict with anything. Even for the mobile overrides (like reducing the font size of h1), using the !important tag in your style.css ensures that your custom rules win the "battle" against Bootstrap's default settings.

Summary of what to do:
Leave these alone: bootstrap.min.css, icons.min.css, plugins.css.

Only modify: style.css (by adding the responsive code at the very bottom).

Update: index.html (to apply the new class names to the buttons).

By keeping your changes in style.css, you keep your project clean, professional, and easy to manage.

ok will catch you later from here , save me

No problem at all! I've got your progress saved right here in our conversation history.

Whenever you're ready to pick this back up—whether it's to tweak the mobile layout further, debug the POS system, or refine more website copy—just send a message. I'll remember the context of the ukScholars redesign and the responsive button fixes we just implemented.

Catch you later! Stay grounded and have a productive break.

hi

Hi there! I'm back and ready whenever you are.

I've got your ukScholars project files and our recent responsive fixes for the hero buttons on standby. If you've had a chance to test the updated index.html and style.css on your mobile or laptop, let me know how they look!

What's on the agenda for today? More web tweaks, or are we jumping back into the POS system logic?

but i can see there is underline "student-consultancy" and "technology-services" button also on "HOME" "ABOUT US" "SERVICES" etc. ,,, i don't need that and what font family you are using in reply please apply this font to my site,, you got it?

I understand perfectly. You want to remove the underlines from all links and buttons (including the menu and hero buttons) and switch the site's font to the Inter font family, which is the clean, modern font I use in my replies.
CSS icon
 updated_style 
CSS
CSS icon
 updated_style 
CSS

I have updated your CSS to handle both requests globally.

Key Updates Made:
Underline Removal: Added a global rule text-decoration: none !important; for all anchors (<a>), buttons, and menu items. This ensures "HOME", "ABOUT US", and your hero buttons stay clean and professional without the underline appearing on hover.

Font Family Update: I have applied the Inter font family across the entire site (headings, paragraphs, and navigation). This matches the modern look of the text in our conversation.

Hero Button Refinement: Re-applied the responsive logic while ensuring the "Inter" font and "no-underline" rules are strictly enforced.

Updated CSS File:
Next Steps:
Download the updated_style.css file above.

Replace the content of your assets/css/style.css with this new code.

Check index.html: Ensure your hero buttons are still using the btn-responsive class we added earlier:

HTML
<div class="slider-btn-container">
    <a class="btn-responsive" href="student-consultancy.html">Student Consultancy</a>
    <a class="btn-responsive" href="technology-services.html">Technology Services</a>
</div>
This will give the entire website a unified, modern, and "fully responsible" look across all devices. Let me know if you'd like to adjust anything else!

2 css file ? which one i will use and where?

You should only use one CSS file. I have combined everything into a single, complete file named style.css for you.
CSS icon
 style 
CSS
CSS icon
 style 
CSS

Where to use it:
Download the style.css file generated below.

Go to your project folder: Find the folder named assets/css/.

Replace the old file: Delete the existing style.css in that folder and upload this new one.

What this file does:
Fixes the Buttons: Makes "Student Consultancy" and "Technology Services" fit perfectly on mobile and PC.

Removes Underlines: Cleans up the "HOME", "ABOUT US", and "SERVICES" menu items so they don't have that line underneath them.

Updates the Font: Switches the entire website to the clean Inter font you see in this chat.

Important:
Make sure your index.html file (the one we updated earlier) is using the correct container for those two buttons. It should look like this:

HTML
<div class="slider-btn-container">
    <a class="btn-responsive" href="student-consultancy.html">Student Consultancy</a>
    <a class="btn-responsive" href="technology-services.html">Technology Services</a>
</div>
Once you replace the CSS file in assets/css/style.css, everything will update automatically across all your pages!

please use this font and font family "font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;"

I have updated the style.css file with the exact font stack you requested. This font setup uses the native system fonts of the device (Apple, Windows, Android), making the site load faster and look very sharp.
CSS icon
 style 
CSS
CSS icon
 style 
CSS

Updates Included:
Font Family: Applied -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif globally across all text, headings, and buttons.

No Underlines: Strictly removed underlines from all links, including your main menu ("HOME", "ABOUT US", etc.) and the hero buttons.

Full Responsibility: Maintained the responsive logic so the buttons on the home page fit perfectly on all devices from small phones to large desktops.

Deployment:
Download the new style.css file below.

Replace your existing assets/css/style.css with this file.

Everything should now look clean and modern with the system font stack! Let me know if you need any further adjustments.

ok now look at "https://ukscholars.com/student-consultancy.html" you will find 2 button named "About us" and "Contact us" i want "student-consultancy" and "technology-services" same as it is

I have updated student-consultancy.html to replace the "About us" and "Contact us" buttons with "Student Consultancy" and "Technology Services."
HTML icon
 updated_st...onsultancy 
HTML
HTML icon
 updated_st...onsultancy 
HTML

I also ensured they use the new .btn-responsive class and the .slider-btn-container wrapper. This means they will now behave exactly like the buttons on your home page:

They will use the clean system font stack.

They will have no underlines.

They will be fully responsive (stacking on mobile, side-by-side on PC).

Updated File:
How to apply this:
Download the updated_student_consultancy.html file.

Rename it to student-consultancy.html.

Upload it to your server, overwriting the old version.

Since you are already using the updated style.css we created in the previous step, these buttons will automatically inherit the correct styles as soon as you refresh the page.

Would you like me to apply this same change to the "Technology Services" page or any other inner pages?

no no

Understood—I will stop applying those specific changes to the inner pages.

If you'd like to revert anything or if you have a different plan for how those buttons should look on the Student Consultancy or Technology Services pages, just let me know.

I'm standing by for your next instruction!

on home page button Student Consultancy or Technology Services design look like to https://ukscholars.com/student-consultancy.html" you will find 2 button named "About us" and "Contact us"  you got it?

I understand perfectly. You want the Student Consultancy and Technology Services buttons on the Home Page to have the exact same visual design (colors, padding, hover effects) as the "About us" and "Contact us" buttons found on the inner pages.
HTML icon
 index_matched 
HTML
HTML icon
 index_matched 
HTML

I have updated your index.html to use the btn-hover and slider-btn classes, which are the ones that define that specific look in your main stylesheet.

Updates Made:
Class Matching: Changed the buttons to use class="animated btn-hover". This ensures they inherit the green background and hover animation used on your other pages.

Container Update: Used the .slider-btn wrapper to ensure the spacing matches your inner page layout perfectly.

Responsive Integrity: These classes work with the responsive CSS we just built, so they will still look great on mobile.

Updated File:
How to Apply:
Download the index_matched.html file.

Rename it to index.html.

Upload it to your root folder.

Since we already cleaned up the underlines and set the system font in your style.css, these buttons will now look modern, clean, and perfectly consistent with the rest of your website.

see this button design and style where both button are slightly rounded and i want want the Student Consultancy and Technology Services buttons on the Home Page to have the exact same visual design (colors, padding, hover effects)

I have analyzed the image looklike.jpg and updated the styles to match that exact "slightly rounded" look with the specific green and white/border style.
CSS icon
 style 
CSS

What I've updated:
Slightly Rounded Corners: I used border-radius: 30px to get that smooth pill-shape shown in your image.

Color Logic:

Student Consultancy: Solid Green with a white text.

Technology Services: White border with transparent background (Ghost button style) to match the professional contrast in your screenshot.

Hover Effects: Added a smooth transition where the colors swap or lift slightly, making them feel interactive.

Font: Applied the system font stack as requested previously.

1. Updated style.css
Replace your assets/css/style.css with this file. It now contains the .btn-matched classes.

[file-tag: code-generated-file-0-1776796347318855648]

2. Updated index.html Code
To make these styles work, you need to use these specific classes in your index.html file. Replace the button section in your hero slider with this:

HTML
<div class="slider-btn-matched animated">
    <a class="btn-matched btn-consultancy" href="student-consultancy.html">Student Consultancy</a>
    <a class="btn-matched btn-tech" href="technology-services.html">Technology Services</a>
</div>
This setup ensures that the buttons are not just beautiful and matched to your image, but also fully responsible across mobile, tablet, and PC. Let me know how it looks!





Gemini is AI and can make mistakes, including about people. Your privacy & GeminiOpens in a new window

/* ***style.css*** */

@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800,900&display=swap");
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.row {
  margin-right: calc(var(--bs-gutter-x) * -.6);
  margin-left: calc(var(--bs-gutter-x) * -.6);
}

.row > * {
  padding-right: calc(var(--bs-gutter-x) * .6);
  padding-left: calc(var(--bs-gutter-x) * .6);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: calc(var(--bs-gutter-x) * .6);
  padding-left: calc(var(--bs-gutter-x) * .6);
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

/* body {
  background-color: #ffffff;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin-top: 0;
} */

body {
  background-color: #ffffff;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  margin-top: 0;
}

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  margin-bottom: 15px;

  font-family: "Inter", sans-serif;
  font-size: 16px;
}


h1 {
  font-size: 36px;
  line-height: 42px;
}

h2 {
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button,
input[type=submit] {
  cursor: pointer;
}

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

.highlight {
  font-weight: bold;
  color: #6c757d;
}
ulb {
  margin: 0;
  padding-left: 20px;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section {
  float: left;
  width: 100%;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.bg-img {
  background-position: center center;
  background-size: cover;
}

.border-bottom-1 {
  border-bottom: 1px solid #d5d5d5;
}

a:hover {
  color: #00a651;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .mt-80 {
    margin-top: 60px;
  }
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-150 {
  margin-top: 150px;
}

/*************************
      Margin right
*************************/
.mr-0 {
  margin-right: 0px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-150 {
  margin-right: 150px;
}

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .mb-80 {
    margin-bottom: 60px;
  }
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .mb-100 {
    margin-bottom: 50px;
  }
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-150 {
  margin-bottom: 150px;
}

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0;
}

.ml-10 {
  margin-left: 10px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-150 {
  margin-left: 150px;
}

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .pt-70 {
    padding-top: 60px;
  }
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-90 {
  padding-top: 90px;
}
@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 60px;
  }
}

.pt-100 {
  padding-top: 100px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}
@media only screen and (max-width: 767px) {
  .pt-110 {
    padding-top: 40px;
  }
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}
@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 50px;
  }
}

.pt-125 {
  padding-top: 125px;
}
@media only screen and (max-width: 767px) {
  .pt-125 {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-125 {
    padding-top: 75px;
  }
}

.pt-128 {
  padding-top: 128px;
}

.pt-130 {
  padding-top: 130px;
}
@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-130 {
    padding-top: 80px;
  }
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-180 {
  padding-top: 180px;
}
@media only screen and (max-width: 767px) {
  .pt-180 {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-180 {
    padding-top: 90px;
  }
}

.pt-205 {
  padding-top: 205px;
}

.pt-230 {
  padding-top: 230px;
}

.pt-270 {
  padding-top: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-270 {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-270 {
    padding-top: 100px;
  }
}

.pt-240 {
  padding-top: 240px;
}

.pt-365 {
  padding-top: 365px;
}

.pt-370 {
  padding-top: 370px;
}

.pt-380 {
  padding-top: 380px;
}

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-270 {
  padding-right: 270px;
}

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 60px;
  }
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .pb-100 {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-100 {
    padding-bottom: 50px;
  }
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}
@media only screen and (max-width: 767px) {
  .pb-115 {
    padding-bottom: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-115 {
    padding-bottom: 65px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 50px;
  }
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}
@media only screen and (max-width: 767px) {
  .pb-130 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-130 {
    padding-bottom: 80px;
  }
}

.pb-140 {
  padding-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .pb-140 {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-140 {
    padding-bottom: 50px;
  }
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-280 {
  padding-bottom: 280px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-285 {
  padding-bottom: 285px;
}

.pb-270 {
  padding-bottom: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-270 {
    padding-bottom: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-270 {
    padding-bottom: 100px;
  }
}

.pb-290 {
  padding-bottom: 290px;
}

/*************************
        Padding left
*************************/
.pl-0 {
  padding-left: 0;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-190 {
  padding-left: 190px;
}

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-35 {
  padding: 35px 0;
}

.ptb-32 {
  padding: 32px 0;
}

.ptb-40 {
  padding: 40px 0;
}

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-80 {
  padding: 80px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-110 {
  padding: 110px 0;
}

.ptb-120 {
  padding: 120px 0;
}

.ptb-130 {
  padding: 130px 0;
}

.ptb-140 {
  padding: 140px 0;
}

.ptb-150 {
  padding: 150px 0;
}

.ptb-160 {
  padding: 160px 0;
}

.ptb-170 {
  padding: 170px 0;
}

.ptb-177 {
  padding: 177px 0;
}

.ptb-180 {
  padding: 180px 0;
}

.ptb-190 {
  padding: 190px 0;
}

.ptb-200 {
  padding: 200px 0;
}

.ptb-210 {
  padding: 210px 0;
}

.ptb-220 {
  padding: 220px 0;
}

.ptb-290 {
  padding: 290px 0;
}

.ptb-310 {
  padding: 310px 0;
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
  margin: 0;
}

.mtb-10 {
  margin: 10px 0;
}

.mtb-15 {
  margin: 15px 0;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-110 {
  margin: 110px 0;
}

.mtb-120 {
  margin: 120px 0;
}

.mtb-130 {
  margin: 130px 0;
}

.mtb-140 {
  margin: 140px 0;
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-290 {
  margin: 290px 0;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input {
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #333;
  width: 100%;
}

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  color: #333;
}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px;
}

input:focus {
  background: transparent;
}

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
}

textarea:focus {
  background: transparent;
  border: 2px solid #4FC1F0;
  outline: none;
}

.input-group.divcenter.input-group .form-control {
  padding-left: 0px;
}

.custom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -21px;
  margin-left: -21px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.custom-col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
  padding-right: 21px;
  padding-left: 21px;
  position: relative;
  width: 100%;
  min-height: 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.mobile-menu-area {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-menu-area {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu-area {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mobile-menu-area {
    display: block;
  }
}

.mean-container a.meanmenu-reveal {
  top: -26px;
}

#mobile-menu-active {
  display: none;
}

.mobile-menu .mean-nav ul.menu-overflow {
  height: 215px;
  margin-top: 10;
  overflow-y: auto;
}

.mobile-menu.mean-container .mean-nav ul {
  margin: 14px 0 0;
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #00a651;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px;
  }
}
#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 40px;
    font-size: 16px;
  }
}
#scrollUp:hover i {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

/*--
    - Background Color
------------------------------------------*/
.bg-gray {
  background-color: #f6f7f8;
}

.default-btn {
  background-color: #00a651;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 21px 40px 21px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 1;
  letter-spacing: 0.5px;
  border-radius: 50px;
}
.default-btn:hover {
  background-color: #333;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .default-btn {
    padding: 14px 30px 14px;
    font-size: 15px;
  }
}

.default-overlay {
  position: relative;
}
.default-overlay:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  right: 0;
  bottom: 0;
}

/*--------- 2. Header style ---------*/
.header-top {
  padding: 15px 0 22px;
  position: relative;
}
.header-top:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 44px;
  content: "";
  background-color: #00a651;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .header-top:before {
    height: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-top:before {
    height: 46px;
  }
}

.header-contact ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header-contact ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-contact ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0px;
  }
}
.header-contact ul li {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-right: 48px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .header-contact ul li {
    margin-right: 18px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-contact ul li {
    font-size: 14px;
  }
}
.header-contact ul li i {
  font-size: 15px;
  margin-right: 10px;
}
.header-contact ul li:last-child {
  margin-right: 0px;
}
.header-contact ul li a {
  color: #fff;
}
.header-contact ul li a:hover {
  color: #eaeaea;
}

.login-register {
  float: right;
}
@media only screen and (max-width: 767px) {
  .login-register {
    float: inherit;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-register {
    float: right;
  }
}
.login-register ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .login-register ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.login-register ul li {
  margin-right: 30px;
  line-height: 1;
  position: relative;
}
.login-register ul li:last-child {
  margin-right: 0;
}
.login-register ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.login-register ul li a:hover {
  color: #ddd;
}
@media only screen and (max-width: 767px) {
  .login-register ul li a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-register ul li a {
    font-size: 14px;
  }
}
.login-register ul li:before {
  position: absolute;
  top: 3px;
  right: -16px;
  content: "";
  background-color: #fff;
  height: 10px;
  width: 1px;
}
.login-register ul li:last-child:before {
  display: none;
}

.logo {
  margin-top: 31px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .logo {
    margin-top: 0px;
  }
}

.menu-cart-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menu-cart-wrap {
    margin-right: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-cart-wrap {
    margin-right: 38px;
  }
}

.main-menu nav ul li {
  display: inline-block;
  margin-left: 20px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu nav ul li {
    margin-left: 15px;
  }
}
.main-menu nav ul li ul.submenu {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
  display: block;
  left: 0;
  padding: 20px 0px 22px;
  position: absolute;
  top: 100%;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 190px;
  z-index: 999;
}
.main-menu nav ul li ul.submenu li {
  display: block;
  padding: 0 20px;
  margin-left: 0px;
}
.main-menu nav ul li ul.submenu li a {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}
.main-menu nav ul li ul.submenu li a:hover {
  color: #00a651;
}
.main-menu nav ul li ul.submenu li a::before {
  background: #00a651 none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 15px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}
.main-menu nav ul li ul.submenu li:hover a::before {
  opacity: 1;
}
.main-menu nav ul li ul.submenu li:hover a {
  padding-left: 12px;
}
.main-menu nav ul li:hover > ul.submenu {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  visibility: visible;
}
> .main-menu nav ul li:first-child {
  margin-left: 0px;
}
.main-menu nav ul li:hover a {
  color: #00a651;
}
.main-menu nav ul li a {
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
  display: inline-block;
  line-height: 87px;
}
.main-menu nav ul li a i {
  color: #00a651;
  font-size: 12px;
  margin-left: 9px;
}
.main-menu nav ul li.mega-menu-position {
  position: static;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu {
  background-color: #fff;
  display: block;
  left: 0;
  padding: 33px 30px 30px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
          transform-origin: center top 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li {
  display: inline-block;
  float: left;
  padding-left: 60px;
  margin-left: 0;
  width: 25%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu nav ul li.mega-menu-position ul.mega-menu > li {
    padding-left: 30px;
  }
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title {
  float: inherit;
  width: 100%;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title a {
  color: #242424;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title a::before {
  display: none;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title:hover a {
  padding-left: 0px;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li {
  display: block;
  float: inherit;
  padding: 0px;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  text-transform: capitalize;
  padding-top: 0px;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a:hover {
  color: #00a651;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a::before {
  background: #00a651 none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 7px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 7px;
  z-index: 999;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li:hover a::before {
  opacity: 1;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li:hover a {
  padding-left: 12px;
}
.main-menu nav ul li.mega-menu-position:hover > ul.mega-menu {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  visibility: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-menu {
    display: none;
  }
}

.cart-search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 23px;
  margin-top: 31px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-search-wrap {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-search-wrap {
    margin-top: 0px;
  }
}

.cart-wrap {
  position: relative;
}
.cart-wrap button {
  padding: 0;
  border: none;
  background: transparent;
  position: relative;
  font-size: 16px;
  color: #333;
}
.cart-wrap button span.count-style {
  position: absolute;
  top: -8px;
  right: -11px;
  background-color: #00a651;
  color: #fff;
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  line-height: 19px;
  font-size: 12px;
}
.cart-wrap .shopping-cart-content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  display: none;
  padding: 31px 35px 10px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 340px;
  z-index: 9999;
}
@media only screen and (max-width: 767px) {
  .cart-wrap .shopping-cart-content {
    width: 295px;
    right: -80px;
    padding: 31px 15px 10px;
    overflow-y: auto;
    height: 300px;
    margin-top: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content {
    overflow-y: auto;
    height: 300px;
    margin-top: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content {
    overflow-y: auto;
    height: 400px;
  }
}
.cart-wrap .shopping-cart-content ul li {
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 82px;
          flex: 0 0 82px;
  margin-right: 15px;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 {
  color: #033333;
  font-size: 16px;
  line-height: 18px;
  font-weight: 55;
  margin: 0;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a {
  color: #033333;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a:hover {
  color: #00a651;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title h6 {
  font-size: 13px;
  margin: 3px 0 12px;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-title span {
  font-size: 15px;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-delete a {
  font-size: 16px;
  color: #00a651;
}
.cart-wrap .shopping-cart-content ul li .shopping-cart-delete a:hover {
  color: #333;
}
.cart-wrap .shopping-cart-content .shopping-cart-total h4 {
  font-size: 14px;
  margin-bottom: 17px;
}
.cart-wrap .shopping-cart-content .shopping-cart-total h4 span {
  float: right;
  color: #333;
}
.cart-wrap .shopping-cart-content .shopping-cart-btn {
  margin-top: 23px;
}
.cart-wrap .shopping-cart-content .shopping-cart-btn a {
  margin-bottom: 20px;
  padding: 16px 40px 17px;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.cart-wrap:hover > button {
  color: #00a651;
}

.header-search {
  position: relative;
  margin-left: 21px;
}
.header-search:hover > button {
  color: #00a651;
}
.header-search button {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 16px;
  color: #333;
}
.header-search .search-content {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  z-index: 999;
}
.header-search .search-content form {
  position: relative;
}
.header-search .search-content form input {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333;
  line-height: 30px;
  padding: 0 50px 0 20px;
  width: 210px;
  height: 40px;
}
.header-search .search-content form button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  height: 100%;
  border-left: 1px solid #ddd;
  padding: 5px 14px 5px 14px;
}
.header-search .search-content form button:hover {
  color: #00a651;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-bottom {
    padding: 20px 0;
  }
}

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/*--------- 3. Slider style ---------*/
.slider-height-1 {
  height: 844px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-1 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: 500px;
  }
}

.slider-active {
  position: relative;
}
.slider-active .slider-single-img {
  width: 504px;
  position: absolute;
  right: 256px;
  bottom: 0;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-active .slider-single-img {
    width: 430px;
    right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-active .slider-single-img {
    width: 380px;
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-active .slider-single-img {
    width: 350px;
    right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-active .slider-single-img {
    width: 250px;
    right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-active .slider-single-img {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content {
    padding-top: 100px;
  }
}
.slider-content h1 {
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content h1 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content h1 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content h1 {
    font-size: 28px;
  }
}
.slider-content p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  width: 90%;
  margin: 25px 0 47px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content p {
    width: 84%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content p {
    width: 78%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content p {
    width: 100%;
    margin: 15px 0 27px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content p {
    width: 100%;
    margin: 25px 0 30px;
  }
}
.slider-content .slider-btn a {
  margin-right: 27px;
}
.slider-content .slider-btn a:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .slider-content .slider-btn a {
    padding: 12px 16px 12px;
    font-size: 14px;
    margin-right: 10px;
  }
}
.slider-content .slider-btn a.btn-green-color {
  background-color: #00a651;
  color: #fff;
  border: 1px solid #00a651;
}
.slider-content .slider-btn a.btn-green-color:hover {
  background-color: #fff;
  border: 1px solid transparent;
  color: #00a651;
}
.slider-content .slider-btn a.btn-white-color {
  background-color: #fff;
  color: #00a651;
  border: 1px solid #77d0a2;
}
.slider-content .slider-btn a.btn-white-color:hover {
  background-color: #00a651;
  border: 1px solid transparent;
  color: #fff;
}

.owl-item .slider-content * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 p {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.owl-item.active .slider-animated-1.slider-single-img img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.owl-item.active .slider-animated-2.slider-single-img2 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 h1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 p {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.owl-item.active .slider-animated-2 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* slider style 2 home2*/
.slider-content.slider-content-2 {
  padding-top: 0px;
}
.slider-content.slider-content-2 p {
  width: 70%;
  margin: 25px auto 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content.slider-content-2 p {
    width: 78%;
    margin: 25px auto 35px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content.slider-content-2 p {
    width: 100%;
    margin: 20px auto 30px;
  }
}

.slider-overlay2-1.default-overlay::before {
  opacity: 0.39;
  background-color: #000;
}

.slider-overlay2-2.default-overlay::before {
  opacity: 0.43;
  background-color: #000;
}

.slider-overlay2-3.default-overlay::before {
  opacity: 0.7;
  background-color: #000;
}

.slider-height-2 {
  height: 800px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-2 {
    height: 600px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-2 {
    height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 480px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 480px;
  }
}

/*----------------- home 3 ----------------*/
.slider-height-3 {
  height: 800px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-3 {
    height: 600px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3 {
    height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3 {
    height: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 430px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-3 {
    height: 450px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-3.pt-170 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3.pt-170 {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3.pt-170 {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3.pt-170 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-3.pt-170 {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-3.pt-170 {
    padding-top: 50px;
  }
}

.slider-single-img2 {
  margin: 0 85px 0 15px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-single-img2 {
    width: 390px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-single-img2 {
    margin: 0;
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-single-img2 {
    margin: 0;
  }
}

.slider-content-3.ml-55 {
  margin-left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-3.pt-115 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3.pt-115 {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3.pt-115 {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-3.pt-115 {
    padding-top: 50px;
  }
}

.slider-content-3 h1 {
  color: #00a651;
  font-size: 60px;
  font-weight: bold;
  margin: 0;
}
.slider-content-3 h1 span.text-blue {
  color: #0259cf;
}
.slider-content-3 h1 span.text-pink {
  color: #c42d88;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3 h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 32px;
  }
}
.slider-content-3 p {
  font-size: 18px;
  line-height: 30px;
  margin: 38px 0 36px;
}
@media only screen and (max-width: 767px) {
  .slider-content-3 p {
    margin: 15px 0 20px;
    font-size: 17px;
  }
}

.nav-style-2.owl-carousel {
  position: relative;
}
.nav-style-2.owl-carousel .owl-nav button {
  background-color: #161616;
  color: #fff;
  font-size: 24px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
          box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
  left: 117px;
  opacity: 0;
  visibility: hidden;
}
.nav-style-2.owl-carousel .owl-nav button:hover {
  background-color: #00a651;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-2.owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-2.owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-2.owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-2.owl-carousel .owl-nav button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-2.owl-carousel .owl-nav button {
    width: 40px;
    height: 40px;
    line-height: 38px;
    left: 15px;
  }
}
.nav-style-2.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 117px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .nav-style-2.owl-carousel .owl-nav button.owl-next {
    right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-2.owl-carousel .owl-nav button.owl-next {
    right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-2.owl-carousel .owl-nav button.owl-next {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-2.owl-carousel .owl-nav button.owl-next {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-2.owl-carousel .owl-nav button.owl-next {
    right: 15px;
  }
}
.nav-style-2.owl-carousel:hover .owl-nav button {
  opacity: 1;
  visibility: visible;
}

.section-padding-1 .container-fluid {
  padding-right: 100px;
  padding-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-1 .container-fluid {
    padding-right: 80px;
    padding-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-1 .container-fluid {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-1 .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section-padding-1 .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-padding-1 .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.choose-bg-light-blue {
  background-color: #C47AFF; /* Lighter Blue */
}

.choose-bg-yellow {
  background-color: #7978FF; /* Gold Yellow */
}

.choose-bg-blue {
  background-color: #4649FF; /* Bright Blue */
}

.choose-bg-green {
  background-color: #1D1CE5; /* Fresh Green */
}


.choose-negative-mrg {
  margin-top: -102px;
  z-index: 9;
  position: relative;
}

.single-choose-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 48px 46px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-choose-us {
    padding: 50px 15px 46px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose-us {
    padding: 40px 15px 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose-us {
    padding: 30px 10px 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-choose-us {
    padding: 30px 20px 26px;
  }
}
@media only screen and (max-width: 767px) {
  .single-choose-us {
    padding: 30px 10px 26px;
  }
}
.single-choose-us .choose-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  margin-right: 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-choose-us .choose-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
            flex: 0 0 45px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose-us .choose-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35px;
            flex: 0 0 35px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose-us .choose-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35px;
            flex: 0 0 35px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .single-choose-us .choose-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35px;
            flex: 0 0 35px;
    margin-right: 10px;
  }
}
.single-choose-us .choose-img img {
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-choose-us .choose-content h3 {
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  margin: 0 0 12px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-choose-us .choose-content h3 {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose-us .choose-content h3 {
    font-size: 18px;
    margin: 0 0 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose-us .choose-content h3 {
    font-size: 18px;
    margin: 0 0 5px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-choose-us .choose-content h3 {
    font-size: 18px;
    margin: 0 0 5px;
    line-height: 25px;
  }
}
.single-choose-us .choose-content p {
  line-height: 26px;
  font-size: 16px;
  color: #fff;
}
.single-choose-us:hover .choose-img img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
          animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.section-title {
  position: relative;
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .section-title {
    margin-left: 0px;
  }
}
.section-title:before {
  content: url(../img/icon-img/section-shape.png);
  position: absolute;
  left: -32px;
  top: 2px;
  bottom: auto;
}
@media only screen and (max-width: 767px) {
  .section-title:before {
    left: -5px;
  }
}
.section-title h2 {
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 20px;
  line-height: 38px;
}
@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 27px;
    margin: 0 0 10px;
  }
}
.section-title h2 span {
  color: #00a651;
  font-weight: 400;
}
.section-title p {
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .section-title p {
    font-size: 16px;
  }
  
  .about-content > p {
    width: 99% !important;
  }
  
}

@media only screen and (max-width: 767px) {
  .section-title.mb-75 {
    margin-bottom: 35px;
  }

  .section-title.mb-75.mrg-bottom-small {
    margin-bottom: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.mb-75 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-3.mb-100 {
    margin-bottom: 80px;
  }
}
.section-title.white-text h2 {
  color: #fff;
}

.section-title-green p {
  /* color: #00a651; */
  color: #333;
}

@media only screen and (max-width: 767px) {
  .section-title.section-title-green.mb-30 {
    margin-bottom: 20px;
  }
}
.section-title-2 {
  position: relative;
  margin-left: 32px;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .section-title-2 {
    margin-left: 0px;
  }
}
.section-title-2:before {
  content: url(../img/icon-img/section-shape-2.png);
  position: absolute;
  left: -32px;
  top: 2px;
  bottom: auto;
}
@media only screen and (max-width: 767px) {
  .section-title-2:before {
    left: -5px;
  }
}
.section-title-2 h2 {
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 20px;
  line-height: 38px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .section-title-2 h2 {
    font-size: 35px;
  }
}
.section-title-2 h2 span {
  font-weight: 400;
}
.section-title-2 p {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}

.section-title-3 {
  position: relative;
}
.section-title-3:before {
  position: absolute;
  left: 0px;
  right: 0;
  margin: 0 auto;
  bottom: -29px;
}
.section-title-3 h2 {
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 20px;
  line-height: 38px;
}
@media only screen and (max-width: 767px) {
  .section-title-3 h2 {
    font-size: 33px;
    margin: 0 0 10px;
  }
}
.section-title-3 h2 span {
  color: #00a651;
  font-weight: 400;
}
.section-title-3 p {
  font-size: 16px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .section-title-3 p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-3.ml-70 {
    margin-left: 0px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-3.ml-70 {
    margin-left: 0px;
    margin-top: 50px;
  }
}
.section-title-3.white-text h2,
.section-title-3.white-text span,
.section-title-3.white-text p {
  color: #fff;
}

.section-shape-hm2-1:before {
  content: url(../img/icon-img/section-shape-3.png);
}

.section-shape-hm2-2:before {
  content: url(../img/icon-img/section-shape-4.png);
}

.single-choose-us2 h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 37px 0 16px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose-us2 h4 {
    font-size: 16px;
  }
}
.single-choose-us2 p {
  line-height: 23px;
  margin: 0;
}
.single-choose-us2:hover img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
          animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.choose-padding {
  padding-right: 68px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-padding {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-padding {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .choose-padding {
    padding-right: 0px;
  }
}

.choose-newsletter {
  padding: 35px 30px 50px;
  border: 1px solid #f6f6f6;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(222, 222, 222, 0.22);
          box-shadow: 0px 6px 12px 0.8px rgba(222, 222, 222, 0.22);
}
@media only screen and (max-width: 767px) {
  .choose-newsletter {
    padding: 35px 20px 50px;
  }
}
.choose-newsletter h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0 0 19px;
}
@media only screen and (max-width: 767px) {
  .choose-newsletter h4 {
    font-size: 16px;
  }
}
.choose-newsletter p {
  font-size: 15px;
  line-height: 26px;
  margin: 0 0 42px;
}
.choose-newsletter form input,
.choose-newsletter form textarea,
.choose-newsletter form button {
  background: transparent;
  border: 1px solid #f6f6f6;
  height: 50px;
  padding: 2px 25px;
  font-size: 14px;
  color: #333;
  margin: 0 0 11px;
}
.choose-newsletter form textarea {
  height: 132px;
  padding: 20px 25px;
}
.choose-newsletter form button {
  width: 100%;
  text-align: left;
}
.choose-newsletter form button:hover {
  background-color: #00a651;
  border: 1px solid #00a651;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-newsletter.ml-40 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .choose-newsletter.ml-40 {
    margin-left: 0;
  }
}
/*---------------- about us ----------------*/
.single-about-chose-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-about-chose-us .about-choose-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .single-about-chose-us .about-choose-img {
    margin-right: 10px;
  }
}
.single-about-chose-us .about-choose-content h3 {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-about-chose-us .about-choose-content h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .single-about-chose-us .about-choose-content h3 {
    font-size: 20px;
  }
}
.single-about-chose-us .about-choose-content p {
  line-height: 25px;
  margin: 0;
}
.single-about-chose-us:hover .about-choose-img img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
          animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.text-light-blue.about-choose-content h3 {
  color: #48a7d4;
}

.text-yellow.about-choose-content h3 {
  color: #fdc735;
}

.text-blue.about-choose-content h3 {
  color: #307ad5;
}

/*--------- 4. choose us area ---------*/
.text-green.about-choose-content h3 {
  color: #00a651;
}

.about-negative-mrg {
  margin-left: -30px;
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-negative-mrg {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-negative-mrg {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .about-negative-mrg {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.about-img img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .single-about-chose-us.mb-95 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .about-chose-us.pt-120 {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2.mb-75 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2.mb-75 {
    margin-bottom: 50px;
  }
}

/*--------- 5. About us ---------*/
.about-content {
  margin-top: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .about-content {
    margin-top: 0px;
  }
}
.about-content > p {
  line-height: 26px;
  width: 94%;
  margin: 0 0 0 32px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .about-content > p {
    margin: 0 0 0 0px;
  }
  .section-title-green p{
    text-align:left;
  }
  .about-content > p{
    text-align:left;
  }
}
.about-content .about-btn a.default-btn {
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
  margin: 0 0 0 32px;
}
@media only screen and (max-width: 767px) {
  .about-content .about-btn a.default-btn {
    margin: 0 0 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .about-content .about-btn.mt-45 {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .about-img.default-overlay {
    margin-top: 30px;
  }
}
.about-img.default-overlay:before {
  background-color: #000;
  opacity: 0.5;
}
.about-img.default-overlay img {
  width: 100%;
}
.about-img.default-overlay .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .about-img.default-overlay.about-img-2 {
    margin-top: 0;
  }
}
.about-img.about-img-2.default-overlay::before {
  background-color: #000;
  opacity: 0.61;
}

.about-content-2 p {
  line-height: 26px;
  margin: 0 0 30px;
}
.about-content-2 > img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-2 > img {
    width: auto;
  }
}
.about-content-2 .about-btn a.default-btn {
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-2.pr-70 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-2.pr-70 {
    padding-right: 0;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about-content-2.pr-70 {
    padding-right: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-img-2.mr-70 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img-2.mr-70 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-img-2.mr-70 {
    margin-right: 0;
  }
}
/* about us page */
.breadcrumb-top {
  position: relative;
  z-index: 9;
}
.breadcrumb-top h2 {
  font-weight: bold;
  font-size: 48px;
  margin: 0 0 22px;
  color: #fff;
  z-index: 9;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-top h2 {
    font-size: 35px;
    margin: 0 0 10px;
  }
}
.breadcrumb-top p {
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  z-index: 9;
  position: relative;
  margin: 0;
  width: 40%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-top p {
    width: 73%;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-top p {
    width: 100%;
  }
}

.breadcrumb-bottom {
  background-color: #00a651;
  padding: 14px 0 12px;
}
.breadcrumb-bottom ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.breadcrumb-bottom ul li a {
  font-weight: 500;
  font-size: 18px;
  color: #f6f6f6;
  line-height: 1;
}
.breadcrumb-bottom ul li a:hover {
  color: #fff;
}
.breadcrumb-bottom ul li span {
  font-weight: 500;
  font-size: 18px;
  color: #f6f6f6;
  line-height: 1;
}
.breadcrumb-bottom ul li span i {
  color: #f6f6f6;
  font-size: 14px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.breadcrumb-top.default-overlay:before {
  background-color: #000;
  opacity: 0.65;
}

.breadcrumb-top.breadcrumb-overly-2.default-overlay:before {
  background-color: #003218;
  opacity: 0.76;
}

.breadcrumb-top.breadcrumb-overly-3.default-overlay:before {
  background-color: #000;
  opacity: 0.3;
}

.breadcrumb-top.breadcrumb-overly-4.default-overlay:before {
  background-color: #000;
  opacity: 0.73;
}

.breadcrumb-top.breadcrumb-overly-5.default-overlay:before {
  background-color: #000;
  opacity: 0.65;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-top.pt-100 {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-top.pb-95 {
    padding-bottom: 45px;
  }
}

/*--------- 6. Course area ---------*/
.single-course {
  position: relative;
}
.single-course .course-img {
  position: relative;
  overflow: hidden;
}
.single-course .course-img a {
  display: block;
}
.single-course .course-img img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.single-course .course-img span {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00a651;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  line-height: 1;
  padding: 6px 16px 8px;
}
.single-course .course-img span.new-course {
  background-color: #fff;
  color: #00a651;
}
.single-course .course-content {
  padding: 25px 17px 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 12px rgba(225, 225, 225, 0.51);
          box-shadow: 0 0 12px rgba(225, 225, 225, 0.51);
}
.single-course .course-content h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-course .course-content h4 {
    font-size: 16px;
  }
}
.single-course .course-content h4 a {
  color: #333;
}
.single-course .course-content h4 a:hover {
  color: #00a651;
}
.single-course .course-content p {
  line-height: 23px;
}
.single-course .course-position-content {
  width: 100%;
  top: 95%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0px 0px 4px 4px;
  background: #fff;
  position: absolute;
  padding: 0px 0px 0px;
}
.single-course .course-position-content .credit-duration-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 17px 23px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-course .course-position-content .credit-duration-wrap .sin-credit-duration i {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #dddddd;
  line-height: 25px;
  font-size: 12px;
  color: #00a651;
  text-align: center;
  border-radius: 100%;
  margin-right: 2px;
}
.single-course .course-position-content .credit-duration-wrap .sin-credit-duration span {
  color: #666;
  font-size: 12px;
}
.single-course .course-position-content .course-btn a.default-btn {
  border-radius: 0 50px 51px 0;
  font-size: 14px;
  padding: 15px 40px 15px;
}
.single-course:hover .course-position-content {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(225, 225, 225, 0.51);
          box-shadow: 0px 6px 12px 0px rgba(225, 225, 225, 0.51);
  z-index: 999;
}
.single-course:hover {
  z-index: 999;
}
.single-course:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.course-slider-active.owl-carousel .owl-stage-outer {
  padding-bottom: 0px;
}

.nav-style-1.owl-carousel > .owl-nav button {
  background-color: #fff;
  border-radius: 50px 0 0 50px;
  color: #00a651;
  display: inline-block;
  font-size: 18px;
  height: 60px;
  left: -50px;
  line-height: 60px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 112px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
          box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
}
.nav-style-1.owl-carousel > .owl-nav button:hover {
  background-color: #00a651;
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel > .owl-nav button {
    left: 0px;
    border-radius: 0px 50px 50px 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel > .owl-nav button {
    left: 0px;
    border-radius: 0px 50px 50px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel > .owl-nav button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    left: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel > .owl-nav button {
    left: 0px;
    border-radius: 0px 50px 50px 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

.nav-style-1.owl-carousel > .owl-nav button.owl-next {
  left: auto;
  right: -50px;
  border-radius: 0px 50px 50px 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1.owl-carousel > .owl-nav button.owl-next {
    right: 0px;
    border-radius: 50px 0px 0px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1.owl-carousel > .owl-nav button.owl-next {
    right: 0px;
    border-radius: 50px 0px 0px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-style-1.owl-carousel > .owl-nav button.owl-next {
    right: -30px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-style-1.owl-carousel > .owl-nav button.owl-next {
    right: 0px;
    border-radius: 50px 0px 0px 50px;
  }
}

.nav-style-1:hover .owl-nav button {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .nav-style-1:hover .owl-nav button {
    left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-style-1:hover .owl-nav button {
    left: 0px;
  }
}

/*-------------- home 2 ------------*/
.course-content.course-content-2 {
  padding: 26px 20px 29px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .course-content.course-content-2 {
    padding: 26px 10px 29px;
  }
}

.admission-title {
  position: relative;
}
.admission-title h2 {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .admission-title h2 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .admission-title h2 {
    font-size: 28px;
  }
}
.admission-title p {
  line-height: 26px;
  color: #fff;
  margin: 23px auto 32px;
  width: 60%;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .admission-title p {
    width: 73%;
  }
}
@media only screen and (max-width: 767px) {
  .admission-title p {
    width: 100%;
  }
}
.admission-title .apply-btn a.default-btn {
  background-color: #fff;
  color: #00a651;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.26);
          box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.26);
}
.admission-title .apply-btn a.default-btn:hover {
  background-color: #333;
  color: #fff;
}

.admission-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.admission-tab-list a {
  margin: 0 16px;
  line-height: 1;
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding-bottom: 1px;
}
@media only screen and (max-width: 767px) {
  .admission-tab-list a {
    margin: 0 7px 10px;
  }
}
.admission-tab-list a h4 {
  font-size: 16px;
  color: #fff;
  text-transform: capitalize;
  margin: 0;
  line-height: 1;
}
.admission-tab-list a.active {
  border-bottom: 2px solid #8cd8b1;
}

@media only screen and (max-width: 767px) {
  .admission-tab-list {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
.bg-img-position {
  position: relative;
}
.bg-img-position::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 779px;
  content: "";
  background-image: url(../img/bg/bg-5.jpg);
}

.course-slider-active-2.nav-style-1.owl-carousel > .owl-nav button {
  top: 228px;
}

.tab-content.jump > .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.tab-content.jump > .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

.view-all a.default-btn {
  background-color: #fff;
  color: #00a651;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(0, 166, 81, 0.22);
          box-shadow: 0px 6px 12px 0.8px rgba(0, 166, 81, 0.22);
  padding: 22px 40px 20px;
}
.view-all a.default-btn:hover {
  background-color: #333;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .view-all.mt-20 {
    margin-top: 0;
  }
}
/*------------- course page -------------*/
.course-slider-active-3 .slick-list,
.course-slider-active-4 .slick-list,
.course-slider-active-5 .slick-list {
  padding-bottom: 130px;
}

.course-slider-active-3 .b-navigation {
  top: -70px;
}
@media only screen and (max-width: 767px) {
  .course-slider-active-3 .b-navigation {
    top: -60px;
  }
}

.section-title.mb-75.course-mrg-small {
  margin-bottom: 90px;
}

/*--------- 7. Achievement style ---------*/
.single-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.single-count:before {
  position: absolute;
  top: 8px;
  background-color: #e1dddd;
  content: "";
  width: 3px;
  height: 50px;
}
.single-count .count-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54px;
          flex: 0 0 54px;
  margin-right: 25px;
}
.single-count .count-img img {
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-count .count-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    margin-right: 15px;
  }
}
.single-count .count-content h2 {
  font-size: 40px;
  font-weight: bold;
  margin: 0 0 15px;
  color: #00a651;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-count .count-content h2 {
    font-size: 40px;
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .single-count .count-content h2 {
    font-size: 35px;
    margin: 0 0 10px;
  }
}
.single-count .count-content span {
  font-size: 16px;
  font-weight: 500;
  display: block;
  line-height: 1;
  color: #666666;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-count .count-content span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .single-count .count-content span {
    font-size: 15px;
  }
}

.count-one:before {
  right: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-one:before {
    right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-one:before {
    right: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .count-one:before {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .count-one {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-one {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-one {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .count-one {
    margin-left: 0px;
  }
}

.count-two {
  margin-left: 55px;
}
.count-two:before {
  right: -47px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-two:before {
    right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-two:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .count-two:before {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-two {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-two {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .count-two {
    margin-left: 0px;
  }
}

.count-three {
  margin-left: 80px;
}
.count-three:before {
  right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-three:before {
    right: -34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-three:before {
    right: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .count-three:before {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-three {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-three {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .count-three {
    margin-left: 0px;
  }
}

.count-four {
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-four {
    float: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .count-four {
    float: inherit;
  }
}
.count-four:before {
  display: block;
  content: none;
}

.testimonial-slider-wrap {
  position: relative;
}
.testimonial-slider-wrap .testimonial-image-slider {
  width: 395px;
  position: absolute;
  right: 0px;
  bottom: -50px;
}
@media only screen and (max-width: 767px) {
  .testimonial-slider-wrap .testimonial-image-slider {
    width: 100%;
    position: inherit;
    bottom: 0px;
    margin-top: 30px;
  }
}
.testimonial-slider-wrap .testimonial-image-slider .sin-testi-image img {
  cursor: pointer;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-slider-wrap .testimonial-image-slider {
    width: 335px;
    right: 0px;
  }
}
.testimonial-slider-wrap .testimonial-image-slider .slick-list {
  margin: 0 -5px;
}
.testimonial-slider-wrap .testimonial-image-slider .slick-list .sin-testi-image {
  margin: 0 5px;
}

.testi-content.default-overlay:before {
  background-color: #00a651;
  opacity: 0.95;
}

.testi-big-img img {
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .testi-big-img img {
    width: 100%;
    position: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testi-big-img img {
    width: 100%;
    position: static;
  }
}

.testi-content {
  min-height: 450px;
  padding: 50px 30px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testi-content {
    padding: 40px 20px;
    min-height: 410px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testi-content {
    min-height: 420px;
  }
}
@media only screen and (max-width: 767px) {
  .testi-content {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testi-content {
    min-height: 365px;
  }
}
.testi-content .quote-style i {
  position: relative;
  z-index: 9;
  font-size: 18px;
  color: #ffffff;
}
.testi-content .quote-style.quote-left {
  margin-bottom: 16px;
}
.testi-content .quote-style.quote-right {
  text-align: right;
  margin-right: 55px;
  margin-top: 2px;
}
.testi-content p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testi-content p {
    font-size: 14px;
  }
}
.testi-content .testi-info {
  margin-top: 28px;
}
.testi-content .testi-info h5 {
  position: relative;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.testi-content .testi-info span {
  position: relative;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.testi-content .testi-arrow {
  position: absolute;
  bottom: 27px;
  left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testi-content .testi-arrow {
    bottom: 75px;
  }
}

.testimonial-text-img {
  margin-top: -3px;
  width: 757px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-text-img {
    width: 510px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-text-img {
    width: 345px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-text-img {
    width: 100%;
  }
}
.testimonial-text-img img {
  width: 100%;
}

/*------------------- home 2 ---------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-count.count-white {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.single-count.count-white:before {
  background-color: #00a651;
  width: 1px;
  top: 0;
}
.single-count.count-white .count-content h2 {
  color: #fff;
  font-size: 30px;
  line-height: 1;
  margin: 0 0 10px;
}
.single-count.count-white .count-content span {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.count-one.count-white {
  margin-left: 0px;
}
.count-one.count-white:before {
  right: -3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-one.count-white:before {
    right: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-one.count-white:before {
    right: -25px;
  }
}

.count-two.count-white::before {
  right: -16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-two.count-white::before {
    right: 27px;
  }
}

.count-three.count-white {
  margin-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-three.count-white {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-three.count-white {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .count-three.count-white {
    margin-left: 0px;
  }
}
.count-three.count-white:before {
  right: 29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-three.count-white:before {
    right: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-three.count-white:before {
    right: -25px;
  }
}

/*--------- 8. Register style ---------*/
.register-form {
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .register-form {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .register-form {
    margin-left: 0px;
  }
}
.register-form h4 {
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 32px;
  color: #fff;
}
.register-form form .contact-form-style input,
.register-form form .contact-form-style textarea {
  background: #fff;
  border: none;
  height: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 2px 20px 2px 30px;
  color: #333;
  font-size: 14px;
}
.register-form form .contact-form-style textarea {
  height: 153px;
  padding: 20px 20px 20px 30px;
}
.register-form form .contact-form-style button {
  border: none;
  background-color: #fff;
  color: #00a651;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
  padding: 23px 40px 21px;
  margin: 40px 0 0;
}
.register-form form .contact-form-style button:hover {
  color: #fff;
  background-color: #333;
}
@media only screen and (max-width: 767px) {
  .register-form form .contact-form-style button {
    padding: 17px 27px 15px;
    margin: 20px 0 0;
    font-size: 14px;
  }
}

.winter-banner img {
  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);
          box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);
  border-radius: 100%;
  z-index: 999;
}
.winter-banner .winter-content {
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  left: 50%;
}
.winter-banner .winter-content span {
  color: #f6f6f6;
  font-weight: bold;
  font-size: 18px;
  display: block;
  line-height: 1;
  letter-spacing: 0.5px;
}
.winter-banner .winter-content h3 {
  font-size: 48px;
  font-weight: bold;
  color: #f6f6f6;
  letter-spacing: 0.5px;
  margin: 14px 0 20px;
}

.register-area {
  position: relative;
  overflow: hidden;
}
.register-area #register-1 {
  background-image: url("../img/icon-img/register-shape-1.png");
  background-size: contain;
  height: 138px;
  -webkit-transform: translateX(0px) translateY(566px);
          transform: translateX(0px) translateY(566px);
  width: 261;
  z-index: 1;
}
.register-area #register-2 {
  background-image: url("../img/icon-img/register-shape-2.png");
  background-size: contain;
  height: 110px;
  -webkit-transform: translateX(0px) translateY(330px);
          transform: translateX(0px) translateY(330px);
  width: 65px;
}

.register-wrap {
  position: relative;
  z-index: 99;
}
.register-wrap #register-3 {
  height: 222px;
  -webkit-transform: translateX(930px) translateY(-147px);
          transform: translateX(930px) translateY(-147px);
  width: 222px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .register-wrap #register-3 {
    -webkit-transform: translateX(724px) translateY(-135px);
            transform: translateX(724px) translateY(-135px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .register-wrap #register-3 {
    -webkit-transform: translateX(470px) translateY(12px);
            transform: translateX(470px) translateY(12px);
  }
}
@media only screen and (max-width: 767px) {
  .register-wrap #register-3 {
    -webkit-transform: translateX(20px) translateY(0px);
            transform: translateX(20px) translateY(0px);
    position: static;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .register-wrap #register-3 {
    -webkit-transform: translateX(150px) translateY(0px);
            transform: translateX(150px) translateY(0px);
  }
}

.mouse-bg {
  background-repeat: no-repeat;
  background-size: auto auto;
  position: absolute;
  left: 0;
  top: 0;
}

/*--------- 9. Teacher style ---------*/
.single-teacher {
  position: relative;
}
.single-teacher .teacher-img img {
  width: 100%;
}
.single-teacher .teacher-content-visible {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  text-align: right;
  padding: 20px 31px 20px 37px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-teacher .teacher-content-visible h4 {
  color: #00a651;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 6px;
}
.single-teacher .teacher-content-visible h5 {
  color: #00a651;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0px;
}
.single-teacher .teacher-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 99;
}
.single-teacher .teacher-content-wrap .teacher-content {
  padding: 42px 33px;
}
.single-teacher .teacher-content-wrap .teacher-content h4 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 6px;
}
.single-teacher .teacher-content-wrap .teacher-content h5 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
.single-teacher .teacher-content-wrap .teacher-content p {
  color: #fff;
  line-height: 25px;
  margin: 0;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social {
  margin: 43px 0 0;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li {
  margin: 0 6px 0 0;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li:last-child {
  margin: 0;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
  background-color: #fff;
  display: inline-block;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.facebook {
  color: #0054a6;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.facebook:hover {
  background-color: #0054a6;
  color: #fff;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.youtube-play {
  color: #c4302b;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.youtube-play:hover {
  background-color: #c4302b;
  color: #fff;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.twitter {
  color: #38a1f3;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.twitter:hover {
  background-color: #38a1f3;
  color: #fff;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.google-plus {
  color: #cc3333;
}
.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.google-plus:hover {
  background-color: #cc3333;
  color: #fff;
}
.single-teacher:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #00a651;
  opacity: 0.9;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-teacher:after {
  border: 1px solid #0ac766;
  left: 12px;
  top: 15px;
  right: 12px;
  bottom: 15px;
  position: absolute;
  content: "";
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-teacher:hover .teacher-content-wrap, .single-teacher:hover:before, .single-teacher:hover:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.single-teacher:hover .teacher-content-visible {
  -webkit-transform: scale(0);
          transform: scale(0);
}

/*--------- 10. Event area ---------*/
.event-area.default-overlay:before {
  background-color: #fefefe;
  opacity: 0.5;
}

.single-event .event-img {
  position: relative;
  overflow: hidden;
}
.single-event .event-img img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-event .event-img .event-date-wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  background-color: #00a651;
  padding: 12px 20px 12px;
}
.single-event .event-img .event-date-wrap span {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: block;
  line-height: 1;
}
.single-event .event-img .event-date-wrap span.event-date {
  margin: 0 0 5px;
}
.single-event .event-content {
  padding: 24px 30px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-event .event-content {
    padding: 24px 15px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-event .event-content {
    padding: 24px 22px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .single-event .event-content {
    padding: 20px 12px 26px;
  }
}
.single-event .event-content h3 {
  font-size: 18px;
  line-height: 26px;
  color: #444;
  font-weight: bold;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-event .event-content h3 {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .single-event .event-content h3 {
    font-size: 17px;
  }
}
.single-event .event-content p {
  line-height: 23px;
  margin: 12px 0 24px;
}
.single-event .event-content .event-meta-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-event .event-content .event-meta-wrap .event-meta i {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  color: #fff;
  background-color: #00a651;
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  margin: 0 8px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-event .event-content .event-meta-wrap .event-meta i {
    margin: 0 3px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-event .event-content .event-meta-wrap .event-meta i {
    margin: 0 3px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}
.single-event .event-content .event-meta-wrap .event-meta span {
  color: #00a651;
}
.single-event:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.single-event.event-gray-bg {
  background-color: #f6f6f6;
}

.single-event.event-white-bg {
  background-color: #fff;
}

/*--------- home 2 ------------*/
.event-active-2 {
  position: relative;
}
.event-active-2 .e-navigation {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  background-color: #fff;
  color: #00a651;
  left: 0;
  z-index: 99;
  cursor: pointer;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
          box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
  opacity: 0;
  visibility: hidden;
}
.event-active-2 .e-navigation:hover {
  background-color: #00a651;
  color: #fff;
}
.event-active-2:hover .e-navigation {
  opacity: 1;
  visibility: visible;
}

.e-navigation.e-navigation-next {
  left: auto;
  right: 0;
  border-radius: 50px 0 0 50px;
}

.e-navigation.e-navigation-prev {
  border-radius: 0px 50px 50px 0px;
}

.event-active-2 .single-event-2 .event-img .event-date-wrap {
  top: 0;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.event-active-2 .single-event-2 .event-content {
  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(225, 225, 225, 0.3);
          box-shadow: 0px 0px 12px 0.8px rgba(225, 225, 225, 0.3);
  padding: 24px 40px 30px 30px;
}
@media only screen and (max-width: 767px) {
  .event-active-2 .single-event-2 .event-content {
    padding: 24px 15px 30px 15px;
  }
}
.event-active-2 .slick-list {
  margin: 0 -15px;
}
.event-active-2 .slick-list .single-event-2 {
  margin: 0 15px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event-active-2.ml-70 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .event-active-2.ml-70 {
    margin-left: 0px;
  }

  .single-event.mb-55 {
    margin-bottom: 30px;
  }
}
/*--------- pagination style ------------*/
.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 4px;
}
.pro-pagination-style ul li a {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  border-radius: 100%;
  color: #00a651;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
          box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
}
.pro-pagination-style ul li a:hover {
  background-color: #00a651;
  color: #fff;
}
.pro-pagination-style ul li a.active {
  background-color: #00a651;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pro-pagination-style ul li a.active:hover {
  background-color: #333;
}
.pro-pagination-style ul li a.prev,
.pro-pagination-style ul li a.next {
  background-color: #f6f6f6;
  color: #00a651;
  font-size: 17px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pro-pagination-style ul li a.prev:hover,
.pro-pagination-style ul li a.next:hover {
  background-color: #00a651;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-25 {
    margin-top: 0;
  }
}

/*--------- 11. Blog style ---------*/
.single-blog {
  position: relative;
}
.single-blog .blog-img {
  position: relative;
  overflow: hidden;
}
.single-blog .blog-img img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-blog .blog-content-wrap {
  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(225, 225, 225, 0.3);
          box-shadow: 0px 0px 12px 0.8px rgba(225, 225, 225, 0.3);
  position: relative;
}
.single-blog .blog-content-wrap span {
  position: absolute;
  top: -13px;
  left: 20px;
  background-color: #00a651;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 6px 10px;
}
.single-blog .blog-content-wrap .blog-content {
  padding: 35px 20px 24px;
}
@media only screen and (max-width: 767px) {
  .single-blog .blog-content-wrap .blog-content {
    padding: 35px 15px 24px;
  }
}
.single-blog .blog-content-wrap .blog-content h4 {
  font-size: 18px;
  font-weight: bold;
  color: #444;
  line-height: 26px;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog .blog-content-wrap .blog-content h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .single-blog .blog-content-wrap .blog-content h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-blog .blog-content-wrap .blog-content h4 {
    font-size: 17px;
  }
}
.single-blog .blog-content-wrap .blog-content p {
  margin: 12px 0 5px;
  line-height: 23px;
}
.single-blog .blog-content-wrap .blog-content .blog-meta ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-blog .blog-content-wrap .blog-content .blog-meta ul li {
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-blog .blog-content-wrap .blog-content .blog-meta ul li {
    margin-right: 15px;
  }
}
.single-blog .blog-content-wrap .blog-content .blog-meta ul li a {
  color: #333;
}
.single-blog .blog-content-wrap .blog-content .blog-meta ul li a i {
  font-size: 12px;
  color: #00a651;
  margin-right: 5px;
}
.single-blog .blog-content-wrap .blog-content .blog-meta ul li a:hover {
  color: #00a651;
}
.single-blog .blog-content-wrap .blog-date {
  background-color: #00a651;
  padding: 6px 20px 8px;
}
.single-blog .blog-content-wrap .blog-date a {
  line-height: 1;
  display: block;
  color: #fff;
}
.single-blog .blog-content-wrap .blog-date a i {
  font-size: 12px;
  margin-right: 5px;
}
.single-blog:hover .blog-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/*-------- home 2 -------*/
.blog-active {
  position: relative;
}
.blog-active .slick-list {
  margin: 0 -15px;
}
.blog-active .slick-list .single-blog {
  margin: 0 15px;
}

.b-navigation,
.b-navigation2,
.b-navigation3 {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -70px;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
          box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
  cursor: pointer;
  color: #00a651;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .b-navigation,
.b-navigation2,
.b-navigation3 {
    left: 0;
  }
}

.b-navigation.b-navigation-prev,
.b-navigation2.b-navigation-prev2,
.b-navigation3.b-navigation-prev3 {
  margin-right: 44px;
  border-radius: 50px 0 0 50px;
}

.b-navigation.active {
  background-color: #00a651;
  color: #fff;
}

.b-navigation2.active2 {
  background-color: #00a651;
  color: #fff;
}

.b-navigation3.active3 {
  background-color: #00a651;
  color: #fff;
}

.b-navigation.b-navigation-next,
.b-navigation2.b-navigation-next2,
.b-navigation3.b-navigation-next3 {
  border-radius: 50px 0 0 50px;
  border-radius: 0px 50px 50px 0px;
}
@media only screen and (max-width: 767px) {
  .b-navigation.b-navigation-next,
.b-navigation2.b-navigation-next2,
.b-navigation3.b-navigation-next3 {
    left: auto;
    right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .mrg-bottom-small {
    margin-bottom: 95px;
  }
}
/*----------------- blog page -------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-all-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-all-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-all-wrap.mr-40 {
    margin-right: 0;
  }
}

/*--------- 12. footer area ---------*/
.footer-top.default-overlay:before {
  background-color: #003502;
  opacity: 0.89;
}

@media only screen and (max-width: 767px) {
  .footer-top.pb-80 {
    padding-bottom: 20px;
  }
}
.footer-widget .footer-title h4 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 36px;
  padding: 0 0 14px;
}
.footer-widget .footer-title h4:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 2px;
  width: 50px;
  background-color: #00a651;
}
.footer-widget .footer-about p {
  color: #fff;
  line-height: 23px;
  margin: -10px 0 0;
}
.footer-widget .f-contact-info {
  margin-top: 16px;
}
.footer-widget .f-contact-info .single-f-contact-info {
  margin-bottom: 9px;
}
.footer-widget .f-contact-info .single-f-contact-info:last-child {
  margin-bottom: 0;
}
.footer-widget .f-contact-info .single-f-contact-info i {
  color: #ebebeb;
  font-size: 15px;
  margin-right: 6px;
}
.footer-widget .f-contact-info .single-f-contact-info span {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.footer-widget .footer-list {
  margin-top: -10px;
}
.footer-widget .footer-list ul li {
  margin-bottom: 8px;
}
.footer-widget .footer-list ul li:last-child {
  margin-bottom: 0;
}
.footer-widget .footer-list ul li a {
  color: #fff;
  display: block;
}
.footer-widget .footer-list ul li a:hover {
  color: #00a651;
}
.footer-widget .footer-gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-widget .footer-gallery ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 74px;
          flex: 0 0 74px;
  margin: 0 10px 10px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .footer-gallery ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58px;
            flex: 0 0 58px;
    margin: 0 5px 5px 0;
  }
}
.footer-widget .footer-gallery ul li a img {
  width: 100%;
}
.footer-widget .subscribe-style p {
  color: #fff;
  line-height: 23px;
  margin: -10px 0 13px;
}
.footer-widget .subscribe-style .subscribe-form form input {
  background: #ffffff;
  border: none;
  height: 43px;
  padding: 2px 20px;
  font-size: 14px;
  color: #333;
}
.footer-widget .subscribe-style .subscribe-form form .mc-news {
  display: none;
}
.footer-widget .subscribe-style .subscribe-form form .clear input {
  width: auto;
  font-weight: bold;
  text-transform: uppercase;
  color: #00a651;
  height: auto;
  padding: 9px 40px;
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.footer-widget .subscribe-style .subscribe-form form .clear input:hover {
  background-color: #00a651;
  color: #fff;
}

.footer-about,
.footer-list,
.subscribe-style,
.footer-gallery {
  position: relative;
  z-index: 1;
}

.negative-mrg-30 {
  margin-left: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .negative-mrg-30 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .negative-mrg-30 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .negative-mrg-30 {
    margin-left: 0px;
  }
}

.footer-bottom {
  background-color: #00a651;
}

.copyright p {
  color: #fff;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright p {
    text-align: center;
    margin: 0 0 5px;
  }
}
@media only screen and (max-width: 767px) {
  .copyright p {
    text-align: center;
    margin: 0 0 5px;
    font-size:14px;
  }
}
.copyright p a {
  /* text-transform: uppercase; */
}
.copyright p a:hover {
  color: #ddd;
}

.footer-menu-social {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-menu-social {
    float: inherit;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer-menu-social {
    float: inherit;
    display: block;
    text-align: center;
  }
}
.footer-menu-social .footer-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2px;
}
@media only screen and (max-width: 767px) {
  .footer-menu-social .footer-menu ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer-menu-social .footer-menu ul li {
  margin-right: 15px;
}
.footer-menu-social .footer-menu ul li:last-child {
  margin-right: 0px;
}
.footer-menu-social .footer-menu ul li a {
  color: #fff;
}
.footer-menu-social .footer-menu ul li a:hover {
  color: #ddd;
}
.footer-menu-social .footer-social {
  margin-left: 34px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .footer-menu-social .footer-social {
    margin-left: 0px;
    margin-top: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer-menu-social .footer-social:before {
  position: absolute;
  left: -16px;
  content: "";
  height: 13px;
  background-color: #00ff00;
  width: 1px;
  top: 7px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-menu-social .footer-social:before {
    display: none;
  }
}
.footer-menu-social .footer-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-menu-social .footer-social ul li {
  margin-left: 6px;
}
.footer-menu-social .footer-social ul li:first-child {
  margin-right: 0;
}
.footer-menu-social .footer-social ul li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
}
.footer-menu-social .footer-social ul li a.facebook {
  color: #0054a6;
}
.footer-menu-social .footer-social ul li a.facebook:hover {
  background-color: #0054a6;
  color: #fff;
}
.footer-menu-social .footer-social ul li a.youtube {
  color: #c4302b;
}
.footer-menu-social .footer-social ul li a.youtube:hover {
  background-color: #c4302b;
  color: #fff;
}
.footer-menu-social .footer-social ul li a.twitter {
  color: #38a1f3;
}
.footer-menu-social .footer-social ul li a.twitter:hover {
  background-color: #38a1f3;
  color: #fff;
}
.footer-menu-social .footer-social ul li a.google-plus {
  color: #cc3333;
}
.footer-menu-social .footer-social ul li a.google-plus:hover {
  background-color: #cc3333;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top.pt-130 {
    padding-top: 120px;
  }
}

/*--------- 16. Brand logo ---------*/
.brand-logo-active.owl-carousel .owl-item .single-brand-logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 84px;
}
.brand-logo-active.owl-carousel .owl-item .single-brand-logo img {
  width: auto;
}

/*--------- 13. Banner style ---------*/
.single-banner {
  position: relative;
  overflow: hidden;
}
.single-banner .banner-img img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.single-banner .banner-content {
  position: absolute;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content {
    left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner .banner-content {
    left: 20px;
  }
}
.single-banner .banner-content h5 {
  font-size: 18px;
  font-weight: 500;
  color: #033333;
  margin: 0 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h5 {
    margin: 0 0 10px;
  }
}
.single-banner .banner-content h2 {
  font-size: 30px;
  color: #033333;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h2 {
    font-size: 22px;
  }
}
.single-banner .banner-content .banner-shape {
  position: relative;
  margin: 4px 0 48px;
}
.single-banner .banner-content .banner-shape:before {
  position: absolute;
  content: "";
  background-color: #e4e4e4;
  width: 148px;
  height: 1px;
  left: 0;
  bottom: 2px;
}
.single-banner .banner-content .banner-shape img {
  width: 148px;
}
.single-banner .banner-content .banner-btn a.default-btn {
  padding: 17px 30px 17px;
  font-size: 14px;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.38);
          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.38);
}
.single-banner .banner-content .banner-btn a.default-btn:hover {
  color: #161616;
  background-color: #fff;
}
.single-banner:hover .banner-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.single-banner.second-banner .banner-content {
  left: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner.second-banner .banner-content {
    left: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.second-banner .banner-content {
    left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single-banner.second-banner .banner-content {
    left: 102px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner.second-banner .banner-content {
    left: 280px;
  }
}

/*--------- 14. Product style ---------*/
.product-wrap {
  position: relative;
}
.product-wrap .product-img {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.product-wrap .product-img:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fafafa;
  opacity: 0;
  z-index: 9;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  pointer-events: none;
}
.product-wrap .product-img a img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.product-wrap .product-img span {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #00a651;
  color: #fff;
  display: block;
  line-height: 1;
  padding: 15px 11px 37px;
  z-index: 99;
}
.product-wrap .product-img span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0px;
  height: 0px;
  border-bottom: 17px solid #fafafa;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.product-wrap .product-img .product-action {
  position: absolute;
  top: 60%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 99;
}
.product-wrap .product-img .product-action ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-wrap .product-img .product-action ul li {
  margin-left: 0px;
  width: calc(25% - 1px);
}
.product-wrap .product-img .product-action ul li a {
  display: inline-block;
  background-color: #333333;
  color: #fff;
  height: 42px;
  width: 100%;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-wrap .product-img .product-action ul li a:hover {
  background-color: #00a651;
  color: #fff;
}
.product-wrap .product-img .product-action ul li:last-child {
  width: 25%;
}
.product-wrap .product-content {
  padding: 11px 0 0;
}
.product-wrap .product-content .pro-title-rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-wrap .product-content .pro-title-rating-wrap .product-title h3 {
  font-size: 18px;
  color: #033333;
  font-weight: 500;
  margin: 0;
}
.product-wrap .product-content .pro-title-rating-wrap .product-title h3 a {
  color: #033333;
}
.product-wrap .product-content .pro-title-rating-wrap .product-title h3 a:hover {
  color: #00a651;
}
.product-wrap .product-content .pro-title-rating-wrap .product-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-wrap .product-content .pro-title-rating-wrap .product-rating i {
  font-size: 14px;
  margin-left: 4px;
  color: #00a651;
}
.product-wrap .product-content .pro-category-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5px 0 0;
}
.product-wrap .product-content .pro-category-price span {
  font-weight: 500;
  color: #033333;
  line-height: 1;
  font-size: 15px;
}
.product-wrap:hover .product-action {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.product-wrap:hover .product-img img {
  -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
}
.product-wrap:hover .product-img:before {
  opacity: 0.3;
}

.producta-active .slick-list .product-wrap {
  margin: 0 15px;
}

.producta-active .slick-list {
  margin: 0 -15px;
}

.producta-active .b-navigation {
  top: -120px;
}
@media only screen and (max-width: 767px) {
  .producta-active .b-navigation {
    top: -75px;
  }
}

.admission-tab-list.tab-list-2 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .admission-tab-list.tab-list-2 {
    padding-top: 0;
  }
}
.admission-tab-list.tab-list-2 a {
  margin: 0 32px 0 0;
}
@media only screen and (max-width: 767px) {
  .admission-tab-list.tab-list-2 a {
    margin: 0 18px 15px 0;
  }
}
.admission-tab-list.tab-list-2 a h4 {
  color: #333333;
}
.admission-tab-list.tab-list-2 a.active {
  border-bottom: 2px solid #adadad;
}

.modal-dialog {
  margin: 8% auto;
  max-width: 960px;
  width: 960px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 720px;
    max-width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
  }
}
.modal-dialog .modal-header .close {
  color: #333;
  cursor: pointer;
  opacity: 1;
}
.modal-dialog .modal-header .close:hover {
  color: #00a651;
}

.quickview-big-img img {
  width: 100%;
}

.product-thumbnail {
  margin: 30px 0 0;
}

.thumb-menu.owl-carousel .owl-nav button {
  color: #00a651;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  left: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 99;
  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);
          box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  text-align: center;
}
.thumb-menu.owl-carousel .owl-nav button:hover {
  background-color: #00a651;
  color: #fff;
}

.thumb-menu.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 0px;
}

.quickview-content span {
  font-size: 16px;
  font-weight: 500;
}
.quickview-content span i {
  color: #00a651;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .quickview-content {
    margin-top: 30px;
  }
}

/*--------- 15. Discount area ---------*/
.discount-img-wrap {
  position: relative;
}
.discount-img-wrap img {
  width: 100%;
}
.discount-img-wrap .discount-img-content-wrap {
  position: absolute;
  top: 42px;
  right: 25px;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: bounce-img;
          animation-name: bounce-img;
  -webkit-animation-duration: 2.9s;
          animation-duration: 2.9s;
}
.discount-img-wrap .discount-img-content-wrap .discount-img-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  text-align: center;
}
.discount-img-wrap .discount-img-content-wrap .discount-img-content h5 {
  font-size: 48px;
  font-weight: bold;
  color: #00a651;
  margin: 0 0 13px;
  line-height: 35px;
}
.discount-img-wrap .discount-img-content-wrap .discount-img-content span {
  font-size: 14px;
  font-weight: bold;
  color: #00a651;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .discount-img-wrap.mr-60 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .discount-img-wrap.mr-60 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .discount-img-wrap.mr-60 {
    margin-right: 0;
  }
}

.discount-content h4 {
  font-weight: bold;
  font-size: 24px;
  margin: 0;
}
.discount-content h2 {
  font-weight: 500;
  font-size: 72px;
  margin: 30px 0 39px;
  line-height: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .discount-content h2 {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .discount-content h2 {
    font-size: 40px;
    margin: 10px 0 20px;
  }
}
.discount-content h2 span {
  position: relative;
  z-index: 99;
}
.discount-content h2 span:before {
  content: url(../img/icon-img/discount.png);
  position: absolute;
  left: 6px;
  top: 16px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .discount-content h2 span:before {
    display: none;
  }
}
.discount-content .discount-btn a {
  color: #f6f6f6;
}
@media only screen and (max-width: 767px) {
  .discount-content {
    margin-top: 30px;
  }
}

.discount-area.pb-90 {
  padding-bottom: 60px;
}

.discount-area.pt-110 {
  padding-top: 60px;
}

/* slider img bounce */
@-webkit-keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
/*--------- 26. Video style ---------*/
.video-area {
  position: relative;
}
.video-area:before {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000;
  content: "";
  opacity: 0.5;
  width: 100%;
  height: 100%;
  border: 10px solid #383838;
}
.video-area .video-btn-2 {
  display: inline-block;
  position: relative;
  width: 100%;
  z-index: 99;
}
.video-area .video-btn-2 a {
  text-align: center;
  display: block;
}

/*--------- 21. Course details ---------*/
.apply-area {
  position: relative;
}
.apply-area img {
  width: 100%;
}
.apply-area:before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #000000;
  opacity: 0.46;
}
.apply-area:after {
  border: 5px solid #534741;
  position: absolute;
  left: 30px;
  top: 30px;
  right: 30px;
  bottom: 30px;
  content: "";
  border-radius: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 1;
}
.apply-area .course-apply-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: 9;
}
.apply-area .course-apply-btn a.default-btn {
  padding: 15px 40px 15px;
  font-size: 14px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  .apply-area .course-apply-btn a.default-btn {
    padding: 12px 25px 12px;
    font-size: 12px;
  }
}
.apply-area:hover:after {
  left: 15px;
  top: 15px;
  right: 15px;
  bottom: 15px;
}

.course-tab-list {
  border-bottom: 1px solid #e0e1eb;
}
.course-tab-list a {
  margin-right: 40px;
  position: relative;
}
.course-tab-list a:last-child {
  margin-right: 0px;
}
.course-tab-list a:before {
  position: absolute;
  content: "";
  background-color: #00a651;
  left: -6px;
  top: 12px;
  width: 117%;
  height: 1px;
  opacity: 0;
  visibility: hidden;
}
.course-tab-list a h4 {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  margin: 0;
}
.course-tab-list a:hover:before {
  opacity: 1;
  visibility: visible;
}
.course-tab-list a.active h4 {
  color: #00a651;
}
.course-tab-list a.active:before {
  opacity: 1;
  visibility: visible;
}

.over-view-content > h4 {
  color: #00a651;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 11px;
}
.over-view-content h5 {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 33px;
}
.over-view-content p {
  margin: 0;
  line-height: 23px;
}

.over-view-list {
  margin: 20px 0 25px;
}
.over-view-list .sin-over-view-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.over-view-list .sin-over-view-list:last-child {
  margin-bottom: 0px;
}
.over-view-list .sin-over-view-list .course-list-icon {
  font-size: 12px;
  margin-right: 16px;
}
.over-view-list .sin-over-view-list .course-list-icon i {
  color: #00a651;
}
.over-view-list .sin-over-view-list .course-list-content p {
  color: #333;
  margin: 0;
}

.course-details-img {
  margin: 17px 0 23px;
}
.course-details-img img {
  width: 100%;
}

.course-summary-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .course-summary-wrap {
    display: block;
  }
}
.course-summary-wrap .single-course-summary {
  text-align: center;
  margin-right: 40px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course-summary-wrap .single-course-summary {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .course-summary-wrap .single-course-summary {
    margin-right: 0px;
    margin-bottom: 30px;
  }
}
.course-summary-wrap .single-course-summary:before {
  background-color: #c2ead5;
  height: 45px;
  width: 1px;
  right: -21px;
  top: 4px;
  content: "";
  position: absolute;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course-summary-wrap .single-course-summary:before {
    right: -17px;
  }
}
@media only screen and (max-width: 767px) {
  .course-summary-wrap .single-course-summary:before {
    display: none;
  }
}
.course-summary-wrap .single-course-summary h4 {
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px;
}
.course-summary-wrap .single-course-summary span {
  font-size: 16px;
  color: #00a651;
}
.course-summary-wrap .single-course-summary span i {
  font-size: 12px;
  margin-right: 2px;
  position: relative;
  top: -2px;
}

.related-title h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 10px;
}
.related-title p {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  .blog-details-wrap .related-title.mb-45 {
    margin-bottom: 100px;
  }
}
.related-slider-active .slick-list {
  padding-bottom: 130px;
  margin: 0 -12.5px;
}
@media only screen and (max-width: 767px) {
  .related-slider-active .slick-list {
    padding-bottom: 105px;
  }
}

.related-slider-active .slick-list .single-course {
  margin: 0 12.5px;
}

.single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}
@media only screen and (max-width: 767px) {
  .single-review {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.single-review .review-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .single-review .review-img {
    margin: 0 0px 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-review .review-img {
    margin: 0 15px 0px 0;
  }
}
.single-review .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.single-review .review-top-wrap .review-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-review .review-top-wrap .review-left .review-name {
  margin-right: 25px;
}
.single-review .review-top-wrap .review-left .review-name h4 {
  font-size: 16px;
  margin: 0;
  line-height: 1;
  font-weight: 500;
}
.single-review .review-top-wrap .review-left .review-rating {
  line-height: 1;
}
.single-review .review-top-wrap .review-left .review-rating i {
  font-size: 12px;
  margin-right: 1px;
  color: #00a651;
}
.single-review .review-top-wrap .review-btn a {
  font-weight: 500;
  line-height: 1;
}
.single-review .review-bottom p {
  margin: 0;
  width: 93%;
}

.single-review.child-review {
  margin-left: 70px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .single-review.child-review {
    margin-left: 0px;
  }
}

.ratting-form-wrapper {
  margin-top: 50px;
}
.ratting-form-wrapper h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.ratting-form-wrapper .ratting-form form .star-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 20px;
}
.ratting-form-wrapper .ratting-form form .star-box span {
  margin: 0 15px 0 0;
}
.ratting-form-wrapper .ratting-form form .star-box .ratting-star {
  font-size: 12px;
  color: #00a651;
  margin: 2px 0 0;
}
.ratting-form-wrapper .ratting-form form .rating-form-style input,
.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
  padding: 2px 10px 2px 20px;
  background: transparent;
  border: 1px solid #e6e6e6;
}
.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
  height: 180px;
  padding: 20px 10px 2px 20px;
  margin-bottom: 20px;
}
.ratting-form-wrapper .ratting-form form .form-submit input {
  width: auto;
  padding: 10px 50px;
  font-weight: 500;
  text-transform: uppercase;
  height: 55px;
  background-color: #00a651;
  color: #fff;
  border: 1px solid #00a651;
}
.ratting-form-wrapper .ratting-form form .form-submit input:hover {
  background-color: #333;
  border: 1px solid #333;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .course-left-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .course-left-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .course-left-wrap.mr-40 {
    margin-right: 0;
  }
}

/*--------- 25. Sidebar style ---------*/
.sidebar-title {
  position: relative;
}
.sidebar-title h4 {
  color: #00a651;
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid #00a651;
  padding-bottom: 17px;
  line-height: 1;
}

.sidebar-search form {
  position: relative;
}
.sidebar-search form input {
  background: transparent;
  border: none;
  height: 45px;
  font-size: 14px;
  color: #333;
  width: 100%;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(136, 136, 136, 0.1);
          box-shadow: 0 0px 12px 0.8px rgba(136, 136, 136, 0.1);
  padding: 2px 40px 2px 20px;
}
.sidebar-search form button {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  background: transparent;
  color: #00a651;
  font-size: 14px;
  padding: 0 10px;
}
.sidebar-search form button:hover {
  color: #333;
}

.sidebar-about p {
  margin: 0;
  line-height: 23px;
}
.sidebar-about img {
  margin: 26px 0 29px;
}
.sidebar-about .sidebar-social ul li {
  display: inline-block;
  margin: 0 10px 0 0;
}
.sidebar-about .sidebar-social ul li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50px;
  background-color: #f6f6f6;
  font-size: 12px;
  text-align: center;
}
.sidebar-about .sidebar-social ul li a.facebook {
  color: #0054a6;
}
.sidebar-about .sidebar-social ul li a.facebook:hover {
  background-color: #0054a6;
  color: #fff;
}
.sidebar-about .sidebar-social ul li a.youtube {
  color: #c4302b;
}
.sidebar-about .sidebar-social ul li a.youtube:hover {
  background-color: #c4302b;
  color: #fff;
}
.sidebar-about .sidebar-social ul li a.twitter {
  color: #38a1f3;
}
.sidebar-about .sidebar-social ul li a.twitter:hover {
  background-color: #38a1f3;
  color: #fff;
}
.sidebar-about .sidebar-social ul li a.google {
  color: #cc3333;
}
.sidebar-about .sidebar-social ul li a.google:hover {
  background-color: #cc3333;
  color: #fff;
}

.single-recent-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 27px;
}
.single-recent-post:last-child {
  margin-bottom: 0px;
}
.single-recent-post .recent-post-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  margin: 0 15px 0 0;
}
.single-recent-post .recent-post-img img {
  width: 100%;
}
.single-recent-post .recent-post-content h5 {
  font-size: 14px;
  color: #333333;
  margin: 0;
}
.single-recent-post .recent-post-content h5 a {
  color: #333333;
}
.single-recent-post .recent-post-content h5 a:hover {
  color: #00a651;
}
.single-recent-post .recent-post-content span {
  color: #00a651;
  font-size: 13px;
  display: block;
  line-height: 1;
  margin: 9px 0 10px;
}
.single-recent-post .recent-post-content p {
  margin: 0;
  line-height: 23px;
}

.category-list ul li {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}
.category-list ul li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}
.category-list ul li a {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.category-list ul li a span {
  float: right;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  background-color: #f6f6f6;
  color: #333;
  text-align: center;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.category-list ul li:hover a {
  color: #00a651;
}
.category-list ul li:hover a span {
  color: #fff;
  background-color: #00a651;
}

.sidebar-recent-course .sin-sidebar-recent-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.sidebar-recent-course .sin-sidebar-recent-course:last-child {
  margin-bottom: 0px;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  margin-right: 15px;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-img img {
  width: 100%;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content h4 {
  font-size: 14px;
  color: #333;
  margin: 0;
  line-height: 1;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content h4 a {
  color: #333;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content h4 a:hover {
  color: #00a651;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 4px 0 5px;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li {
  margin: 0 20px 0 0;
  font-size: 12px;
  position: relative;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li:before {
  position: absolute;
  right: -10px;
  top: 6px;
  width: 1px;
  height: 10px;
  background-color: #00a651;
  content: "";
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li:last-child:before {
  display: none;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li:last-child {
  margin-right: 0;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li.duration-color {
  color: #00a651;
}
.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content p {
  margin: 0;
  line-height: 23px;
}

.sidebar-tag ul li {
  display: inline-block;
  margin: 0 0px 20px 0;
}
.sidebar-tag ul li a {
  display: inline-block;
  line-height: 1;
  border: 1px solid #bbbbbb;
  padding: 11px 15px 10px;
}
.sidebar-tag ul li a:hover {
  background-color: #00a651;
  color: #fff;
  border: 1px solid #00a651;
}

/*--------- 22. Event details page ---------*/
.description-date-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .description-date-social {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-date-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.description-date-social .description-date-time {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .description-date-social .description-date-time {
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-date-social .description-date-time {
    margin: 0 0 0px;
  }
}
.description-date-social .description-date-time .description-date {
  display: inline-block;
  float: left;
  padding: 13px 20px;
  background-color: #00a651;
  margin-right: 20px;
}
.description-date-social .description-date-time .description-date span {
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.description-date-social .description-date-time .description-date span:last-child {
  margin-bottom: 0;
}
.description-date-social .description-date-time .description-meta-wrap {
  overflow: hidden;
}
.description-date-social .description-date-time .description-meta-wrap .description-meta {
  margin-bottom: 20px;
}
.description-date-social .description-date-time .description-meta-wrap .description-meta:last-child {
  margin-bottom: 0px;
}
.description-date-social .description-date-time .description-meta-wrap .description-meta i {
  color: #f7f7f7;
  font-size: 12px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 100%;
  text-align: center;
  background-color: #00a651;
  margin-right: 5px;
}
.description-date-social .description-date-time .description-meta-wrap .description-meta span {
  color: #00a651;
}
.description-date-social .description-social-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.description-date-social .description-social-wrap .description-social ul li {
  display: inline-block;
  margin-left: 12px;
}
.description-date-social .description-social-wrap .description-social ul li:first-child {
  margin-left: 0;
}
.description-date-social .description-social-wrap .description-social ul li a {
  color: #333333;
  font-size: 14px;
}
.description-date-social .description-social-wrap .description-social ul li a.facebook {
  color: #333;
}
.description-date-social .description-social-wrap .description-social ul li a.facebook:hover {
  color: #0054a6;
}
.description-date-social .description-social-wrap .description-social ul li a.instagram {
  color: #333;
}
.description-date-social .description-social-wrap .description-social ul li a.instagram:hover {
  color: #e4405f;
}
.description-date-social .description-social-wrap .description-social ul li a.twitter {
  color: #333;
}
.description-date-social .description-social-wrap .description-social ul li a.twitter:hover {
  color: #38a1f3;
}
.description-date-social .description-social-wrap .description-social ul li a.google {
  color: #333;
}
.description-date-social .description-social-wrap .description-social ul li a.google:hover {
  color: #cc3333;
}
.description-date-social .description-social-wrap .description-btn a {
  font-size: 18px;
  background-color: #f6f6f6;
  color: #00a651;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  margin-left: 14px;
}
.description-date-social .description-social-wrap .description-btn a:hover {
  background-color: #00a651;
  color: #fff;
}

.event-description img {
  width: 100%;
}
.event-description h3 {
  font-weight: bold;
  font-size: 24px;
  margin: 30px 0 19px;
  color: #00a651;
  line-height: 38px;
}
@media only screen and (max-width: 767px) {
  .event-description h3 {
    font-size: 20px;
    line-height: 33px;
  }
}
.event-description p {
  margin: 0;
  line-height: 26px;
}

.event-gallery h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: #00a651;
  background-color: #f6f6f6;
  padding: 13px 0 15px;
}

.nav-style-3.owl-carousel .owl-nav button {
  background-color: #fff;
  color: #00a651;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 0px 50px 50px 0px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
          box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
  left: 0px;
  opacity: 1;
  visibility: visible;
}
.nav-style-3.owl-carousel .owl-nav button:hover {
  background-color: #00a651;
  color: #fff;
}

.nav-style-3.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 0px;
  border-radius: 50px 0 0 50px;
}

.seat-book-wrap {
  padding: 42px 55px 50px;
}
@media only screen and (max-width: 767px) {
  .seat-book-wrap {
    padding: 42px 20px 50px;
  }
}
.seat-book-wrap .seat-book-title h3 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 21px;
  line-height: 1;
}
.seat-book-wrap .seat-book-title p {
  font-size: 16px;
  color: #fff;
  margin: 0;
  line-height: 25px;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seat-book-wrap .seat-book-title p {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .seat-book-wrap .seat-book-title p {
    width: 100%;
  }
}
.seat-book-wrap .seat-book-form {
  margin: 42px 0 0;
}
.seat-book-wrap .seat-book-form form input {
  background: transparent;
  border: 1px solid #21ca74;
  height: 45px;
  padding: 2px 20px;
  font-size: 14px;
  color: #fff;
  margin: 0 0 30px;
}
.seat-book-wrap .seat-book-form form input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.seat-book-wrap .seat-book-form form input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.seat-book-wrap .seat-book-form form textarea {
  background: transparent;
  border: 1px solid #21ca74;
  height: 155px;
  padding: 17px 20px;
  font-size: 14px;
  color: #fff;
  margin: 0 0 30px;
}
.seat-book-wrap .seat-book-form form textarea::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.seat-book-wrap .seat-book-form form textarea::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.seat-book-wrap .seat-book-form form button {
  padding: 0;
  border: none;
  background: transparent;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #00a651;
  background-color: #fff;
  line-height: 1;
  padding: 21px 40px 21px;
  border-radius: 50px;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
  margin-top: 15px;
}
.seat-book-wrap .seat-book-form form button:hover {
  color: #fff;
  background-color: #333;
}
@media only screen and (max-width: 767px) {
  .seat-book-wrap .seat-book-form form button {
    margin-top: 0px;
    padding: 18px 30px 18px;
  }
}

#location {
  height: 307px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event-left-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event-left-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .event-left-wrap.mr-40 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style.sidebar-res-mrg-none {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-style.sidebar-res-mrg-none {
    margin-top: 0px;
  }
}

/*--------- 24. Shop page ---------*/
.shop-top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar {
    display: block;
  }
}
.shop-top-bar .shop-tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-tab-wrap {
    margin-bottom: 15px;
  }
}
.shop-top-bar .shop-tab-wrap .shop-tab {
  margin-right: 30px;
}
.shop-top-bar .shop-tab-wrap .shop-tab a {
  font-size: 14px;
  color: #666666;
  margin-right: 17px;
}
.shop-top-bar .shop-tab-wrap .shop-tab a:last-child {
  margin-right: 0px;
}
.shop-top-bar .shop-tab-wrap .shop-tab a.active {
  color: #00a651;
}
.shop-top-bar .shop-tab-wrap p {
  font-size: 16px;
}
.shop-top-bar .shop-select select {
  border: 1px solid #dddddd;
  color: #666666;
  -moz-appearance: none;
  -webkit-appearance: none;
  min-width: 270px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../img/icon-img/angle-down.png") no-repeat scroll right 20px center;
  cursor: pointer;
}

.shop-list-wrap {
  position: relative;
  overflow: hidden;
}
.shop-list-wrap .shop-list-img {
  display: inline-block;
  float: left;
  width: 270px;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-img {
    display: block;
    margin-right: 0;
    float: inherit;
    width: 100%;
  }
}
.shop-list-wrap .shop-list-img img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.shop-list-wrap .shop-list-img:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fafafa;
  opacity: 0;
  z-index: 9;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  pointer-events: none;
}
.shop-list-wrap .shop-list-content {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content {
    margin-top: 20px;
  }
}
.shop-list-wrap .shop-list-content h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px;
  line-height: 1;
}
.shop-list-wrap .shop-list-content h4 a {
  color: #033333;
}
.shop-list-wrap .shop-list-content span {
  font-weight: 500;
  color: #033333;
  line-height: 1;
  display: block;
}
.shop-list-wrap .shop-list-content p {
  margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content p {
    margin: 0 0 20px;
  }
}
.shop-list-wrap .shop-list-content .review-rating {
  margin: 15px 0 15px;
}
.shop-list-wrap .shop-list-content .review-rating i {
  font-size: 12px;
  color: #00a651;
  margin-right: 2px;
}
.shop-list-wrap .shop-list-content .product-action-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shop-list-wrap .shop-list-content .product-action-list ul li {
  margin-right: 2px;
}
.shop-list-wrap .shop-list-content .product-action-list ul li:last-child {
  margin-right: 0px;
}
.shop-list-wrap .shop-list-content .product-action-list ul li a {
  display: inline-block;
  background-color: #333333;
  color: #fff;
  height: 42px;
  width: 67px;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.shop-list-wrap .shop-list-content .product-action-list ul li a:hover {
  background-color: #00a651;
  color: #fff;
}
.shop-list-wrap:hover .shop-list-img:before {
  opacity: 0.3;
}
.shop-list-wrap:hover .shop-list-img img {
  -webkit-transform: scaleY(1.2);
          transform: scaleY(1.2);
}

/*--------- 17. Blog details ---------*/
.blog-details-top {
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
}
.blog-details-top > img {
  width: 100%;
}
.blog-details-top .blog-details-content-wrap {
  padding: 34px 30px 50px;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content-wrap {
    padding: 34px 15px 50px;
  }
}
.blog-details-top .blog-details-content-wrap .b-details-meta-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap {
    display: block;
  }
}
.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li {
  color: #00a651;
  font-size: 14px;
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li {
    margin-right: 10px;
  }
}
.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li:last-child {
  margin-right: 0;
}
.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li i {
  font-size: 12px;
  margin-right: 4px;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li i {
    margin-right: 2px;
  }
}
.blog-details-top .blog-details-content-wrap .b-details-meta-wrap span {
  background-color: #00a651;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 8px 10px 8px;
  margin: 3px 0 0;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap span {
    margin: 5px 0 0;
  }
}
.blog-details-top .blog-details-content-wrap h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 8px 0 23px;
  color: #00a651;
}
@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content-wrap h3 {
    font-size: 18px;
  }
}
.blog-details-top .blog-details-content-wrap p {
  margin: 0;
  line-height: 25px;
}
.blog-details-top .blog-details-content-wrap blockquote {
  position: relative;
  font-size: 16px;
  color: #666666;
  line-height: 26px;
  background-color: #f5f5f5;
  padding: 44px 37px 27px 50px;
  margin: 27px 0 24px;
}
.blog-details-top .blog-details-content-wrap blockquote:before {
  background-color: #00a651;
  width: 4px;
  height: 63px;
  left: 24px;
  content: "";
  top: 51px;
  position: absolute;
  z-index: 9;
}
.blog-details-top .blog-details-content-wrap blockquote i {
  color: #00a651;
  position: absolute;
  font-size: 18px;
}
.blog-details-top .blog-details-content-wrap blockquote i.quote-top {
  top: 20px;
  left: 20px;
}
.blog-details-top .blog-details-content-wrap blockquote i.quote-bottom {
  bottom: 20px;
  right: 20px;
}

.blog-share-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .blog-share-tags {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-share-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.blog-share-tags .blog-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .blog-share-tags .blog-share {
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-share-tags .blog-share {
    margin: 0 0 0px;
  }
}
.blog-share-tags .blog-share .blog-btn a {
  font-size: 18px;
  background-color: #f6f6f6;
  color: #00a651;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  margin-right: 14px;
}
.blog-share-tags .blog-share .blog-btn a:hover {
  background-color: #00a651;
  color: #fff;
}
.blog-share-tags .blog-share .blog-social ul li {
  display: inline-block;
  margin-right: 9px;
}
.blog-share-tags .blog-share .blog-social ul li:last-child {
  margin-right: 0px;
}
.blog-share-tags .blog-share .blog-social ul li a {
  font-size: 14px;
  display: inline-block;
}
.blog-share-tags .blog-share .blog-social ul li a.facebook {
  color: #0054a6;
}
.blog-share-tags .blog-share .blog-social ul li a.facebook:hover {
  color: #00a651;
}
.blog-share-tags .blog-share .blog-social ul li a.instagram {
  color: #662d91;
}
.blog-share-tags .blog-share .blog-social ul li a.instagram:hover {
  color: #00a651;
}
.blog-share-tags .blog-share .blog-social ul li a.twitter {
  color: #38a1f3;
}
.blog-share-tags .blog-share .blog-social ul li a.twitter:hover {
  color: #00a651;
}
.blog-share-tags .blog-share .blog-social ul li a.google {
  color: #cc3333;
}
.blog-share-tags .blog-share .blog-social ul li a.google:hover {
  color: #00a651;
}
.blog-share-tags .blog-tag ul li {
  margin: 0 0 0px 2px;
  display: inline-block;
}
.blog-share-tags .blog-tag ul li a {
  line-height: 1;
  color: #666666;
  border: 1px solid #bbbbbb;
  padding: 8px 18px 8px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .blog-share-tags .blog-tag ul li a {
    padding: 8px 12px 8px;
  }
}
.blog-share-tags .blog-tag ul li a:hover {
  border: 1px solid #00a651;
  color: #fff;
  background-color: #00a651;
}

.blog-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
}
@media only screen and (max-width: 767px) {
  .blog-author {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.blog-author .author-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 178px;
          flex: 0 0 178px;
}
.blog-author .author-img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .blog-author .author-img {
    width: 100%;
  }
}
.blog-author .author-content {
  padding: 0 22px 0 30px;
}
@media only screen and (max-width: 767px) {
  .blog-author .author-content {
    padding: 20px 20px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-author .author-content {
    padding: 10px 22px 10px 15px;
  }
}
.blog-author .author-content .author-content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 7px;
}
.blog-author .author-content .author-content-top .blog-designation h5 {
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  margin: 0 0 2px;
}
.blog-author .author-content .author-content-top .blog-designation span {
  color: #666666;
  font-weight: bold;
  font-size: 14px;
}
.blog-author .author-content .author-content-top .author-social ul li {
  display: inline-block;
  margin-left: 5px;
}
.blog-author .author-content .author-content-top .author-social ul li a {
  font-size: 14px;
  display: inline-block;
}
.blog-author .author-content .author-content-top .author-social ul li a.facebook {
  color: #0054a6;
}
.blog-author .author-content .author-content-top .author-social ul li a.facebook:hover {
  color: #00a651;
}
.blog-author .author-content .author-content-top .author-social ul li a.instagram {
  color: #662d91;
}
.blog-author .author-content .author-content-top .author-social ul li a.instagram:hover {
  color: #00a651;
}
.blog-author .author-content .author-content-top .author-social ul li a.twitter {
  color: #38a1f3;
}
.blog-author .author-content .author-content-top .author-social ul li a.twitter:hover {
  color: #00a651;
}
.blog-author .author-content .author-content-top .author-social ul li a.google {
  color: #cc3333;
}
.blog-author .author-content .author-content-top .author-social ul li a.google:hover {
  color: #00a651;
}
.blog-author .author-content p {
  line-height: 25px;
  margin: 0;
}

.related-slider-active .slick-list .single-blog {
  margin: 0 12.5px;
}

.related-slider-active.related-blog-slide .slick-list {
  padding-bottom: 0px;
}

.blog-comment .blog-comment-btn a {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 1;
  color: #00a651;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);
          box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);
  border-radius: 50px;
  padding: 22px 40px;
}
.blog-comment .blog-comment-btn a:hover {
  color: #fff;
  background-color: #00a651;
}
.blog-comment .blog-comment-content-wrap {
  display: none;
  padding: 50px 30px;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
}
@media only screen and (max-width: 767px) {
  .blog-comment .blog-comment-content-wrap {
    padding: 30px 15px;
  }
}
.blog-comment .blog-comment-content-wrap h4 {
  margin: 0 0 27px;
  font-size: 24px;
  font-weight: bold;
}
.blog-comment .blog-comment-content-wrap .single-blog-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .blog-comment .blog-comment-content-wrap .single-blog-comment {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comment .blog-comment-content-wrap .single-blog-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 122px;
          flex: 0 0 122px;
  margin-right: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img {
    margin-right: 30px;
  }
}
.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img img {
  width: 100%;
}
.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content h5 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}
.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content p {
  line-height: 25px;
  margin: 10px 0 7px;
}
.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content a {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content a:hover {
  color: #00a651;
}
@media only screen and (max-width: 767px) {
  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content {
    padding: 20px 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content {
    padding: 0px 0 0;
  }
}
.blog-comment .blog-comment-content-wrap .single-blog-comment.child-comment {
  margin: 45px 0 50px 125px;
}
@media only screen and (max-width: 767px) {
  .blog-comment .blog-comment-content-wrap .single-blog-comment.child-comment {
    margin: 45px 0 50px 0px;
  }
}

.leave-comment-area {
  padding: 42px 30px 20px;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);
}
@media only screen and (max-width: 767px) {
  .leave-comment-area {
    padding: 42px 15px 20px;
  }
}
.leave-comment-area h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 23px;
}
.leave-comment-area form .leave-form {
  margin-bottom: 30px;
}
.leave-comment-area form .leave-form input {
  background-color: #f6f6f6;
  height: 40px;
  font-size: 13px;
  border: none;
  padding: 2px 20px;
  color: #333;
}
.leave-comment-area form .leave-form textarea {
  background-color: #f6f6f6;
  height: 220px;
  font-size: 13px;
  border: none;
  padding: 15px 20px;
  color: #333;
}
.leave-comment-area form .leave-form.leave-btn input {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #00a651;
  letter-spacing: 0.5px;
  width: auto;
  padding: 18px 40px 17px;
  height: auto;
  border-radius: 50px;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);
          box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);
  margin-top: 35px;
}
.leave-comment-area form .leave-form.leave-btn input:hover {
  color: #00a651;
  background-color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-wrap.mr-40 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-details-wrap.mr-40 {
    margin-right: 0;
  }
}

/*--------- 20. Contact page ---------*/
.contact-map {
  border: 10px solid #00a651;
  border-right: none;
}
.contact-map #map {
  height: 685px;
}
.contact-map iframe {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  /* filter: grayscale(100%);
  -webkit-filter: grayscale(100%); */
}
@media only screen and (max-width: 767px) {
  .contact-map #map {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map #map {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form {
    margin-top: 40px;
  }
}
.contact-form .contact-title h2 {
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 31px;
}
@media only screen and (max-width: 767px) {
  .contact-form .contact-title h2 {
    font-size: 35px;
  }
}
.contact-form .contact-title h2 span {
  font-weight: 400;
  color: #00a651;
}
.contact-form .contact-title p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}
.contact-form form input {
  border: 1px solid #eeeeee;
  font-size: 13px;
  color: #333;
  background: transparent;
  padding: 2px 20px;
  margin-bottom: 25px;
}
.contact-form form textarea {
  border: 1px solid #eeeeee;
  font-size: 13px;
  color: #333;
  background: transparent;
  height: 135px;
  padding: 17px 20px;
}
.contact-form form button {
  padding: 0;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: #00a651;
  background-color: #fff;
  line-height: 1;
  display: inline-block;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
  padding: 23px 40px 20px;
  border-radius: 50px;
  margin-top: 47px;
}
@media only screen and (max-width: 767px) {
  .contact-form form button {
    margin-top: 30px;
  }
}
.contact-form form button:hover {
  color: #fff;
  background-color: #00a651;
}
.contact-form p.form-messege {
  margin-top: 10px;
}

.contact-info-area.default-overlay:before {
  background-color: #02150b;
  opacity: 0.79;
}

.single-contact-info {
  position: relative;
  z-index: 1;
}
.single-contact-info .contact-info-icon {
  margin-bottom: 30px;
}
.single-contact-info .contact-info-icon span {
  position: relative;
}
.single-contact-info .contact-info-icon span i {
  font-size: 16px;
  color: #fff;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  border-radius: 100%;
  background-color: #005b2c;
  position: relative;
  display: inline-block;
  z-index: 9;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-contact-info .contact-info-icon span:before {
  position: absolute;
  left: -3px;
  top: -24px;
  content: "";
  background-color: #00a651;
  width: 70px;
  height: 70px;
  border-radius: 100%;
}
.single-contact-info > p,
.single-contact-info > a {
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}
.single-contact-info .contact-info-phn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single-contact-info .contact-info-phn .info-phn-title span {
  font-size: 18px;
  color: #fff;
  margin-right: 5px;
}
.single-contact-info .contact-info-phn .info-phn-number p {
  font-size: 18px;
  color: #fff;
  margin: 0 0 5px;
}
.single-contact-info > a:hover {
  color: #00a651;
}
.single-contact-info:hover .contact-info-icon span i {
  background-color: #fff;
  color: #005b2c;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-map.mr-70 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map.mr-70 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contact-map.mr-70 {
    margin-right: 0;
  }
}

/*--------- 23. Product details page ---------*/
.product-details-img img {
  width: 100%;
}
.product-details-img .dec-slider-overlay a.slick-active {
  position: relative;
}
.product-details-img .dec-slider-overlay a.slick-active:before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #1e2127;
  opacity: 0.6;
  pointer-events: none;
}
.product-details-img .dec-slider-overlay a.slick-active.active:before {
  display: none;
}
.product-details-img .product-dec-slider .slick-list {
  margin: 0 -5px;
}
.product-details-img .product-dec-slider .slick-slide {
  margin: 0 5px;
}
.product-details-img .product-dec-slider .product-dec-icon {
  color: #00a651;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  left: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 99;
  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);
          box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);
  background-color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
}
.product-details-img .product-dec-slider .product-dec-icon:hover {
  background-color: #00a651;
  color: #fff;
}
.product-details-img .product-dec-slider .product-dec-icon.product-dec-next {
  left: auto;
  right: 0px;
}
.product-details-img .product-dec-slider:hover .product-dec-icon {
  opacity: 1;
  visibility: visible;
}

.product-details-content h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  color: #033333;
  line-height: 1;
}
.product-details-content .pro-details-rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 26px 0 18px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-rating-wrap {
    margin: 10px 0 12px;
  }
}
.product-details-content .pro-details-rating-wrap .pro-details-rating {
  margin-right: 5px;
}
.product-details-content .pro-details-rating-wrap .pro-details-rating i {
  color: #00a651;
  font-size: 14px;
  margin-right: 2px;
}
.product-details-content h3 {
  color: #033333;
  font-weight: 500;
  font-size: 20px;
  margin: 0 0 10px;
}
.product-details-content p {
  margin: 0;
}
.product-details-content .pro-details-size-color2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size-color2 {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-details-size-color2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size-color2 .pro-details-color2-wrap {
    padding: 0 0 20px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-details-size-color2 .pro-details-color2-wrap {
    padding: 0 0 0px;
  }
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap span {
  display: block;
  font-weight: 500;
  margin: 0 0 15px;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li {
  border-radius: 50px;
  cursor: pointer;
  display: block;
  float: left;
  height: 14px;
  margin-right: 15px;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 14px;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.blue {
  background-color: #4798f3;
  border: 1px solid #4798f3;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.maroon {
  background-color: #736751;
  border: 1px solid #736751;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.gray {
  background-color: #c0c0c0;
  border: 1px solid #c0c0c0;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.green {
  background-color: #139c57;
  border: 1px solid #139c57;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.yellow {
  background-color: #e28b37;
  border: 1px solid #e28b37;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.white {
  background-color: #fff;
  border: 1px solid #e7e7e7;
}
.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.active:before {
  border: 2px solid #00a651;
  border-radius: 50px;
  content: "";
  height: 24px;
  left: -6px;
  position: absolute;
  top: -6px;
  width: 24px;
}
.product-details-content .pro-details-size-color2 .pro-details-size2 span {
  display: block;
  font-weight: 500;
  margin: 0 0 10px;
}
.product-details-content .pro-details-size-color2 .pro-details-size2 .pro-details-size2-content ul li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 2px 0 0;
}
.product-details-content .pro-details-size-color2 .pro-details-size2 .pro-details-size2-content ul li a {
  background-color: #f1f2f6;
  color: #15273e;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 6px 9px 7px;
  text-transform: uppercase;
}
.product-details-content .pro-details-size-color2 .pro-details-size2 .pro-details-size2-content ul li a:hover {
  background-color: #00a651;
  color: #fff;
}

.pro-details-quality {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .pro-details-quality {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pro-details-quality {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.pro-details-quality .cart-plus-minus {
  border: 1px solid #dee0e4;
  display: inline-block;
  height: 47px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 102px;
}
.pro-details-quality .cart-plus-minus .qtybutton {
  color: #15273e;
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 24px;
}
.pro-details-quality .cart-plus-minus .dec.qtybutton {
  border-right: 1px solid #dee0e4;
  height: 47px;
  left: 0;
  padding-top: 12px;
  top: 0;
}
.pro-details-quality .cart-plus-minus .inc.qtybutton {
  border-left: 1px solid #dee0e4;
  height: 47px;
  padding-top: 12px;
  right: 0;
  top: 0;
}
.pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #454545;
  float: left;
  font-size: 14px;
  height: 47px;
  margin: 0;
  padding: 0 9px 0 0;
  text-align: center;
  width: 110px;
}
.pro-details-quality .pro-details-cart {
  margin: 0 15px;
}
@media only screen and (max-width: 767px) {
  .pro-details-quality .pro-details-cart {
    margin: 10px 0px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pro-details-quality .pro-details-cart {
    margin: 0 15px;
  }
}
.pro-details-quality .pro-details-cart a.default-btn {
  padding: 17px 30px 17px;
  font-size: 12px;
}
.pro-details-quality .pro-details-wishlist a {
  border: 1px solid #dfe1e5;
  color: #15273e;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: 15px 16px;
}
.pro-details-quality .pro-details-wishlist a:hover {
  background-color: #00a651;
  border: 1px solid #00a651;
  color: #fff;
}

.pro-details-info-wrap {
  margin: 0 0 48px;
}
.pro-details-info-wrap .pro-details-info-list {
  margin: 0 0 10px;
}
.pro-details-info-wrap .pro-details-info-list li.pro-details-info-title {
  font-weight: 500;
  color: #15273e;
  min-width: 94px;
}
.pro-details-info-wrap .pro-details-info-list li {
  color: #333;
  display: inline-block;
  list-style: outside none none;
}

.pro-details-social ul li {
  display: inline-block;
  margin: 0 10px 0 0;
}
.pro-details-social ul li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50px;
  background-color: #ebeaea;
  font-size: 12px;
  text-align: center;
}
.pro-details-social ul li a.facebook {
  color: #0054a6;
}
.pro-details-social ul li a.facebook:hover {
  background-color: #0054a6;
  color: #fff;
}
.pro-details-social ul li a.youtube {
  color: #c4302b;
}
.pro-details-social ul li a.youtube:hover {
  background-color: #c4302b;
  color: #fff;
}
.pro-details-social ul li a.twitter {
  color: #38a1f3;
}
.pro-details-social ul li a.twitter:hover {
  background-color: #38a1f3;
  color: #fff;
}
.pro-details-social ul li a.google {
  color: #cc3333;
}
.pro-details-social ul li a.google:hover {
  background-color: #cc3333;
  color: #fff;
}

.description-review-topbar a {
  background-color: #f6f6f6;
  border-bottom: 3px solid transparent;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin: 0 5px 0 0;
  padding: 18px 35px;
}
@media only screen and (max-width: 767px) {
  .description-review-topbar a {
    margin: 0 5px 10px 0;
    padding: 18px 15px;
    font-size: 14px;
  }
}
.description-review-topbar a.active {
  border-bottom: 3px solid #00a651;
  background-color: transparent;
}

.description-review-bottom {
  padding: 33px 0 0;
}
.description-review-bottom .product-description-wrapper p {
  margin: 0 0 25px;
}
.description-review-bottom .product-description-wrapper p:last-child {
  margin: 0 0 0px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li {
  color: #333;
  font-size: 14px;
  list-style: outside none none;
  margin: 0 0 13px;
}
.description-review-bottom .product-anotherinfo-wrapper ul li span {
  color: #15273e;
  display: inline-block;
  font-weight: 500;
  margin: 0 26px 0 0;
  min-width: 85px;
}

.ratting-nagative-mrg {
  margin-top: -70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ratting-nagative-mrg {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ratting-nagative-mrg {
    padding-left: 0;
    margin-top: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.pl-30 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.pl-30 {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content.pl-30 {
    padding-left: 0;
    margin-top: 30px;
  }
}

.pro-details-quality.mt-50.mb-45 {
  margin-top: 30px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .related-mrg-small {
    margin-bottom: 95px;
  }
}

/*--------- 19. Checkout page ---------*/
.billing-info-wrap h3 {
  font-size: 20px;
  color: #033333;
  margin: 0 0 20px;
  font-weight: 500;
}
.billing-info-wrap .billing-info label,
.billing-info-wrap .billing-select label {
  color: #333;
  margin: 0 0 7px;
}
.billing-info-wrap .billing-info input,
.billing-info-wrap .billing-select input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 13px;
  padding-left: 20px;
  padding-right: 10px;
}
.billing-info-wrap .billing-info input.billing-address,
.billing-info-wrap .billing-select input.billing-address {
  margin-bottom: 10px;
}
.billing-info-wrap .billing-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 13px;
  height: 45px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../img/icon-img/select-2.png") no-repeat scroll right 18px center;
  cursor: pointer;
}
.billing-info-wrap .checkout-account {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.billing-info-wrap .checkout-account input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
}
.billing-info-wrap .checkout-account span {
  color: #333;
  font-weight: 400;
  margin: 0 0 0 12px;
}
.billing-info-wrap .checkout-account-toggle input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 13px;
  padding-left: 20px;
  padding-right: 10px;
  margin: 0 0 20px;
}
.billing-info-wrap .checkout-account-toggle button.checkout-btn {
  background-color: #00a651;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  padding: 10px 30px;
  text-transform: uppercase;
  border-radius: 50px;
  z-index: 9;
}
.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {
  background-color: #333;
}
.billing-info-wrap .additional-info-wrap h4 {
  font-size: 16px;
  font-weight: 500;
}
.billing-info-wrap .additional-info-wrap .additional-info label {
  color: #333;
  font-size: 14px;
  margin: 0 0 7px;
}
.billing-info-wrap .additional-info-wrap .additional-info textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #333;
  font-size: 13px;
  height: 138px;
  padding: 17px 20px;
}
.billing-info-wrap .different-address {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .your-order-area {
    margin-top: 30px;
  }
}
.your-order-area h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 20px;
  color: #033333;
}
.your-order-area .your-order-wrap {
  padding: 38px 45px 44px;
  background: #f6f6f6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .your-order-area .your-order-wrap {
    padding: 30px 20px 36px;
  }
}
@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap {
    padding: 30px 20px 36px;
  }
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {
  font-size: 16px;
  font-weight: 500;
  list-style: outside none none;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
  border-bottom: 1px solid #dee0e4;
  border-top: 1px solid #dee0e4;
  margin: 29px 0;
  padding: 19px 0 18px;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li {
  font-size: 14px;
  font-weight: 400;
  list-style: none;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping {
  font-size: 16px;
  color: #212121;
  font-weight: 400;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total {
  border-bottom: 1px solid #dee0e4;
  border-top: 1px solid #dee0e4;
  margin: 18px 0 33px;
  padding: 17px 0 19px;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li.order-total {
  font-weight: 500;
  color: #212121;
  font-size: 18px;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li {
  font-weight: 500;
  color: #00a651;
  font-size: 16px;
  list-style: outside none none;
}
.your-order-area .payment-accordion {
  margin: 0 0 16px;
}
.your-order-area .payment-accordion:last-child {
  margin: 0 0 0px;
}
.your-order-area .payment-accordion h4 {
  color: #212121;
  font-size: 16px;
  margin: 0;
}
.your-order-area .payment-accordion h4 a {
  color: #212121;
  position: relative;
  display: block;
}
.your-order-area .payment-accordion .panel-body {
  padding: 5px 0 0 0px;
}
.your-order-area .payment-accordion .panel-body p {
  padding: 0 0 0 10px;
  font-size: 13px;
  color: #333;
}
.your-order-area .Place-order > a {
  background-color: #00a651;
  color: #fff;
  display: block;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  padding: 18px 20px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50px;
  z-index: 9;
}
.your-order-area .Place-order > a:hover {
  background-color: #333;
}

/*--------- 18. Cart page ---------*/
h3.cart-page-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px;
}

.cart-table-content table {
  border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
}
.cart-table-content table thead > tr th {
  border-top: medium none;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  padding: 21px 45px 22px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content table thead > tr th {
    padding: 21px 35px 22px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-table-content table thead > tr th {
    padding: 21px 20px 22px;
  }
}
.cart-table-content table tbody > tr {
  border-bottom: 1px solid #ebebeb;
}
.cart-table-content table tbody > tr td.product-thumbnail {
  width: 150px;
}
.cart-table-content table tbody > tr td.product-name {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-name a {
  color: #033333;
  font-size: 15px;
  font-weight: 500;
}
.cart-table-content table tbody > tr td.product-price-cart {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-price-cart span {
  font-weight: 500;
  color: #033333;
}
.cart-table-content table tbody > tr td.product-subtotal {
  font-weight: 500;
  color: #033333;
}
.cart-table-content table tbody > tr td.product-quantity {
  width: 435px;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus {
  display: inline-block;
  float: left;
  height: 40px;
  padding: 0;
  position: relative;
  width: 110px;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .qtybutton {
  color: #333;
  cursor: pointer;
  float: inherit;
  font-size: 16px;
  margin: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20px;
  text-align: center;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .dec.qtybutton {
  border-right: 1px solid #e5e5e5;
  height: 40px;
  left: 0;
  padding-top: 8px;
  top: 0;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .inc.qtybutton {
  border-left: 1px solid #e5e5e5;
  height: 40px;
  padding-top: 9px;
  right: 0;
  top: 0;
}
.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
  color: #333;
  float: left;
  font-size: 14px;
  height: 40px;
  margin: 0;
  width: 110px;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  padding: 0;
  text-align: center;
}
.cart-table-content table tbody > tr td.product-remove {
  width: 100px;
}
.cart-table-content table tbody > tr td.product-remove a {
  color: #666;
  font-size: 17px;
  margin: 0 13px;
}
.cart-table-content table tbody > tr td.product-remove a:hover {
  color: #00a651;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a {
  background-color: #00a651;
  border-radius: 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 7px 12px;
  text-transform: uppercase;
}
.cart-table-content table tbody > tr td.product-wishlist-cart > a:hover {
  background-color: #333;
}
.cart-table-content table tbody > tr td {
  color: #333;
  font-size: 15px;
  padding: 30px 0;
  text-align: center;
}

.cart-shiping-update-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0px 55px;
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: block;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update > a,
.cart-shiping-update-wrapper .cart-clear > button,
.cart-shiping-update-wrapper .cart-clear > a {
  background-color: #f2f2f2;
  border-radius: 50px;
  color: #363f4d;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 63px 17px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
.cart-shiping-update-wrapper .cart-clear > button,
.cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px 17px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
.cart-shiping-update-wrapper .cart-clear > button,
.cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 40px 17px;
    margin: 0 0 15px;
  }
}
.cart-shiping-update-wrapper .cart-shiping-update > a:hover,
.cart-shiping-update-wrapper .cart-clear > button:hover,
.cart-shiping-update-wrapper .cart-clear > a:hover {
  background-color: #00a651;
  color: #fff;
}
.cart-shiping-update-wrapper .cart-clear > button {
  border: medium none;
  cursor: pointer;
  margin-right: 27px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-clear > button {
    margin-right: 15px;
  }
}

.cart-tax,
.discount-code-wrapper {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax,
.discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-tax,
.discount-code-wrapper {
    padding: 45px 18px 50px;
  }
}
.cart-tax .title-wrap,
.discount-code-wrapper .title-wrap {
  position: relative;
}
.cart-tax .title-wrap::before,
.discount-code-wrapper .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title {
    font-size: 16px;
  }
}
.cart-tax .title-wrap .section-bg-gray,
.discount-code-wrapper .title-wrap .section-bg-gray {
  background-color: #f8f9f9;
  position: relative;
  z-index: 99;
}
.cart-tax .tax-wrapper,
.discount-code-wrapper .tax-wrapper {
  margin-top: 22px;
}
.cart-tax .tax-wrapper p,
.discount-code-wrapper .tax-wrapper p {
  margin: 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper {
  margin: 5px 0 0;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select {
  margin: 0 0 26px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select label,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select label {
  color: #242424;
  font-size: 14px;
  margin: 0 0 5px;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url("../img/icon-img/cart.png") no-repeat scroll right 18px center;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #242424;
  font-size: 12px;
  height: 40px;
  padding: 0 50px 0 15px;
  width: 100%;
  cursor: pointer;
}
.cart-tax .tax-wrapper .tax-select-wrapper .tax-select input,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 40px;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2 {
  background-color: #00a651;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 42px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover {
  background-color: #333;
}
.cart-tax .discount-code,
.discount-code-wrapper .discount-code {
  margin: 21px 0 0;
}
.cart-tax .discount-code p,
.discount-code-wrapper .discount-code p {
  margin: 0 0 15px;
}
.cart-tax .discount-code form input,
.discount-code-wrapper .discount-code form input {
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  margin-bottom: 30px;
  padding-left: 10px;
}
.cart-tax .discount-code form button.cart-btn-2,
.discount-code-wrapper .discount-code form button.cart-btn-2 {
  background-color: #00a651;
  border: medium none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 13px 42px 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cart-tax .discount-code form button.cart-btn-2:hover,
.discount-code-wrapper .discount-code form button.cart-btn-2:hover {
  background-color: #333;
}

.grand-totall {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand-totall {
    padding: 45px 18px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-totall {
    margin-top: 30px;
  }
}
.grand-totall .title-wrap {
  position: relative;
}
.grand-totall .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}
.grand-totall .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
}
.grand-totall .title-wrap .section-bg-gary-cart {
  background-color: #f9f9f9;
  position: relative;
  z-index: 9;
}
.grand-totall h5 {
  font-size: 14px;
  margin: 36px 0 27px;
}
.grand-totall h5 span {
  float: right;
  font-size: 18px;
  font-weight: 500;
}
.grand-totall .total-shipping {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin: 0 0 27px;
  padding: 28px 0;
}
.grand-totall .total-shipping h5 {
  font-size: 14px;
  margin: 0;
}
.grand-totall .total-shipping ul {
  padding: 19px 0 0 0px;
}
.grand-totall .total-shipping ul li {
  color: #242424;
  list-style: outside none none;
  margin: 0 0 6px;
}
.grand-totall .total-shipping ul li:last-child {
  margin: 0 0 0px;
}
.grand-totall .total-shipping ul li input {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 5px !important;
  color: #626262;
  cursor: pointer;
  height: 13px;
  margin-right: 10px;
  padding: 0;
  position: relative;
  top: 2px;
  width: 13px;
}
.grand-totall .total-shipping ul li span {
  float: right;
}
.grand-totall h4.grand-totall-title {
  color: #00a651;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 25px;
}
.grand-totall h4.grand-totall-title span {
  float: right;
}
.grand-totall a {
  background-color: #00a651;
  border-radius: 50px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 10px 17px;
  text-align: center;
  text-transform: uppercase;
}
.grand-totall a:hover {
  background-color: #333;
}

.discount-code-wrapper {
  margin: 30px 0;
}

.login-register-wrapper .login-register-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
.login-register-wrapper .login-register-tab-list a {
  position: relative;
}
.login-register-wrapper .login-register-tab-list a::before {
  background-color: #454545;
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 1px;
}
.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-register-tab-list a:last-child::before {
  display: none;
}
.login-register-wrapper .login-register-tab-list a.active h4 {
  color: #00a651;
}
.login-register-wrapper .login-form-container {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 80px;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}
.login-register-wrapper .login-form-container .login-register-form form input {
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #333;
  font-size: 14px;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 15px;
}
.login-register-wrapper .login-form-container .login-register-form form input[type=checkbox] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 1px;
  width: 17px;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {
  padding: 10px 0 19px;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
  color: #242424;
  font-size: 15px;
  font-weight: 400;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
  color: #242424;
  float: right;
  font-size: 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {
  color: #00a651;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box button {
  border: medium none;
  cursor: pointer;
  padding: 15px 40px 15px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  color: #fff;
}
.login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {
  background-color: #333;
  color: #fff;
}

/* custom css start from here   */
.single-course .course-position-content .credit-duration-wrap .sin-credit-duration i {
  display: none;
}
.event-date-wrap{
   display:none; 
}
.single-event .event-content {
  padding: 22px 17px 30px;
}

.breadcrumb-top p{
  width:90% !important;
}
/* custom css end from here  */
.choose-negative-mrg {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.single-choose-us {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    /* border: 1px solid #ddd; */
}

.choose-img img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .single-choose-us {
        height: auto;
    }
}

.dn{
  display:none;
}
.single-event .event-img img{
  border: 1px solid #80808029;
}
.main-menu nav ul li a:hover{
  text-decoration:underline;
}


.pb-130 {
  padding-bottom: 60px;
}

.pt-130 {
  padding-top: 60px;
}
.pb-115{
  padding-bottom: 60px;
}

/* contact map styling  */
.contact-map {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #9e9e9e66;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-color: #f0f8ff;
  margin-bottom: 30px;
}

#map iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .contact-map {
    border: 1px solid #9e9e9e66;
      margin-bottom: 20px;
  }
}



/* header phone and mail address */
@media screen and (max-width: 768px) {
  .pipe{
    display:none;
  }
  .header-contact ul {
      padding: 0;
      list-style-type: none;
      margin: 0;
      font-size: 14px;
      display: block;
  }

  .header-contact li {
      margin-bottom: 10px;
      display: block; /* Ensure items stack vertically */
      width: 100%;
  }

  .header-contact li i {
      margin-right: 10px;
  }

  .header-contact li a {
      color: #000;
      text-decoration: none;
  }

  .header-contact li a:hover {
      text-decoration: underline;
  }
}

/* Keep your existing CSS at the top */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800,900&display=swap");

/* ... (Your existing layout and utility classes) ... */

/* ==========================================================================
   CUSTOM REARRANGEMENT SECTION
   The following styles are added to center buttons and ensure they 
   don't affect other pages by targeting specific wrapper classes.
   ========================================================================== 
*/

.centered-btn-wrapper {
    display: flex;             /* Use flexbox for easy alignment */
    justify-content: center;    /* Center buttons horizontally */
    align-items: center;        /* Center buttons vertically */
    gap: 20px;                 /* Adds space between the two buttons without manual margins */
    flex-wrap: wrap;           /* IMPORTANT: On small screens, buttons will stack instead of overlapping */
}

/* Specific styling for the slider buttons to ensure they look uniform when centered */
.slider-btn a.default-btn {
    margin: 0;                 /* Reset margins because 'gap' handles spacing now */
    min-width: 220px;          /* Ensures both buttons have the same width for a symmetrical look */
}

.btn-white-color {
    background-color: #ffffff !important;
    color: #333 !important;
}

.btn-white-color:hover {
    background-color: #00a651 !important;
    color: #ffffff !important;
}

/* Mobile Responsive Adjustments */
@media only screen and (max-width: 767px) {
    .centered-btn-wrapper {
        gap: 10px;             /* Tighter spacing for mobile phones */
    }
    
    /* Centering adjustment for the slider text area on mobile */
    .slider-content.pt-230 {
        padding-top: 150px;    /* Reduced padding so buttons are visible on smaller screens */
    }
}

/* ==========================================================================
   END CUSTOM SECTION
   ========================================================================== 
*/
/* ==========================================================================
   PERFECT VERTICAL CENTERING & LARGE BUTTONS
   ========================================================================== */

/* This centers the content vertically using 25% of the screen height as padding */
.slider-content.hero-container-center {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 30vh !important; /* Adjust this number to move buttons up or down */
    min-height: 80vh; 
    text-align: center;
}

/* This makes the buttons much bigger and modern */
.hero-btn-large {
    font-size: 20px !important;      /* Larger text */
    padding: 25px 50px !important;   /* Thicker button padding */
    min-width: 320px;                /* Consistent width */
    border-radius: 8px !important;   /* Modern rounded corners */
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* Makes them pop out */
}

/* ==========================================================================
   UK SCHOLARS - FINAL CUSTOM UPDATES
   ========================================================================== */

/* 1. Centered Logo Controls */
.logo {
    float: none !important;
    margin: 0 auto !important;
    padding: 15px 0;
}
.centered-logo {
    max-width: 250px;
    height: auto;
    display: inline-block;
    transition: transform 0.3s ease;
}
.centered-logo:hover {
    transform: scale(1.05);
}

/* 2. Hero Section & Perfect Centering */
.hero-container-center {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20vh !important; 
    min-height: 85vh;
    position: relative;
    z-index: 5;
}

/* 3. Extra Large Buttons */
.hero-btn-large {
    font-size: 22px !important;
    padding: 28px 60px !important;
    min-width: 330px;
    border-radius: 12px !important;
    font-weight: 700;
    box-shadow: 0 15px 35px rgba(0,0,0,0.3);
    text-transform: uppercase;
}

.centered-btn-wrapper {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
    transition: transform 0.1s linear;
}

/* 4. Slow Zoom Background (Ken Burns Effect) */
@keyframes slowZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.12); }
}

.zoom-bg {
    overflow: hidden !important;
    animation: slowZoom 25s ease-in-out infinite alternate;
}

/* 5. Entrance Fade-In Animation */
@keyframes fadeInUpCustom {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUpCustom 1.5s ease-out forwards;
    will-change: opacity, transform;
}

/* Mobile Responsive Adjustments */
@media only screen and (max-width: 767px) {
    .hero-btn-large {
        width: 100%;
        max-width: 300px;
        min-width: unset;
        font-size: 18px !important;
        padding: 20px 30px !important;
    }
    .centered-btn-wrapper {
        gap: 20px;
    }
    .centered-logo {
        max-width: 180px;
    }
}

/* ***end style.css*** */

/* ***plugins.css*** */

/*
 
 Slick Slider
 Version: 1.8.1
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues
 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100px,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100px,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100px,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100px,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100px,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100px,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100px,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100px,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100px,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100px,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100px,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100px,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100px,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100px,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100px,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100px,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100px,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100px,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100px,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100px,0)}}.slideOutUp{animation-name:slideOutUp}


/*! Magnific Popup - v1.1.0 - 2016-02-20
* http://dimsemenov.com/plugins/magnific-popup/
* Copyright (c) 2016 Dmitry Semenov; */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/*---------------  MeanMenu  -------------------*/

a.meanmenu-reveal{display:none}
.mean-container .mean-bar {
  background: inherit;
  float: left;
  min-height: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.mean-container a.meanmenu-reveal {
  color: #333;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 1px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  padding: 4px 0 4px 5px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: -65px;
  width: 18px;
}
.mean-container a.meanmenu-reveal span{display:block;background:#333;height:2px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:transparent}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid#ddd;
}
.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #666666;
  display: block;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 10px 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  font-weight: bold;
}
.mobile-menu-area {

}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 1;
  padding: 1em 10%;
  text-shadow: none !important;
  visibility: visible;
  width: 80%;
  font-weight: normal;
  text-transform: capitalize;
  color: #444;
}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #00a651;
}
.mean-container .mean-nav ul li a.mean-expand{
	width:26px;
	height: 15px;
    margin-top: 1px;
    padding: 6px 12px !important;
	text-align:center;
	position:absolute;
	right:0;top:0;
	z-index:2;
	font-weight:700;
	background:rgba(255,255,255,.1);
	border:0!important;
	background: #F8F8F8;
	}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #f8f8f8;
}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after {
  color: #333;
  content: inherit;
  font-size: 21px;
  font-weight: 700;
  left: 5%;
  position: absolute;
  top: 13px;
}

/* ***end plugins.css*** */

/* ***icons.min.css*** */



/*-------------- material-design-iconic-font.min.css ----------------*/

@font-face{font-family:Material-Design-Iconic-Font;src:url(../fonts/Material-Design-Iconic-Fontd1f1.woff2?v=2.2.0) format('woff2'),url(../fonts/Material-Design-Iconic-Fontd1f1.woff?v=2.2.0) format('woff'),url(../fonts/Material-Design-Iconic-Fontd1f1.ttf?v=2.2.0) format('truetype')}.zmdi{display:inline-block;font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zmdi-hc-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.zmdi-hc-2x{font-size:2em}.zmdi-hc-3x{font-size:3em}.zmdi-hc-4x{font-size:4em}.zmdi-hc-5x{font-size:5em}.zmdi-hc-fw{width:1.28571429em;text-align:center}.zmdi-hc-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.zmdi-hc-ul>li{position:relative}.zmdi-hc-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.zmdi-hc-li.zmdi-hc-lg{left:-1.85714286em}.zmdi-hc-border{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:2px}.zmdi-hc-border-circle{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:50%}.zmdi.pull-left{float:left;margin-right:.15em}.zmdi.pull-right{float:right;margin-left:.15em}.zmdi-hc-spin{-webkit-animation:zmdi-spin 1.5s infinite linear;animation:zmdi-spin 1.5s infinite linear}.zmdi-hc-spin-reverse{-webkit-animation:zmdi-spin-reverse 1.5s infinite linear;animation:zmdi-spin-reverse 1.5s infinite linear}@-webkit-keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.zmdi-hc-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.zmdi-hc-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.zmdi-hc-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.zmdi-hc-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.zmdi-hc-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.zmdi-hc-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.zmdi-hc-stack-1x,.zmdi-hc-stack-2x{position:absolute;left:0;width:100%;text-align:center}.zmdi-hc-stack-1x{line-height:inherit}.zmdi-hc-stack-2x{font-size:2em}.zmdi-hc-inverse{color:#fff}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panora
style.css
Displaying style.css.


/* --- Hero Slider Animation Fix --- */
.slider-active .owl-item.active .slider-content h1 {
    animation: fadeInUp 0.8s both 0.5s;
}

.slider-active .owl-item.active .slider-content p {
    animation: fadeInUp 0.8s both 0.7s;
}

.slider-active .owl-item.active .slider-btn-matched {
    animation: fadeInUp 0.8s both 0.9s; /* Buttons appear last for effect */
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}