/*
Theme Name: Bausins
Theme URI: 
Author: 
Author URI: 
Description: Bausins is a business website template
Version: 1.0.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Typography
# Normalize
# Accessibility
# Globals
# Alignments
# Clearings
# Posts and pages
# Captions
# Galleries
# Unit test
# guterberg
# Gutenberg	Default Style
# Block Color Palette Colors
# Sections
    ## Breadcrumb
    ## Comments
    ## Widgets
    ## Nav Bar
    ## Info Bar
    ## Header
    ## Header Bottom Area
    ## Footer Area
    ## Error 404 Area
    ## Why us Area
    ## Highly Skilled Area
    ## Call TO Action Area
    ## Testimonial Area
    ## Top Lawyer Style 02
    ## Counterup Area
    ## Case Category Area
    ## Legal Support Area
    ## Practice Details Area
    ## Attorney Details Area

# Elements
    ## Back Top
    ## Preloader
    ## Video Popup
    ## Button
    ## Blog
    ## Accordion
    ## contact Info Item
    ## Quote block with sign
    ## Counterup Item
    ## Video With Image
    ## Video Play Button
    ## Why Us Item
    ## Section Title
    ## What we cover item
    ## Icon Box Item
    ## Testimonial Item
    ## Case Categories Item
    ## Quote With Image
    ## Price Plan Item

--------------------------------------------------------------*/
/*-----------------
    # Typography
-----------------*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap");
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*-------------------------
    ## Preloader Css
---------------------------*/
.pre-wrap {
  position: fixed;
  content: '';
  -webkit-transform: translate(-100%, -240%);
  -ms-transform: translate(-100%, -240%);
  transform: translate(-100%, -240%);
  font-size: 62px; }

.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .preloader-inner .TruckLoader {
    position: relative;
    width: 150px;
    height: 40px;
    background: #444;
    -webkit-animation: put-put 2s infinite, move-truck 10s infinite;
    animation: put-put 2s infinite, move-truck 10s infinite;
    background-size: 100% auto;
    border-radius: 4px;
    -webkit-box-reflect: below 15px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), to(rgba(255, 255, 255, 0.1))); }
    .preloader-inner .TruckLoader:before, .preloader-inner .TruckLoader:after {
      content: '';
      display: block;
      border-radius: 50%;
      width: 16px;
      height: 16px;
      border: 2px solid #fff;
      background: #333;
      position: absolute;
      bottom: -10px; }
    .preloader-inner .TruckLoader:before {
      left: 6px; }
    .preloader-inner .TruckLoader:after {
      right: 6px; }
    .preloader-inner .TruckLoader-cab {
      position: absolute;
      left: -35px;
      bottom: 0;
      width: 33px;
      height: 25px;
      background: #333;
      border-radius: 40% 0 4px 4px;
      -webkit-box-reflect: below 15px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), to(rgba(255, 255, 255, 0.1))); }
      .preloader-inner .TruckLoader-cab:before, .preloader-inner .TruckLoader-cab:after {
        position: absolute;
        content: '';
        display: block;
        background: #333; }
      .preloader-inner .TruckLoader-cab:before {
        width: 20px;
        height: 15px;
        top: -15px;
        right: 0;
        border-radius: 100% 0 0 0; }
      .preloader-inner .TruckLoader-cab:after {
        border-radius: 50%;
        width: 16px;
        height: 16px;
        background: #444;
        left: 5px;
        border: 2px solid #fff;
        background: #333;
        position: absolute;
        bottom: -10px; }
    .preloader-inner .TruckLoader-smoke, .preloader-inner .TruckLoader-smoke:after, .preloader-inner .TruckLoader-smoke:before {
      position: absolute;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      right: -1px;
      bottom: -5px;
      border-radius: 50%;
      background: #333; }
    .preloader-inner .TruckLoader-smoke {
      -webkit-animation: smoke-1 2s infinite;
      animation: smoke-1 2s infinite; }
    .preloader-inner .TruckLoader-smoke:after {
      -webkit-animation: smoke-2 3s infinite;
      animation: smoke-2 3s infinite; }
    .preloader-inner .TruckLoader-smoke:before {
      -webkit-animation: smoke-3 4s infinite;
      animation: smoke-3 4s infinite; }

@-webkit-keyframes put-put {
  0% {
    margin-top: 0px;
    height: 50px; }
  5% {
    margin-top: -2px;
    height: 52px; }
  20% {
    margin-top: -1px;
    height: 50px; }
  35% {
    margin-top: 1px;
    height: 49px; }
  40% {
    margin-top: -1px;
    height: 51px; }
  60% {
    margin-top: 1px;
    height: 49px; }
  75% {
    margin-top: 0px;
    height: 50px; }
  80% {
    margin-top: -4px;
    height: 52px; }
  100% {
    margin-top: 1px;
    height: 49px; } }

@keyframes put-put {
  0% {
    margin-top: 0px;
    height: 50px; }
  5% {
    margin-top: -2px;
    height: 52px; }
  20% {
    margin-top: -1px;
    height: 50px; }
  35% {
    margin-top: 1px;
    height: 49px; }
  40% {
    margin-top: -1px;
    height: 51px; }
  60% {
    margin-top: 1px;
    height: 49px; }
  75% {
    margin-top: 0px;
    height: 50px; }
  80% {
    margin-top: -4px;
    height: 52px; }
  100% {
    margin-top: 1px;
    height: 49px; } }

@-webkit-keyframes smoke-1 {
  0% {
    opacity: 0; }
  15% {
    opacity: 0.9; }
  100% {
    right: -30px;
    bottom: 5px;
    width: 30px;
    height: 30px;
    opacity: 0; } }

@keyframes smoke-1 {
  0% {
    opacity: 0; }
  15% {
    opacity: 0.9; }
  100% {
    right: -30px;
    bottom: 5px;
    width: 30px;
    height: 30px;
    opacity: 0; } }

@-webkit-keyframes smoke-2 {
  0% {
    opacity: 0; }
  15% {
    opacity: 0.9; }
  100% {
    right: -60px;
    bottom: 8px;
    width: 25px;
    height: 25px;
    opacity: 0; } }

@keyframes smoke-2 {
  0% {
    opacity: 0; }
  15% {
    opacity: 0.9; }
  100% {
    right: -60px;
    bottom: 8px;
    width: 25px;
    height: 25px;
    opacity: 0; } }

@-webkit-keyframes smoke-3 {
  0% {
    opacity: 0; }
  15% {
    opacity: 0.9; }
  100% {
    right: -40px;
    bottom: 2px;
    width: 35px;
    height: 35px;
    opacity: 0; } }

@keyframes smoke-3 {
  0% {
    opacity: 0; }
  15% {
    opacity: 0.9; }
  100% {
    right: -40px;
    bottom: 2px;
    width: 35px;
    height: 35px;
    opacity: 0; } }

@-webkit-keyframes move-truck {
  0% {
    margin-left: 90%;
    opacity: 0; }
  10% {
    opacity: 1; }
  50% {
    margin-left: 45%; }
  90% {
    opacity: 1; }
  100% {
    margin-left: 0;
    opacity: 0; } }

@keyframes move-truck {
  0% {
    margin-left: 90%;
    opacity: 0; }
  10% {
    opacity: 1; }
  50% {
    margin-left: 45%; }
  90% {
    opacity: 1; }
  100% {
    margin-left: 0;
    opacity: 0; } }
  .preloader-inner .cancel-preloader {
    position: absolute;
    bottom: 30px;
    right: 30px; }
    .preloader-inner .cancel-preloader a {
      background-color: var(--main-color-one);
      font-weight: 600;
      text-transform: capitalize;
      color: #fff;
      width: 200px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 30px;
      display: block;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .preloader-inner .cancel-preloader a:hover {
        background-color: var(--secondary-color);
        color: #fff; }