/*

Default Style

============================*/

/* @import url("https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700&display=swap");

@import url("https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i&display=swap"); */



/* @import url('https://fonts.cdnfonts.com/css/gotham');

@import url('https://fonts.cdnfonts.com/css/tt-norms-pro'); */



@font-face {

    font-family: "Gotham";

    src: url('../fonts/Gotham-Bold.otf') format('opentype');

      font-weight: bold;

      font-style: normal;

      font-display: swap;

  }

  @font-face {

    font-family: "Gotham";

    src: url('../fonts/Gotham-Light.otf') format('opentype');

      font-weight: 400;

      font-style: normal;

      font-display: swap;

  }

  @font-face {

    font-family: "Gotham";

    src: url('../fonts/GothamMedium.ttf') format('opentype');

      font-weight: 500;

      font-style: normal;

      font-display: swap;

  }

  @font-face {

    font-family: "Gotham";

    src: url('../fonts/Gotham-Thin.otf') format('opentype');

      font-weight: 300;

      font-style: normal;

      font-display: swap;

  }

  

  :root{

    --orange:#ff7c24;

    --dblue:#090f38;

    --lorange:#fff6f1;

    --light:#ddd;
  --white:#fff;

  }

  

  body {

    padding: 0;

    margin: 0;

    font-size: 14px;

    /* font-family: 'Gotham', sans-serif; */

    /* font-weight: 500; */

    color: #000;

    font-family: 'Noto Sans', sans-serif;

  }

  

  a {

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    text-decoration: none;

  }

  

  a:hover {

    text-decoration: none;

    color: #000;

  }

  

  a:focus {

    text-decoration: none;

  }

  

  button {

    outline: 0 !important;

    -webkit-box-shadow: none;

            box-shadow: none;

    border: none;

  }

  

  button:focus {

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  

  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    color: #000;

    font-weight: 600;

  }

  

  h3 {

    font-size: 20px;

  }

  

  .d-table {

    width: 100%;

    height: 100%;

  }

  

  .d-table-cell {

    vertical-align: middle;

  }

  

  p {

    font-size: 15px;

    margin-bottom: 15px;

  }

  

  p:last-child {

    margin-bottom: 0;

  }

  

  img {

    max-width: 100%;

    height: auto;

  }

  

  ul {

    list-style: none;

    padding: 0;

    margin: 0;

  }

  

  .form-control {

    height: 50px;

    color: #000;

    border: 1px solid #e8e8e8;

    background-color: transparent;

    border-radius: 0;

    padding: 0;

    font-size: 15px;

    padding: 10px 20px;

    width: 100%;

  }

  

  .form-control::-webkit-input-placeholder {

    color: #495057;

    font-size: 13px;

  }

  

  .form-control:-ms-input-placeholder {

    color: #495057;

    font-size: 13px;

  }

  

  .form-control::-ms-input-placeholder {

    color: #495057;

    font-size: 13px;

  }

  

  .form-control::placeholder {

    color: #495057;

    font-size: 13px;

  }

  

  .form-control:focus {

    color: #000000;

    background-color: transparent;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    outline: 0;

    border: 1px solid #ff7c24;

  }

  

  .form-control:hover:focus, .form-control:focus {

    -webkit-box-shadow: unset;

            box-shadow: unset;

  }

  

  textarea.form-control {

    height: auto;

    height: 250px;

  }

  

  .ptb-100 {

    padding-top: 100px;

    padding-bottom: 100px;

  }

  

  .pt-100 {

    padding-top: 100px;

  }

  

  .pb-100 {

    padding-bottom: 100px;

  }

  

  .pt-70 {

    padding-top: 70px;

  }

  

  .pb-70 {

    padding-bottom: 70px;

  }

  

  .mb-30 {

    margin-bottom: 30px;

  }

  

  .pl-30 {

    padding-left: 30px;

  }

  

  .pr-30 {

    padding-right: 30px;

  }

  

  .mt-30 {

    margin-top: 30px;

  }

  

  .mt-20 {

    margin-top: 20px;

  }

  

  .mb-20 {

    margin-bottom: 20px;

  }

  

  .mt-minus-70 {

    margin-top: -70px;

  }

  

  .mb-minus-70 {

    margin-bottom: -70px;

  }

  

  .ml-30 {

    margin-left: 30px;

  }

  

  .mr-30 {

    margin-right: 30px;

  }

  

  .fun-blue-bg {

    background-color: #000;

  }

  

  .buy-now-btn {

    right: 20px;

    z-index: 99;

    top: 50%;

    position: fixed;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    border-radius: 30px;

    display: inline-block;

    color: #ffffff;

    background-color: #82b440;

    padding: 10px 20px 10px 42px;

    -webkit-box-shadow: 0 1px 20px 1px #82b440;

            box-shadow: 0 1px 20px 1px #82b440;

    font-size: 13px;

    font-weight: 600;

  }

  

  .buy-now-btn img {

    top: 50%;

    left: 20px;

    width: 15px;

    position: absolute;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

  }

  

  .buy-now-btn:hover {

    background-color: #ff7c24;

    color: #ffffff;

  }

  

  /*

  Go Top Style

  ======================================================*/

  .go-top {

    position: fixed;

    cursor: pointer;

    top: 0;

    right: 15px;

    background-color: #000;

    z-index: 4;

    width: 40px;

    text-align: center;

    height: 42px;

    line-height: 42px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: .9s;

    transition: .9s;

  }

  

  .go-top i {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

    color: #ffffff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 20px;

  }

  

  .go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%;

  }

  

  .go-top::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: #ff7c24;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .go-top:hover {

    color: #ffffff;

    background-color: #ff7c24;

  }

  

  .go-top:hover::before {

    opacity: 1;

    visibility: visible;

  }

  

  .go-top:hover i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden;

  }

  

  .go-top:hover i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%;

  }

  

  .go-top:focus {

    color: #ffffff;

  }

  

  .go-top:focus::before {

    opacity: 1;

    visibility: visible;

  }

  

  .go-top:focus i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden;

  }

  

  .go-top:focus i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%;

  }

  

  .go-top.active {

    top: 85%;

    -webkit-transform: translateY(-98%);

            transform: translateY(-98%);

    opacity: 1;

    visibility: visible;

  }

  

  /*

  Page-navigation Area Style

  ======================================================*/

  .page-navigation-area {

    text-align: center;

    margin: 20px auto 0;

    display: table;

  }

  

  .page-navigation-area .page-link {

    color: #ff7c24;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 15px #d0d0d0;

            box-shadow: 0 0 15px #d0d0d0;

    width: 40px;

    height: 40px;

    border: 1px solid #ffffff;

    line-height: 24px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 700;

  }

  

  .page-navigation-area .page-link i {

    margin-right: -4px;

    font-size: 21px;

  }

  

  .page-navigation-area .page-link:hover {

    color: #ffffff;

    background-color: #ff7c24;

    border: 1px solid #ff7c24;

  }

  

  .page-navigation-area .page-link:focus {

    z-index: 2;

    outline: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  

  .page-navigation-area .page-link.page-links i::before {

    margin-left: -4px;

  }

  

  .page-navigation-area .page-item {

    padding: 0 8px 0;

  }

  

  .page-navigation-area .page-item:first-child .page-link {

    border-radius: none;

  }

  

  .page-navigation-area .page-item:last-child .page-link {

    border-radius: none;

  }

  

  .page-navigation-area .page-item.active .page-link {

    z-index: 1;

    color: #ffffff;

    background-color: #ff7c24;

    border-color: #ff7c24;

  }

  

  /*

  Video wave Style

  ======================================================*/

  .video-btn {

    display: inline-block;

    width: 60px;

    height: 60px;

    line-height: 69px;

    text-align: center;

    border-radius: 50%;

    color: #ff7c24;

    position: relative;

    top: 3px;

    z-index: 1;

    background-color: #ffffff;

  }

  

  .video-btn i {

    font-size: 30px;

    font-weight: 700;

    padding-left: 4px;

    color: #ff7c24;

    position: relative;

    top: 5px;

    left: 0;

  }

  

  .video-btn::after, .video-btn::before {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    bottom: 0;

    left: 0;

    border-radius: 50%;

    background-color: #ffffff;

  }

  

  .video-btn::before {

    -webkit-animation: ripple 1.6s ease-out infinite;

            animation: ripple 1.6s ease-out infinite;

  }

  

  .video-btn::after {

    -webkit-animation: ripple 1.6s ease-out infinite;

            animation: ripple 1.6s ease-out infinite;

  }

  

  .video-btn:hover {

    background-color: #ff7c24;

  }

  

  .video-btn:hover i {

    color: #ffffff;

  }

  

  @-webkit-keyframes ripple {

    0%, 35% {

      -webkit-transform: scale(0);

              transform: scale(0);

      opacity: 1;

    }

    50% {

      -webkit-transform: scale(1.5);

              transform: scale(1.5);

      opacity: 0.8;

    }

    100% {

      opacity: 0;

      -webkit-transform: scale(2);

              transform: scale(2);

    }

  }

  

  @keyframes ripple {

    0%, 35% {

      -webkit-transform: scale(0);

              transform: scale(0);

      opacity: 1;

    }

    50% {

      -webkit-transform: scale(1.5);

              transform: scale(1.5);

      opacity: 0.8;

    }

    100% {

      opacity: 0;

      -webkit-transform: scale(2);

              transform: scale(2);

    }

  }

  

  /*

  Default Btn Area Style

  ======================================================*/

  .default-btn {

    font-size: 16px;

    color: #ff7c24;

    padding: 20px 35px;

    line-height: 1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: 1;

    text-transform: capitalize;

    border: 1px solid #ff7c24;

    border-radius: 4px;

    position: relative;

    cursor: pointer;

  }

  

  .default-btn.active {

    background-color: #ff7c24;

    border-color: #ff7c24;

    color: #ffffff;

  }

  

  .default-btn.active:hover {

    color: #ff7c24;

  }

  

  .default-btn.active::after {

    width: 100%;

  }

  

  .default-btn.active::before {

    border-top: 20px solid transparent;

    border-left: 20px solid #ffffff;

    border-bottom: 20px solid transparent;

    left: -1px;

  }

  

  .default-btn.active:hover {

    background-color: transparent;

    border-color: #ff7c24;

  }

  

  .default-btn.active:hover::before {

    border-top: 20px solid transparent;

    border-left: 20px solid #ff7c24;

    border-bottom: 20px solid transparent;

    left: -1px;

  }

  

  .default-btn.active:hover::after {

    width: 0;

  }

  

  .default-btn::before {

    content: "";

    position: absolute;

    border-right: 0;

    border-top: 20px solid transparent;

    border-left: 20px solid #ff7c24;

    border-bottom: 20px solid transparent;

    top: 9px;

    left: -1px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .default-btn::after {

    position: absolute;

    content: "";

    background-color: #ff7c24;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: -1;

  }

  

  .default-btn:hover {

    color: #ffffff;

    border-color: #ff7c24;

  }

  

  .default-btn:hover::before {

    border-top: 20px solid transparent;

    border-left: 20px solid #ffffff;

    border-bottom: 20px solid transparent;

  }

  

  .default-btn:hover::after {

    width: 100%;

  }

  

  /*

  Read More Area Style

  ======================================================*/

  .read-more {

    line-height: 1;

    color: #ff7c24;

    font-weight: 500;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    display: block;

    font-size: 14px;

  }

  

  .read-more i {

    position: relative;

    top: 4px;

    font-size: 18px;

    left: 8px;

    width: 20px;

    height: 20px;

    line-height: 19px;

    border-radius: 50%;

    border: 1px solid #ff7c24;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .read-more:hover {

    color: #ff7c24;

  }

  

  .read-more:hover i {

    background-color: #ff7c24;

    color: #ffffff;

  }

  

  .circle-read-more i {

    background-color: #fedad0;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    color: #ff7c24;

    display: inline-block;

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    z-index: 1;

  }

  

  .circle-read-more i::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #ff7c24;

    z-index: -1;

    border-radius: 50%;

    -webkit-transform: scale(0);

            transform: scale(0);

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

  }

  

  .circle-read-more:hover i {

    color: #ffffff;

  }

  

  .circle-read-more:hover i::after {

    -webkit-transform: scale(1);

            transform: scale(1);

    background-color: #ff7c24;

  }

  

  /*

  Section Title Area Style

  ======================================================*/

  .section-title {

    max-width: 625px;

    margin: -8px auto 80px;

    text-align: center;

    position: relative;

  }

  

  .section-title span {

    text-transform: uppercase;

    color: #ff7c24;

    font-size: 14px;

    display: block;

    margin-bottom: 10px;

  }

  

  .section-title h2 {

    font-size: 40px;

    margin-bottom: 40px;

    position: relative;

    display: block;

  }

  

  .section-title h2::before {

    position: absolute;

    bottom: -25px;

    left: 0;

    right: 0;

    content: "";

    width: 50px;

    height: 2px;

    background-color: #ff7c24;

    margin: auto;

  }

  

  .section-title h2::after {

    position: absolute;

    bottom: -25px;

    left: -45px;

    right: 0;

    content: "";

    width: 5px;

    height: 2px;

    margin: auto;

    background-color: #ffffff;

    -webkit-animation: moveLeftBounces 10s linear infinite;

            animation: moveLeftBounces 10s linear infinite;

  }

  

  .section-title h2:last-child {

    margin-bottom: 0;

  }

  

  .section-title p {

    margin-bottom: -30px;

  }

  

  /*

  Preloader Area Style

  ======================================================*/

  .preloader {

    width: 100%;

    height: 100%;

    position: fixed;

    background-color: #ffffff;

    top: 0;

    left: 0;

    z-index: 99999;

  }

  

  .preloader .lds-ripple {

    position: relative;

    width: 64px;

    height: 64px;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

  

  .preloader .lds-ripple div {

    position: absolute;

    border: 4px solid #ff7c24;

    opacity: 1;

    border-radius: 50%;

    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

            animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

  }

  

  .preloader .lds-ripple div:nth-child(2) {

    -webkit-animation-delay: -0.5s;

            animation-delay: -0.5s;

  }

  

  @-webkit-keyframes lds-ripple {

    0% {

      top: 28px;

      left: 28px;

      width: 0;

      height: 0;

      opacity: 1;

    }

    100% {

      top: -1px;

      left: -1px;

      width: 58px;

      height: 58px;

      opacity: 0;

    }

  }

  

  @keyframes lds-ripple {

    0% {

      top: 28px;

      left: 28px;

      width: 0;

      height: 0;

      opacity: 1;

    }

    100% {

      top: -1px;

      left: -1px;

      width: 58px;

      height: 58px;

      opacity: 0;

    }

  }

  

  /*

  Keyframes Area Style

  ======================================================*/

  @-webkit-keyframes moveLeftBounces {

    0% {

      -webkit-transform: translateX(0);

              transform: translateX(0);

    }

    50% {

      -webkit-transform: translateX(45px);

              transform: translateX(45px);

    }

    100% {

      -webkit-transform: translateX(0);

              transform: translateX(0);

    }

  }

  @keyframes moveLeftBounces {

    0% {

      -webkit-transform: translateX(0);

              transform: translateX(0);

    }

    50% {

      -webkit-transform: translateX(45px);

              transform: translateX(45px);

    }

    100% {

      -webkit-transform: translateX(0);

              transform: translateX(0);

    }

  }

  

  .bx-fade-left {

    -webkit-transition: all 1s;

    transition: all 1s;

  }

  

  .bx-fade-left:hover {

    -webkit-transition: all 1s;

    transition: all 1s;

    -webkit-animation: none;

            animation: none;

  }

  

  .bx-fade-right {

    -webkit-transition: all 1s;

    transition: all 1s;

  }

  

  .bx-fade-right:hover {

    -webkit-transition: all 1s;

    transition: all 1s;

    -webkit-animation: none;

            animation: none;

  }

  

  .nice-select .list {

    width: 100%;

  }

  

  .nice-select .option:hover {

    background-color: #ff7c24;

    color: #ffffff;

  }

  

  .nice-select .option.selected.focus {

    background-color: #000;

    color: #ff7c24;

  }

  

  /*===== DEFAULT STYLE END ======*/

  /*

  Top Header Area Style

  ======================================================*/

  .header-area {

    background-color: #ffffff;

  }

  

  .top-header {

    padding-top: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #e5e5e5;

  }

  

  .top-header .header-left-content .white-logo {

    display: none;

  }

  

  .top-header .header-left-content img {

    width: 170px;

    position: relative;

    top: 2px;

  }

  .tophtxt h5{font-size: 18px;    margin-bottom: 0;

    margin-top: 10px;

  }

  .tophtxt p{font-size: 15px;font-weight: 600;

    color: #747474;}

  

  .top-header .header-right-content {

    float: right;

  }

  .top-header .header-right-content ul{

    display: flex;

    flex-direction: column;

  }

  .top-header .header-right-content ul li {

    display: inline-block;

    color: #000;

    padding-left: 50px;

    position: relative;

    margin-right: 30px;

    top: 8px;

  }

  

  .top-header .header-right-content ul li:last-child {

    margin-right: 0;

  }

  

  .top-header .header-right-content ul li i {

    color: #ff7c24;

    font-size: 20px;

    margin-right: 10px;

  }

  

  .top-header .header-right-content ul li span {

    display: block;

    font-size: 12px;

    line-height: 1;

    color: #7a7e9a;

    font-weight: 500;

    margin-bottom: 2px;

  }

  .bg-orange{

    background: var(--orange);

  }

  

  .top-header .header-right-content ul li a {

    color: #000;

    font-size: 16px;

    font-weight: 500;display: flex;align-items: center;

  }

  

  .top-header .header-right-content ul li:hover a {

    color: #ff7c24;

  }

  

  .top-header .flag-wrap {

    position: relative;

    top: -18px;

    margin-right: 40px;

  }

  

  .top-header .flag-wrap .flag-item-top {

    padding-left: 0;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-bar {

    position: relative;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-bar img {

    width: 40px;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-bar span {

    position: absolute;

    top: 13px;

    left: 30px;

    color: #000;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 15px;

    font-weight: 500;

    padding-left: 20px;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-item-bottom {

    position: absolute;

    bottom: -255px;

    padding: 20px !important;

    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);

    background-color: #ffffff;

    width: 250px;

    left: -158px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    visibility: hidden;

    opacity: 0;

    z-index: 2;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-item-bottom::before {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    content: "";

    border-top: 0;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #ffffff;

    border-left: 8px solid transparent;

    top: -8px;

    right: 57px;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-item-bottom .flag-item {

    margin-bottom: 10px;

    padding-left: 0;

    margin-right: 0;

    display: block;

    position: unset;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-item-bottom .flag-item:last-child {

    margin-bottom: 0;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-item-bottom .flag-item .flag-link {

    color: #000000;

    display: block;

    font-size: 14px;

    font-weight: 500;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-item-bottom .flag-item .flag-link img {

    width: 20px;

    margin-right: 5px;

  }

  

  .top-header .flag-wrap .flag-item-top .flag-item-bottom .flag-item .flag-link:hover {

    color: #ff7c24;

  }

  

  .top-header .flag-wrap .flag-item-top:hover .flag-bar span {

    color: #ff7c24;

  }

  

  .top-header .flag-wrap .flag-item-top:hover .flag-item-bottom {

    visibility: visible;

    opacity: 1;

    bottom: -260px;

  }

  

  

  

  

  /*

  Prevoz Nav Area Style

  ======================================================*/

  .prevoz-nav-style .navbar-area .navbar-brand {

    display: none;

  }

  

  .prevoz-nav-style .navbar-area .main-nav {

    position: unset;

    background: #ffffff;

    padding-top: 0;

    padding-bottom: 0;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a {

    font-weight: 500;

    font-size: 16px;

    color: #fff;

    text-transform: capitalize;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-left: 0;

    margin-right: 30px;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a i {

    font-size: 25px;

    line-height: 0;

    position: relative;

    top: 6px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active {

    color: #fff;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active i {

    -webkit-transform: rotate(-90deg);

            transform: rotate(-90deg);

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active::before {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {

    color: #fff;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a i {

    -webkit-transform: rotate(-90deg);

            transform: rotate(-90deg);

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {

    background-color: #ffffff;

    border: none;

    border-radius: 0;

    padding: 0;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu::before {

    position: absolute;

    width: 0;

    height: 0;

    content: "";

    border-top: 0;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #ffffff;

    border-left: 8px solid transparent;

    top: -8px;

    left: 20px;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {

    font-size: 14px;

    color: #000;

    position: relative;

    padding: 6px 15px;

    border-bottom: 1px dashed #eeeeee;

    margin-left: 0;

    margin-right: 0;font-weight: 400;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 0;

    height: 1px;

    background-color: #ff7c24;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {

    color: #ff7c24;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {

    width: 100%;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i {

    opacity: 1;

    margin-left: 145px;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {

    color: #ff7c24;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {

    opacity: 0;

    position: relative;

    top: 6px;

    -webkit-transform: rotate(-90deg);

            transform: rotate(-90deg);

    -webkit-transition: all 1s;

    transition: all 1s;

    margin-left: 0;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a i {

    opacity: 1;

    margin-left: 145px;

    color: #ff7c24;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

    left: 105%;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu::before {

    position: absolute;

    width: 0;

    height: 0;

    content: "";

    border-top: 0;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #ffffff;

    border-left: 8px solid transparent;

    top: 35px;

    left: -11px;

    -webkit-transform: rotate(-86deg);

            transform: rotate(-86deg);

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {

    border-bottom: none;

  }

  

  .prevoz-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a::before {

    display: none;

  }

  

  .prevoz-nav-style .navbar-area.is-sticky {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 999;

    background-color: #313538;

    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);

            box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);

    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

            animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

    -webkit-transition: all .5s;

    transition: all .5s;

    width: 100% !important;

  }

  

  .prevoz-nav-style .dropdown-toggle::after {

    display: none;

  }

  

  .prevoz-nav-style .others-option {

    margin-left: auto;position: relative;

  }

  .others-option a{

    font-size: 20px;color: #fff;background: #ec592d;

    padding: 12px 20px;position:relative;z-index:9;

  }

  .main-nav .navbar::after{

    content: '';/*background: #ec592d;*/

    position: absolute;right: 0;width: 15%;height: 100%;

  }

  

  .prevoz-nav-style .others-option .search-wrap {

    display: inline-block;

    position: relative;

    top: 3px;

    right: 15px;

  }

  

  .prevoz-nav-style .others-option .search-wrap a {

    color: #000;

  }

  

  .prevoz-nav-style .others-option .search-wrap a i {

    font-size: 23px;

    line-height: 1;

  }

  

  .prevoz-nav-style .others-option .search-wrap a:hover {

    color: #ff7c24;

  }

  

  .prevoz-nav-style .others-option .sidebar-menu {

    background-color: transparent;

    cursor: pointer;

    padding-right: 0;

  }

  

  .prevoz-nav-style .others-option .sidebar-menu i {

    font-size: 21px;

    color: #000;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .prevoz-nav-style .others-option .sidebar-menu i:hover {

    color: #ff7c24;

  }

  

  .prevoz-nav-style .others-option .dark-switch {

    position: relative;

    left: 0;

    top: -2px;

    display: inline-block;

    margin-left: 20px;

  }

  

  

  /* main_banner */

  .main_banner{

    background: url('../img/banner/main_banner.jpg') no-repeat;

    min-height: 580px;

      display: flex;

      align-items: center;background-size: cover;

      background-position: center;

  }

  .mainbrntxt h1 {

    font-size: 55px;

    color: #fff;

    font-weight: 900;padding: 30px 0;

  }

  .mainbrntxt {

    display: flex;

    align-items: center;

    height: 100%;

  }

  .mainbrntxt h1 span{

    color: var(--orange);

  }

  .undeline{position: relative;}

  .undeline::after{

    content: '';

    position: absolute;

    width: 50%;

    left: 0;height: 4px;background: var(--orange);

    bottom: 0;

  }

  .mainHeading{

    text-align: center;

  }

  .mainHeading h2, .mainHeading h1{

    font-size: 36px;color: var(--orange);font-weight: 800;

    margin-bottom: 20px;

  }

  .mainHeading h5{

    font-size: 20px;margin-bottom: 20px;line-height: 1.5; 

  }

  .mainHeading p{

    font-size: 18px;color: var(--dblue);line-height: 1.5; 

  }

  .btn-orange{

    display: inline-block;background: var(--orange);

    font-size: 18px;border-radius: 5px;padding: 10px 30px;text-align: center;

    color: #fff;

  }

  .btn-orange:hover{

    background: #ec592d;

  }

  .ptb-80{

    padding: 80px 0;

  }

  /* main_banner */

  

  

  /* msform */

  

  .indicators * {

    transition: all 0.4s ease-in-out;

   }

   

   .fix-height {

    /* min-height: 270px; */

    

   }

  

   .fix-height {

    min-height: 450px;

  }

   

   .steps {

    position: absolute;

    width: 0;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

    visibility: hidden;

    opacity: 0;

    transition: all 0.4s ease-in-out;

   }

   

   .steps.active {

    width: 100%;

    z-index: 1;

    visibility: visible;

    opacity: 1;

    transition: all 0.4s ease-in-out;

   }

   

   /* animation for input boxes */

   

   .form-control.invalid {

    border: 1px solid #ec2626;

    /* paste any animation you want */

    animation: shaking 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;

    transform: translate3d(0, 0, 0);

    backface-visibility: hidden;

    perspective: 1000px;

    transition: all 0.4s ease-in-out;

   }

   

   @keyframes shaking {

    10%,

    90% {

     transform: translate3d(-2px, 0, 0);

    }

    20%,

    80% {

     transform: translate3d(4px, 0, 0);

    }

    30%,

    50%,

    70% {

     transform: translate3d(-8px, 0, 0);

    }

    40%,

    60% {

     transform: translate3d(8px, 0, 0);

    }

   }

   

   .hidden {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition: all 0.4s ease-in-out;

   }

   

   .show {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transition: all 0.4s ease-in-out;

   }

   

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

    /* .fix-height {

     min-height: 100px;

    } */

   }

   

   .multiform{

    /* background: #e77e2c; */

    margin-left: 80px;

    padding: 20px 40px;

      border-radius: 10px;

      margin: 20px 0 20px 0px;opacity: .94;

   }

   .frmheading h3{font-size: 20px;text-align: center;}

   .frmheading span{color: #fff;display: block;}

   .frmsuheading h2{font-size: 18px;margin-top: 10px;

    margin-bottom: 20px;

    text-align: center;}

    .stp4 .frmsuheading h2{

      margin-bottom: 15px;

    }

   .indistp{

    border-radius: 0px 30px 30px 0px;padding: 5px;

    margin-left: -20px;position: relative;

   }

   .bg-active,.indistp.bg-success.bg-active{

    background: #da3835!important;

      z-index: 99!important;border-radius: 30px!important;

   }

   /* .indistp.bg-success.bg-active{

    background: #da3835!important;

      z-index: 99!important;border-radius: 30px!important;

   } */

   

   .mltsteps.stp1 .form-group{

    margin-bottom: 35px;

   }

  

   .indistp strong{font-size: 18px;

    width: 28px;height: 28px;border-radius: 50%;text-align: center;

    display: inline-block;color: #da3835;;

  }

  .bg-active strong{

    background: #fff;margin-left: 0!important;margin-right: 0!important;

    

  }

  .indistp.bg-success{

    background: #fff!important;border-radius: 30px 0px 0px 30px!important;

    min-width: 80px;

  }

  .indistp.bg-success strong{

    background: #8ccd4b;color: #fff!important; margin-left: 0px!important;

    margin-right: 0px!important; 

  }

  .indistp span{

    font-size: 16px;

    padding: 0 10px;display: none;

  

  }

  .bg-active span{display: inline-block;}

  .indistp.indi1{border-radius: 30px;}

  .indistp.indi2{

    background: #ffb98b;z-index: 4;

  }

  .indistp.indi2 strong{

    color: #f49673;

    margin-left: 15px;

      margin-right: 15px;

  }

  .indistp.indi3.bg-success {

    z-index: 9;

  }

  .indistp.indi3{

    background: #ffcdac;z-index: 3;

  }

  .indistp.indi3 strong{

    color: #f09d85;

    margin-left: 15px;

      margin-right: 15px;

  }

  .indistp.indi4{

    background: #f3f2f0;z-index: 1;

  }

  .indistp.indi4 strong{

    color: #eab5b4;

    margin-left: 15px;

      margin-right: 15px;

  }

  .indistp.indi4.bg-success {

    border-radius: 0 30px 30px 0!important;

  }

  /* .indistp.indi4.bg-success strong,.indistp.indi3.bg-success strong {

    margin-left: 20px!important;

  }

  .indistp.indi2.bg-success strong{

    margin-left: 15px!important;

  } */

  .indistp.indi2.bg-success.bg-active strong{

    margin-left: 0px!important;

  }

  .indistp.bg-success.bg-active strong{

    margin-left: 0px!important;

  }

  .indistp.indi4.bg-success.bg-active{border-radius: 30px!important;}

  .multiform .form-control{

    border: none;border-bottom: 1px solid #ffcaca;color: #fff;font-size: 16px;

    padding-left: 0;padding-top: 5px;

    padding-bottom: 5px;

    height: auto;

  }

  .multiform .form-control::placeholder{color: #fff;font-size: 16px;}

  .multiform select.form-control {

  padding-left: 0;appearance: auto;

  }

  .multiform .input-group-text{

    background: transparent;border: none;border-bottom: 1px solid #ffcaca;border-radius: 0;

    font-size: 18px;

      color: #fff;

  }

  .multiform .input-group-text img{margin-right: 10px;opacity: .8;width: 20px;}

  .form-group{margin-bottom: 20px;}

  .stp2 .form-group,.stp3 .form-group,.stp4 .form-group{margin-bottom: 15px;}

  .btnNext {background: #fff;font-size: 16px;font-weight: bold;

    padding: 7px 30px;}

  /* .mltbtn {

      display: flex;

      justify-content: space-between;

      align-items: center;

  } */

  .btnPrev {

    background: transparent;

    display: flex;

    align-items: center;

    font-size: 16px;

    color: #fff;

  }

  .btnPrev.show i{margin-right: 7px;}

  

  

  /* msform */

  

  /* newms form */

  

  .frmsuheading p {

    text-align: center;

    margin-top: -20px;

    color: #fff;

    font-size: 16px;

    margin-bottom: 30px;

  }

  .lineth{

    position: relative;color: #fff;font-size: 18px;

    display: flex;

      align-items: center;

  }

  .bdrstrt {

    display: block;

    border-bottom: 1px solid #fbfbfbbf;

    width: 100%;

  }

  .inprow {

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

  .inprow label {

    display: flex;

    flex-direction: column;

    background: #ffc699;

    border-radius: 5px;

    width: 30%;

    justify-content: center;

    align-items: center;

    height: 90px;cursor: pointer;

  }

  .inprow label:hover{

      background: #ffd6b5;

  }

  

  .inprow label.active{

    background: #fff;

  }

  .inprow input{display: none;}

  .inprow  span{color: 000;font-size: 16px;margin-top: 10px;display: inline-block;}

  .inprow label.active span{color: var(--orange)}

  .btns2{display: flex;justify-content: space-between;}

  .dtinp {

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .mldt{width: 60%;}

  .ntsure label {

    font-size: 16px;

    color: #fff;

    margin-top: 25px;

  }

  .ntsure input{

    width: 15px;

      height: 15px;

  }

  .mldt input[type="date"]::-webkit-inner-spin-button,

  .mldt input[type="date"]::-webkit-calendar-picker-indicator {

      opacity: 0;

  }

  .mldt input[type="date"]{

    background: url('../img/icons/calico.png') no-repeat;

    background-position: right;padding-right: 0;

  }

  

  

  .mltsteps.stp1 .btn,.mltsteps.stp2 .btns{

    margin-top: 30px;

  }

  

  

/* full form */

.full_form_sec{

  overflow: hidden;display: block;

  min-height: auto;

  background-position: top;

}

.full_form_sec .slick-slider{

  margin-bottom: 0;

}

.full_form_stps{

  /* background: rgba(5,7,8,.6); */

  padding: 40px 0;

  

}

.full_form_stps.stps1_base{

  background: transparent;

}

.stps1  {

  background: rgba(35,36,42,.8);;

  border-radius: 10px;

  padding: 30px;margin: 40px 0;

}

.full_form_overlay{position: relative;overflow: hidden;}

.btns .btn{

  border-color: var(--orange);color: #fff;padding: 12px 20px;

  background: var(--orange);

}

.telnumber a {

  display: inline-block;

  margin-top: 30px;

  color: #fff;

  font-size: 24px;

}

.btns .btn:hover{background: var(--orange);color: #fff;}



.full_form_overlay::after{

  content: '';background: rgba(5,7,8,.1) ;

  position: absolute;left: 0;top: 0;z-index: 2;

  width: 100%;height: 100%;

}

.full_form{

  position: relative;z-index: 9;



}

.form-section {

  padding: 30px;background: rgba(35,36,42,.8);

  color: #fff;border-radius: 10px;

}

.form-section label{color: var(--orange);}

.form-section .form-control{background: #fff;border-radius: 5px;}

.form-section .arrow{

  display: flex;

  align-items: center;

  justify-content: center;

}

.form-section .arrow i{color: var(--orange);font-size: 45px;}

.form_section_head {

  display: flex;

  width: 100%;margin-bottom: 20px;

}

.form-section .form-subtitle{margin-bottom: 30px;}

.form_section_head .prev-btn{

  width: 100px;

}

.form_section_head .form-section-title{

  width: calc(100% - 100px);

  padding-right: 100px;

}

.form-section .row{justify-content: center ;}

.ui-widget.ui-widget-content{

  background: transparent;

    color: #fff;

    border: none;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{

  background: transparent;

  color: #fff;

  text-align: center;

}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{

  background: var(--orange);border-color: var(--orange);

}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{

  border-color: var(--orange);

}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{

  background-color: #fff;

}

.ui-datepicker .ui-datepicker-header {

  position: relative;

  padding: 0.2em 0px;

  background: transparent;

  color: #fff;

  border: none;

}

.form_section_head .prev-btn i{



  transition: all .3s ease-in-out;

}

.form_section_head .prev-btn:hover i{

  transform: translateX(-10px);

}

.inprow label{

  margin: 15px;background: transparent;text-align: center;

  border: 1px solid #fff;color: #fff;

}

.inprow label:hover{

  background: #fff;color: var(--orange);

}

.others-option a {

  padding: 14px 20px;

}





.locationslt {

  display: flex;

  justify-content: center;

}

.locationslt .form-row{

  text-align: center;margin-bottom: 30px;

}

.locationslt input{display: none;}

.locationslt label{

  width: 100px;

  height: 100px;

  border-radius: 50%;

  border: 1px solid #fff;

  display: flex;text-align: center;

  align-items: center;justify-content: center;

  margin: 20px;cursor: pointer;padding: 10px;

}

.locationslt label.active{

  background: #fff;

}

.form-section-title {

  color: #fff;

  text-align: center;

  font-size: 24px;text-transform: uppercase;

}

.locationslt p{

  color: #fff;

}

.form-subtitle{

  color: #fff;

  text-align: center;

  font-size: 16px;

}

.step-label{

  color: var(--orange);

}





@media(max-width:767px){

  .form_section_head {

    flex-direction: column;

    align-items: center;margin-top: 60px;

  }

  .form_section_head .form-section-title {

    width: 100%;

    padding-right: 0;

  }

  .form-section .arrow i{

    transform: rotate(90deg);

  }

  .full_form_sec .btns{

    text-align: center;position: relative;

  }

  .full_form_sec .btns .prev-btn {

    position: absolute;

    top: 40px;

  }

  .form_section_head .prev-btn{

    display: none;

  }

  .inprow{

    flex-wrap: wrap;

  }

  .inprow label{width: 40%;text-align: center;margin: 15px 0;}

  .ui-widget.ui-widget-content{margin: auto;}

  .stps1{margin-top: 80px;}

}



@media(min-width:768px){

  .full_form_sec .btns .prev-btn{

    display: none;

  }

}





@media(min-width:767px) and (max-width:991px){

  .inprow span{font-size: 14px;}

  .form_section_head{margin-top: 50px;}

  .finalbtn{width: 100%;}

}



/* full form */

  

  

  

  /* =====checkbox css============ */

  .chk{

    margin-top: -10px;

  }

  .styled-checkbox {

    position: absolute;

    opacity: 0;

  }

  .styled-checkbox + label {

    position: relative;

    cursor: pointer;

    padding: 0;

  }

  .styled-checkbox + label:before {

    content: "";

    margin-right: 10px;

    display: inline-block;

    vertical-align: text-top;

    width: 20px;

    height: 20px;

    background: white;border-radius: 3px;border: 2px solid var(--llight);

  }

  .styled-checkbox:hover + label:before {

    background: #fff;

  }

  .styled-checkbox:focus + label:before {

    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);

  }

  .styled-checkbox:checked + label:before {

    background: #fff;border-color: #fff;

  }

  .styled-checkbox:disabled + label {

    color: #b8b8b8;

    cursor: auto;

  }

  .styled-checkbox:disabled + label:before {

    box-shadow: none;

    background: #ddd;

  }

  .styled-checkbox:checked + label:after {

    content: "";

    position: absolute;

    left: 5px;

    top: 12px;

    background: var(--orange);

    width: 2px;

    height: 2px;

    box-shadow: 2px 0 0 var(--orange), 4px 0 0 var(--orange), 4px -2px 0 var(--orange), 4px -4px 0 var(--orange), 4px -6px 0 var(--orange), 4px -8px 0 var(--orange);

    transform: rotate(45deg);

  }

  

  /* ==========checkbox css=========== */

  

  

  /* newms form */

  

  

  /* cards */

  

  .imgHover{display: none;}

  .cards {

    margin: 15px 0;

    background: #fff;

    text-align: center;

    padding: 5px 15px;

    border: 2px solid #c9c3c3;

    border-radius: 5px;

  }

  .cards h5{

    font-size: 18px;margin-top: 20px;margin-bottom: 0;

  }

  .cards:hover{

    background: var(--orange);border-color: var(--orange);

  }

  .cards:hover h5{color: #fff;}

  .cards:hover .imgblack{display: none;}

  .cards:hover .imgHover{display: inline-block;}

  .cardleft {

    padding: 30px 0;

  }

  .cardsec {

   background: url('../img/banner/side-banner.jpg') no-repeat;

   background-position: right;

      background-size: contain; 

  }

  .cardimg {

    display: flex;

    align-items: end;

    height: 100%;position: relative;

  }

  .cardimg h4{

  background: var(--orange);

  padding: 70px;

      color: #fff;

      margin-left: 30px;font-size: 36px;margin-bottom: 30px;

      position: absolute;bottom: 0;

  }

  /* cards */

  

  /* serveto */

  

  .servecard{margin-top: 50px;text-align: center;

  padding: 50px 0 0;

  }

  .servbody {

    padding: 15px;

  }

  .serveto .cardImg {

    min-height: 95px;

  }

  .servecard h4{font-size: 22px;}

  .servecard p{font-size: 16px;opacity: 0;visibility: hidden;}

  .servecard a{font-size: 18px;

  color: #fff;background: var(--orange);display: block;padding: 15px 15px;

  text-align: center;opacity: 0;visibility: hidden;

  }

  .servecard:hover{

    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)

  }

  .servecard:hover h4{color: var(--orange);}

  .servecard:hover p,.servecard:hover a{

    opacity: 1;visibility: visible;

  }

  

  /* serveto */

  

  

  /* counter */

  .counter-area{

    background: url('../img/banner/count-banner.jpg') no-repeat;

    background-size: cover;background-position: center;

  }

  .countc{text-align: center;padding:10px 30px;}

  .countc h2{font-size: 76px;color: var(--orange);margin-top: 20px;}

  .countc p{font-size: 20px;color: #fff;margin-bottom: 0;}

  .cimg {

    min-height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  /* counter */

  

  /* quoteimg */

  .qutxt{

    background: url('../img/banner/quoteImg.jpg') no-repeat;

    background-size: cover;background-position: center;

    padding:130px 100px;border-radius: 10px;

  }

  .orange-text{color: var(--orange);}

  

  .qutxt h3{

    font-size: 34px;color: #fff;max-width: 50%;margin-bottom: 40px;

  }

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

  

  /* quoteimg */

  

  .whychoose{

    background: url('../img/banner/choose-banner.jpg') no-repeat;

    background-size: cover;background-position: center;

    padding: 80px 0;

  }

  .chotxt{

    background: var(--orange);

    padding: 50px;color: #fff;

    max-width: 60%;

  }

  .chotxt h3{font-size: 34px;color: #fff;position: relative;

  margin-bottom: 20px;padding-bottom: 15px;

  }

  .chotxt h3::after{

    content: '';

    position: absolute;

    left: 0;width: 50px;height: 4px;background: #fff;

    bottom: 0;

  }

  .chotxt h5{

    color: #fff;font-size: 22px;margin-bottom: 30px;

  }

  .chotxt ul{}

  .chotxt ul li{

    font-size: 18px;padding: 7px 0;

    padding-left: 30px;

      position: relative;

  }

  .chotxt ul li::before{

    content: "\ea41";

    font-family: boxicons!important;

      font-weight: 400;    position: absolute;

      left: 0;font-size: 20px;

  }

  .testm-wrap {

    margin-top: 55px;

  }

  .testimonials-top-wrap {margin-top: 30px;padding: 0 50px;}

  .testim-card {

    background: #fff;

    padding: 75px 40px 30px;

    border-radius: 10px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);margin: 20px;

  }

  .testim-card .testim-img{

    overflow: hidden;position: absolute;

    top: 0px;

  }

  .testim-card .testim-img img{

    width: 100px;height: 100px;border-radius: 50%;

    object-fit: cover;border: 2px solid #fff;

  }

  .testim-card p{font-size: 18px;color: #222222;margin-bottom: 30px;}

  .owl-theme .owl-nav [class*=owl-]{

    position: absolute;

    top: 45%;

      width: 50px;

      height: 50px;

      text-align: center;

      background: #cbcbcd!important;

      border-radius: 50%;

  }

  .owl-theme .owl-nav [class*=owl-]:hover{

    background: #aaaaad!important;

  }

  .owl-theme .owl-nav [class*=owl-] i{

    font-size: 32px;color: #fff;margin-top: 5px;

  }

  .owl-prev{

    left: 0;

  }

  .owl-next{

    right: 0;

  }

  /*

  Prevoz SliderArea Style

  ======================================================*/

  .prevoz-slider-area .owl-next {

    position: absolute;

    top: 50%;

    right: 30px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0;

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  

  .prevoz-slider-area .owl-next i {

    background-color: #ff7c24;

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 26px;

    border-radius: 4px;

  }

  

  .prevoz-slider-area .owl-next i:hover {

    background-color: #ff7c24 !important;

  }

  

  .prevoz-slider-area .owl-prev {

    position: absolute;

    top: 50%;

    left: 30px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0;

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  

  .prevoz-slider-area .owl-prev i {

    background-color: #ff7c24 !important;

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 26px;

    border-radius: 4px;

  }

  

  .prevoz-slider-area .owl-prev i:hover {

    background-color: #ff7c24 !important;

  }

  

  .prevoz-slider-area:hover .owl-prev {

    opacity: 1;

  }

  

  .prevoz-slider-area:hover .owl-next {

    opacity: 1;

  }

  

  .prevoz-slider-area .owl-theme .owl-nav {

    margin-top: 0 !important;

  }

  

  .prevoz-slider-area .owl-theme .owl-nav [class*=owl-]:hover {

    background-color: transparent;

  }

  

  .prevoz-slider-item {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;

  }

  

  .prevoz-slider-item .prevoz-slider-text {

    text-align: center;

    margin-top: -80px;

  }

  

  .prevoz-slider-item .prevoz-slider-text span {

    color: #ffffff;

    font-size: 15px;

    display: block;

    margin-bottom: 10px;

  }

  

  .prevoz-slider-item .prevoz-slider-text h1 {

    font-size: 80px;

    color: #ffffff;

    margin-bottom: 30px;

  }

  

  .prevoz-slider-item .prevoz-slider-text p {

    color: #ffffff;

    font-size: 18px;

    margin-bottom: 45px;

  }

  

  .prevoz-slider-item .prevoz-slider-text .slider-btn .default-btn {

    margin: 0 20px;

  }

  

  .prevoz-slider-item .prevoz-slider-text .slider-btn .default-btn.white {

    color: #ffffff;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.overflow-hidden {

    overflow: hidden;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.one span {

    -webkit-animation: 1s .1s fadeInUpBig both;

            animation: 1s .1s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.one .video-btn-animat {

    -webkit-animation: 1s .1s fadeInUpBig both;

            animation: 1s .1s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.one h1 {

    -webkit-animation: 2s .2s fadeInUpBig both;

            animation: 2s .2s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.one p {

    -webkit-animation: 3s .3s fadeInUpBig both;

            animation: 3s .3s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.one .slider-btn {

    -webkit-animation: 4s .4s fadeInUpBig both;

            animation: 4s .4s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.one .tracking-body {

    -webkit-animation: 4s .4s fadeInUpBig both;

            animation: 4s .4s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.two span {

    -webkit-animation: 2s .2s fadeInDownBig both;

            animation: 2s .2s fadeInDownBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.two .video-btn-animat {

    -webkit-animation: 2s .2s fadeInDownBig both;

            animation: 2s .2s fadeInDownBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.two h1 {

    -webkit-animation: 2s .2s fadeInLeft both;

            animation: 2s .2s fadeInLeft both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.two p {

    -webkit-animation: 2s .2s fadeInRight both;

            animation: 2s .2s fadeInRight both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.two .slider-btn {

    -webkit-animation: 2s .2s fadeInUpBig both;

            animation: 2s .2s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.two .tracking-body {

    -webkit-animation: 2s .2s fadeInUpBig both;

            animation: 2s .2s fadeInUpBig both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.three span {

    -webkit-animation: 2s .2s fadeInDown both;

            animation: 2s .2s fadeInDown both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.three .video-btn-animat {

    -webkit-animation: 2s .2s fadeInDown both;

            animation: 2s .2s fadeInDown both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.three h1 {

    -webkit-animation: 2s .2s fadeInDown both;

            animation: 2s .2s fadeInDown both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.three p {

    -webkit-animation: 2s .2s fadeInUp both;

            animation: 2s .2s fadeInUp both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.three .slider-btn {

    -webkit-animation: 2s .2s fadeInUp both;

            animation: 2s .2s fadeInUp both;

  }

  

  .prevoz-slider-area .owl-item.active .prevoz-slider-text.three .tracking-body {

    -webkit-animation: 2s .2s fadeInUp both;

            animation: 2s .2s fadeInUp both;

  }

  

  .slider-item-bg-1 {

    background-image: url(../img/slider/1.jpg);

  }

  

  .slider-item-bg-2 {

    background-image: url(../img/slider/2.jpg);

  }

  

  .slider-item-bg-3 {

    background-image: url(../img/slider/3.jpg);

  }

  

  .slider-item-bg-4 {

    background-image: url(../img/slider/4.jpg);

  }

  

  .slider-item-bg-5 {

    background-image: url(../img/slider/5.jpg);

  }

  

  .slider-item-bg-6 {

    background-image: url(../img/slider/6.jpg);

  }

  

  .slider-item-bg-7 {

    background-image: url(../img/slider/7.jpg);

  }

  

  .slider-item-bg-8 {

    background-image: url(../img/slider/8.jpg);

  }

  

  .slider-item-bg-9 {

    background-image: url(../img/slider/9.jpg);

  }

  

  .slider-item-bg-10 {

    background-image: url(../img/slider/10.jpg);

  }

  

  .slider-item-bg-11 {

    background-image: url(../img/slider/11.jpg);

  }

  

  .slider-item-bg-12 {

    background-image: url(../img/slider/12.jpg);

  }

  

  .slider-item-bg-13 {

    background-image: url(../img/slider/13.jpg);

  }

  

  .slider-item-bg-14 {

    background-image: url(../img/slider/14.jpg);

  }

  

  .slider-item-bg-15 {

    background-image: url(../img/slider/15.jpg);

  }

  

  .slider-item-bg-16 {

    background-image: url(../img/slider/16.jpg);

  }

  

  .slider-item-bg-17 {

    background-image: url(../img/slider/17.jpg);

  }

  

  .slider-item-bg-18 {

    background-image: url(../img/slider/18.jpg);

  }

  

  /*

  Track Area Style

  =================================================*/

  .track-area {

    position: relative;

    z-index: 1;

  }

  

  .tab .tabs_item {

    display: none;

    padding: 50px;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  .tab .tabs_item:first-child {

    display: block;

  }

  

  .tab.quote-list-tab .tabs {

    background-color: #fcfcfc;

    border-bottom: 1px solid #eeeeee;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  .tab.quote-list-tab .tabs li {

    display: inline-block;

    padding: 20px 15px;

    font-size: 16px;

    font-weight: 600;

  }

  

  .tab.quote-list-tab .tabs li.current {

    border-bottom: 2px solid #ff7c24;

  }

  

  .tab.quote-list-tab .tabs li.current a {

    color: #ff7c24;

  }

  

  .tab.quote-list-tab .tabs li a {

    color: #000;

    position: relative;

    padding-left: 35px;

  }

  

  .tab.quote-list-tab .tabs li a i {

    font-size: 25px;

    position: absolute;

    left: 0;

    top: -6px;

  }

  

  .tab.quote-list-tab .tabs_item .col-lg-8 {

    margin-top: -10px;

  }

  

  .tab.quote-list-tab .tabs_item h3 {

    font-size: 15px;

    margin-bottom: 20px;

  }

  

  .tab.quote-list-tab .tabs_item .nice-select {

    width: 100%;

    border-radius: 0;

    height: 50px;

    padding-left: 20px;

    padding-right: 20px;

  }

  

  .tab.quote-list-tab .tabs_item .nice-select:after {

    height: 8px;

    width: 8px;

    right: 23px;

    border-color: #000;

  }

  

  .tab.quote-list-tab .tabs_item .nice-select .current {

    position: relative;

    top: 4px;

    color: #495057;

  }

  

  .tab.quote-list-tab .tabs_item .form-group {

    margin-bottom: 30px;

  }

  

  .tab.quote-list-tab .tabs_item .form-group .form-control::-webkit-input-placeholder {

    line-height: 1;

    position: relative;

    top: -1px;

  }

  

  .tab.quote-list-tab .tabs_item .form-group .form-control:-ms-input-placeholder {

    line-height: 1;

    position: relative;

    top: -1px;

  }

  

  .tab.quote-list-tab .tabs_item .form-group .form-control::-ms-input-placeholder {

    line-height: 1;

    position: relative;

    top: -1px;

  }

  

  .tab.quote-list-tab .tabs_item .form-group .form-control::placeholder {

    line-height: 1;

    position: relative;

    top: -1px;

  }

  

  .tab.quote-list-tab .default-btn {

    width: 100%;

    background-color: transparent;

  }

  

  .tab.quote-list-tab .radio span {

    position: relative;

    top: -2px;

    color: #495057;

  }

  

  .tab.quote-list-tab .mb {

    margin-bottom: 30px !important;

  }

  

  .tab.quote-list-tab textarea.form-control {

    height: auto;

    height: 143px;

    padding: 20px 20px;

  }

  

  .track-img {

    background-image: url(../img/track-img.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

  }

  

  .single-check {

    display: block;

    position: relative;

    padding-left: 20px;

    margin-bottom: 0;

    cursor: pointer;

    font-size: 14px;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

  }

  

  .single-check input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

  }

  

  .single-check input:checked ~ .checkmark {

    background-color: #ff7c24;

  }

  

  .single-check input:checked ~ .checkmark:after {

    display: block;

  }

  

  .single-check:hover input ~ .checkmark {

    background-color: #ff7c24;

  }

  

  .single-check .checkmark {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-check .checkmark:after {

    top: 3px;

    left: 3px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #ffffff;

  }

  

  .checkmark {

    position: absolute;

    top: 6px;

    left: 0;

    height: 12px;

    width: 12px;

    background-color: #d8d8d8;

    border-radius: 50%;

  }

  

  .checkmark:after {

    content: "";

    position: absolute;

    display: none;

  }

  

  /*

  About Us Area Style

  =================================================*/

  .about-content span {

    text-transform: uppercase;

    color: #ff7c24;

    font-size: 13px;

    font-weight: 600;

    display: block;

    margin-top: -8px;

    margin-bottom: 10px;

  }

  

  .about-content h2 {

    font-size: 40px;

    margin-bottom: 40px;

    position: relative;

  }

  

  .about-content h2::before {

    position: absolute;

    bottom: -22px;

    left: 0;

    content: "";

    width: 50px;

    height: 2px;

    background-color: #ff7c24;

  }

  

  .about-content h2::after {

    position: absolute;

    bottom: -22px;

    left: 0;

    content: "";

    width: 5px;

    height: 2px;

    background-color: #ffffff;

    -webkit-animation: moveLeftBounces 10s linear infinite;

            animation: moveLeftBounces 10s linear infinite;

  }

  

  .about-content h2:last-child {

    margin-bottom: 0;

  }

  

  .about-content p {

    margin-bottom: 30px;

  }

  

  .about-img {

    position: relative;

  }

  

  .about-img .about-quatre {

    position: absolute;

    top: 50%;

    right: -40px;

    background-color: #ff7c24;

    width: 80px;

    height: 80px;

    border-radius: 50%;

    text-align: center;

  }

  

  .about-img .about-quatre i {

    font-size: 50px;

    color: #ffffff;

    line-height: 80px;

  }

  

  /*

  What We Offer Area Style

  =================================================*/

  .what-offer-area {

    background-image: url(../img/offer-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 1;

  }

  

  .what-offer-area::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 250px;

    background-color: #ffffff;

    z-index: -1;

  }

  

  .what-offer-area .section-title span {

    color: #ffffff;

  }

  

  .what-offer-area .section-title h2 {

    color: #ffffff;

  }

  

  .what-offer-area .section-title h2::before {

    background-color: #ffffff;

  }

  

  .what-offer-area .section-title h2::after {

    background-color: #000;

  }

  

  .what-offer-area .col-lg-3:last-child .single-offer {

    border-right: none;

  }

  

  .single-offer {

    text-align: center;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    padding: 20px;

    border-right: 1px solid #eeeeee;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

  }

  

  .single-offer .icon {

    font-size: 50px;

    color: #ff7c24;

    line-height: 1;

    margin-bottom: 20px;

    display: inline-block;

  }

  

  .single-offer h3 {

    margin-bottom: 15px;

  }

  

  .single-offer p {

    margin-bottom: 20px;

  }

  

  .single-offer:hover {

    -webkit-transform: scale(1.1);

            transform: scale(1.1);

    z-index: 1;

    position: relative;

  }

  

  .single-offer:hover .circle-read-more i {

    background-color: #ff7c24;

    color: #ffffff;

  }

  

  /*

  What We Offer Area Style

  =================================================*/

  .choose-us-area .choose-tab-wrap {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    padding: 50px;

  }

  

  .choose-us-area .choose-tab-wrap h2 {

    margin-bottom: 30px;

    font-size: 30px;

  }

  

  .choose-us-area .choose-tab-wrap .choose-tab .tabs {

    background-color: transparent;

    -webkit-box-shadow: none;

            box-shadow: none;

    margin-bottom: 33px;

  }

  

  .choose-us-area .choose-tab-wrap .choose-tab .tabs li {

    padding: 0;

    margin-right: 30px;

    padding-bottom: 10px;

  }

  

  .choose-us-area .choose-tab-wrap .choose-tab .tabs li a {

    padding-left: 0 !important;

  }

  

  .choose-us-area .choose-tab-wrap .choose-tab .default-btn {

    width: unset !important;

    margin-top: 20px;

  }

  

  .choose-us-area .choose-tab-wrap .tab .tabs_item {

    padding: 0 !important;

    background-color: transparent;

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  

  .choose-us-area .pr-0 {

    padding-right: 0;

  }

  

  .choose-us-area .pl-0 {

    padding-left: 0;

  }

  

  .choose-img {

    background-image: url(../img/choose-img.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

  }

  

  .choose-img.choose-img-four {

    background-image: url(../img/choose-img-four.jpg);

  }

  

  /* 

  Counter Area Style

  ======================================================*/

  .single-counter {

    margin-bottom: 30px;

    padding-left: 70px;

    position: relative;

  }

  

  .single-counter i {

    font-size: 60px;

    display: inline-block;

    margin-bottom: 8px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: absolute;

    left: 0;

    color: #ffffff;

    line-height: 1;

  }

  

  .single-counter h2 {

    margin-bottom: 4px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    color: #ffffff;

  }

  

  .single-counter p {

    font-size: 14px;

    font-weight: 500;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    color: #ffffff;

  }

  

  /* 

  Service Area Style

  ======================================================*/

  .single-service {

    text-align: center;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    padding: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    margin-bottom: 30px;

  }

  

  .single-service::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../img/service/1.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -1;

  }

  

  .single-service .service-content-wrap {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-service .service-content-wrap .icon {

    font-size: 50px;

    line-height: 1;

    display: inline-block;

    margin-bottom: 20px;

    color: #ff7c24;

  }

  

  .single-service .service-content-wrap h3 {

    margin-bottom: 15px;

  }

  

  .single-service .service-heading {

    text-align: center;

    padding: 20px;

    background-color: #ff7c24;

    position: absolute;

    bottom: 56px;

    left: 0;

    right: 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    bottom: -30px;

    -webkit-transform: scale(0);

            transform: scale(0);

    margin-right: 15px;

    margin-left: 15px;

  }

  

  .single-service .service-heading h3 {

    color: #ffffff;

    margin-bottom: 15px;

    margin-top: -4px;

  }

  

  .single-service .service-heading .circle-read-more i {

    background-color: #ffffff;

    color: #ff7c24;

  }

  

  .single-service .service-heading .circle-read-more i::after {

    background-color: #fedad0;

  }

  

  .single-service:hover {

    background-color: transparent;

  }

  

  .single-service:hover .service-heading {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  

  .single-service:hover .service-content-wrap {

    -webkit-transform: scale(0);

            transform: scale(0);

  }

  

  .service-all {

    margin-top: 20px;

  }

  

  .service-all p a {

    color: #ff7c24;

    border-bottom: 1px solid #ff7c24;

  }

  

  .col-lg-4:nth-child(2) .single-service::before {

    background-image: url(../img/service/2.jpg);

  }

  

  .col-lg-4:nth-child(3) .single-service::before {

    background-image: url(../img/service/1.jpg);

  }

  

  /* 

  Began Area Style

  ======================================================*/

  .began-top-wrap {

    background-image: url(../img/began-bg.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    z-index: 1;

  }

  

  .began-top-wrap::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    height: 60px;

    width: 100%;

    background-color: #ffffff;

    z-index: -1;

  }

  

  .began-wrap {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    padding: 0 15px;

    margin: 30px;

  }

  

  .began-wrap h2 {

    text-align: center;

    font-size: 35px;

    margin-bottom: 50px;

    padding: 20px;

    border-bottom: 1px solid #eee;

  }

  

  .began-wrap .single-began {

    text-align: center;

    padding: 25px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .began-wrap .single-began i {

    color: #ff7c24;

    font-size: 50px;

    line-height: 1;

    display: inline-block;

    margin-bottom: 15px;

  }

  

  .began-wrap .single-began h3 {

    margin-bottom: 0;

  }

  

  .began-wrap .single-began:hover {

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    border: none;

  }

  

  .began-wrap .col-lg-4:nth-child(1) .single-began {

    border-right: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

  }

  

  .began-wrap .col-lg-4:nth-child(2) .single-began {

    border-right: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

  }

  

  .began-wrap .col-lg-4:nth-child(3) .single-began {

    border-bottom: 1px solid #eeeeee;

  }

  

  .began-wrap .col-lg-4:nth-child(4) .single-began {

    border-right: 1px solid #eeeeee;

  }

  

  .began-wrap .col-lg-4:nth-child(5) .single-began {

    border-right: 1px solid #eeeeee;

  }

  

  /* 

  Testimonials Area Style

  ======================================================*/

  .testimonials-area .section-title span {

    color: #ffffff;

  }

  

  .testimonials-area .section-title h2 {

    color: #ffffff;

  }

  

  .testimonials-area .section-title h2::before {

    background-color: #ffffff;

  }

  

  .testimonials-area .section-title h2::after {

    background-color: #000;

  }

  

  .testimonials-area .owl-theme .owl-dots .owl-dot {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-top: 20px;

  }

  

  .testimonials-area .owl-theme .owl-dots .owl-dot span {

    background-color: #cbcbcd;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin: 0 8px;

    width: 8px;

    height: 8px;

  }

  

  .testimonials-area .owl-theme .owl-dots .owl-dot span:hover {

    background-color: var(--orange);

  }

  

  .testimonials-area .owl-theme .owl-dots .owl-dot.active span {

    

    background-color: var(--orange);

  }

  .testimonials-area .owl-theme .owl-dots span:hover{

    transform: scale(1.5);

  }

  

  .testimonials-wrap {

    position: relative;

    padding-left: 280px;

  }

  

  .testimonials-wrap img {

    position: absolute;

    top: 0;

    left: 0;

    width: unset !important;

  }

  

  .testimonials-wrap .testimonials-content {

    background-color: #ffffff;

    padding: 37px;

  }

  

  .testimonials-wrap .testimonials-content h3 {

    margin-bottom: 18px;

  }

  

  .testimonials-wrap .testimonials-content ul {

    line-height: 1;

  }

  

  .testimonials-wrap .testimonials-content ul li {

    display: inline-block;

  }

  

  .testimonials-wrap .testimonials-content ul li i {

    color: #ff7c24;

  }

  

  /* footer */

  

  footer{

    background: #202020;padding: 80px 0 15px ;color: #acacac;

  }

  .fleft {

    border-right: 2px solid #3e3838;

  }

  .fright{padding-left: 150px;}

  .fright h3{font-size: 24px;margin-bottom: 20px;color: #acacac;}

  .fright ul{

    display: flex;flex-wrap: wrap;

  }

  .fright li{width: 50%;}

  .fright a{display: inline-block;padding: 5px 0;color: #acacac;

  font-size: 18px;

  }

  .fright a:hover{color: #fff;}

  .fleft h5{font-size: 22px;color: #acacac;margin-top:30px ;}

  .fleft p{font-size: 18px;margin-top: 10px;}

  .fleft h6{font-size: 18px;color: #acacac}

  .fbottom{

    border-top: 2px solid #3e3838;margin-top: 50px;padding-top: 30px;text-align: center;

  }

  .fbottom ul{

    display: flex;align-items: center;justify-content: center;

  }

  .copyr li{

    display: inline-block;padding: 5px 10px;font-size: 13px;position: relative;

  }

  .copyr li:first-child{margin-right: 30px;}

  .copyr li:first-child::after{

  content: '.';

  width: 5px;

      height: 5px;

      background: #fff;

      border-radius: 50%;

      line-height: 0;

      position: absolute;

      top: 13px;right: -15px;

  }

  .copyr li:last-child{margin-left: 30px;}

  .copyr li:last-child::before{

    content: '.';

    width: 5px;

      height: 5px;

      background: #fff;

      border-radius: 50%;

      line-height: 0;

      position: absolute;

      top: 13px;left: -15px;

    }

  .copyr a{color: #acacac;}

  .copyr a:hover{color: #fff;}

  .social a{

    color: #fff;

    font-size: 22px;

      display: inline-block;

      margin: 10px;transition: all .3s ease-in-out;

  }

  .social a:hover{

    transform: scale(1.2);color: var(--orange);

  }

  

  /* footer */

  

  /*

  Brand Area Style

  ======================================================*/

  .brand-area .section-title {

    text-align: left;

    max-width: unset;

    margin-bottom: 20px;

  }

  

  .brand-area .brand-btn {

    float: right;

    position: relative;

    top: 76px;

  }

  

  .brand-item {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.05);

    margin-top: 30px;

    margin-bottom: 30px;

    padding: 10px 15px;

    margin-left: 10px;

    margin-right: 10px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    text-align: center;

  }

  

  .brand-item img {

    width: unset !important;

    margin: auto;

  }

  

  /*

  Blog Area Style

  ======================================================*/

  .single-blog {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 20px;

    position: relative;

    overflow: hidden;

  }

  

  .single-blog img {

    border-radius: 4px;

    -webkit-transition: all 1s;

    transition: all 1s;

  }

  

  .single-blog .blog-content {

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    background-color: #ffffff;

    padding: 20px;

    margin-left: 10px;

    margin-right: 10px;

    position: relative;

    top: -10px;

    border-radius: 4px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-blog .blog-content ul {

    margin-bottom: 15px;

  }

  

  .single-blog .blog-content ul li {

    display: inline-block;

    padding-right: 10px;

    position: relative;

    color: #7a7e9a;

    font-size: 13px;

  }

  

  .single-blog .blog-content ul li img {

    margin-right: 5px;

    border-radius: 50%;

  }

  

  .single-blog .blog-content ul li::before {

    content: "";

    position: absolute;

    left: -7px;

    top: 4px;

    width: 1px;

    height: 15px;

    -webkit-transform: rotate(20deg);

            transform: rotate(20deg);

    background-color: #000;

  }

  

  .single-blog .blog-content ul li a {

    color: #ff7c24;

  }

  

  .single-blog .blog-content ul li:first-child::before {

    display: none;

  }

  

  .single-blog .blog-content h3 a {

    color: #000;

    margin-bottom: 8px;

  }

  

  .single-blog:hover {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px);

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  .single-blog:hover img {

    -webkit-transform: scale(1.3);

            transform: scale(1.3);

  }

  

  .single-blog:hover .blog-content {

    margin: 0;

    padding-left: 30px;

    padding-right: 30px;

  }

  

  .single-blog span {

    position: absolute;

    top: 15px;

    left: 15px;

    background-color: #ff7c24;

    padding: 8px 10px;

    line-height: 1;

    font-size: 12px;

    color: #ffffff;

    border-radius: 4px;

  }

  

  /*

  Tracking Area Style

  ======================================================*/

  /*

  .tracking-number-area {

      background-image: url(../../assets/img/tracking-bg.png);

      background-position: center center;

      background-size: cover;

      background-repeat: no-repeat;

      height: 100%;

  }

  */

  .tracking-body {

    position: relative;

    max-width: 810px;

    margin: auto;

  }

  

  .tracking-body .tracking-wrap .input-tracking {

    height: 70px;

    padding: 10px 20px;

    width: 100%;

    border-radius: 4px;

    border: none;

  }

  

  .tracking-body .tracking-wrap .input-tracking:focus {

    border: 1px solid #ff7c24;

  }

  

  .tracking-body .tracking-wrap .default-btn {

    position: absolute;

    top: 6px;

    right: 6px;

  }

  

  .subscribe-area .section-title.white-title {

    margin-bottom: 40px;

  }

  

  .subscribe-area .section-title.white-title h2 {

    color: #ffffff;

  }

  

  .subscribe-area .section-title.white-title h2::before {

    display: none;

  }

  

  .subscribe-area .section-title.white-title h2::after {

    display: none;

  }

  

  .subscribe-area .section-title.white-title p {

    color: #ffffff;

  }

  

  /*

  Office Map Area Style

  ======================================================*/

  .office-map-area {

    background-image: url(../img/map-bg.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

  }

  

  .office-map-area .container {

    position: relative;

  }

  

  .office-map-area .container .map-location {

    max-width: 300px;

    margin-left: auto;

    background-color: #ffffff;

  }

  

  .office-map-area .container .map-location h3 {

    background-color: #ff7c24;

    color: #ffffff;

    margin-bottom: 0;

    padding: 15px 30px;

  }

  

  .office-map-area .container .map-location h3 i {

    position: relative;

    top: 2px;

    margin-right: 4px;

    display: inline-block;

  }

  

  .office-map-area .container .map-location ul {

    padding: 15px 30px 30px 30px;

  }

  

  .office-map-area .container .map-location ul li {

    margin-bottom: 15px;

  }

  

  .office-map-area .container .map-location ul li:last-child {

    margin-bottom: 0;

  }

  

  .office-map-area .container .map-location ul .color {

    color: #ff7c24;

  }

  

  /*

  Footer Top Area Style

  ======================================================*/

  .single-widget {

    margin-bottom: 30px;

  }

  

  .single-widget h3 {

    margin-bottom: 20px;

    font-size: 25px;

  }

  

  .single-widget ul li {

    margin-bottom: 15px;

    position: relative;

    border-bottom: 1px dashed #eee;

  }

  

  .single-widget ul li:last-child {

    margin-bottom: 0;

  }

  

  .single-widget ul li a {

    color: #2b2b2b;

  }

  

  .single-widget ul li::before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 30px;

    height: 1px;

    background-color: #ff7c24;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-widget ul li:hover a {

    color: #ff7c24;

  }

  

  .single-widget ul li:hover::before {

    width: 100%;

  }

  

  /*

  Footer Bottom Area Style

  ======================================================*/

  .footer-bottom-area {

    padding: 30px 0;

  }

  

  .single-widget-bottom ul li {

    display: inline-block;

    padding-right: 15px;

  }

  

  .single-widget-bottom ul li a {

    color: #ffffff;

    position: relative;

  }

  

  .single-widget-bottom ul li a::before {

    content: "";

    position: absolute;

    top: 10px;

    right: -10px;

    width: 5px;

    height: 5px;

    background-color: #ff7c24;

    border-radius: 50%;

  }

  

  .single-widget-bottom ul li a:hover {

    color: #ff7c24;

  }

  

  .single-widget-bottom ul li:last-child {

    padding-right: 0;

  }

  

  .single-widget-bottom ul li:last-child a::before {

    display: none;

  }

  

  .single-widget-bottom p {

    text-align: center;

    color: #ffffff;

  }

  

  .single-widget-bottom p a {

    color: #ff7c24;

  }

  

  .single-widget-bottom p i {

    position: relative;

    top: 1px;

  }

  

  .single-widget-bottom .social-link {

    float: right;

  }

  

  .single-widget-bottom .social-link li {

    padding-right: 3px;

  }

  

  .single-widget-bottom .social-link li a::before {

    display: none;

  }

  

  .single-widget-bottom .social-link li a i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #3867ad;

    border-radius: 4px;

    text-align: center;

    color: #ffffff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-widget-bottom .social-link li a:hover i {

    background-color: #ff7c24;

  }

  

  /*

  Sidebar Modal Area Style

  ======================================================*/

  .sidebar-modal {

    position: relative;

  }

  

  .sidebar-modal .navbar-nav li a {

    padding: 10px 0px 10px 15px;

  }

  

  .sidebar-modal .modal.right .modal-dialog {

    position: fixed;

    margin: auto;

    width: 450px;

    height: 100%;

    -webkit-transform: translate3d(0%, 0, 0);

            transform: translate3d(0%, 0, 0);

  }

  

  .sidebar-modal .modal.right .modal-content {

    height: 100%;

    overflow-y: auto;

    border-radius: 0;

    border: none;

    background-color: #ffffff;

  }

  

  .sidebar-modal .modal.right .modal-body {

    padding: 30px;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget {

    margin-bottom: 35px;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title {

    position: relative;

    z-index: 1;

    margin-bottom: 35px;

    color: #000;

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 5px;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title::before {

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 70px;

    height: 2px;

    border-radius: 5px;

    background: #ff7c24;

    content: '';

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget:last-child {

    margin-bottom: 0;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul {

    padding: 0;

    margin: 0;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li {

    margin-bottom: 10px;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li:last-child {

    margin-bottom: 0;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a {

    font-size: 14px;

    color: #000;

    font-weight: 500;

    text-transform: capitalize;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a:hover {

    color: #ff7c24;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li {

    position: relative;

    font-weight: 500;

    padding-left: 45px;

    text-transform: uppercase;

    margin-bottom: 10px;

    font-size: 14px;

    color: #000;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li span {

    font-size: 13px;

    display: block;

    font-weight: 400;

    color: #818992;

    margin-top: 5px;

    text-transform: initial;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li a {

    font-size: 13px;

    display: block;

    font-weight: 400;

    color: #818992;

    text-transform: initial;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li i {

    position: absolute;

    left: 0;

    top: 0;

    color: #ffffff;

    text-align: center;

    width: 35px;

    height: 35px;

    line-height: 35px;

    font-size: 29px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    background-color: #000;

    border-radius: 4px;

    font-size: 15px;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:hover i {

    color: #ffffff;

    background: #ff7c24;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:last-child {

    margin-bottom: 0;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list {

    text-align: left;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li {

    display: inline-block;

    padding-right: 5px;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i {

    width: 25px;

    height: 25px;

    display: inline-block;

    text-align: center;

    line-height: 25px;

    border-radius: 4px;

    color: #ffffff;

    background-color: #000;

    font-size: 12px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i:hover {

    background-color: #ff7c24;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li:hover {

    color: #ff7c24;

  }

  

  .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a:hover {

    color: #ffffff;

  }

  

  .sidebar-modal .modal.right.fade.show .modal-dialog {

    right: 0;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-animation: lightSpeedInRight 1000ms linear;

            animation: lightSpeedInRight 1000ms linear;

  }

  

  .sidebar-modal .modal.right.fade .modal-dialog {

    right: -320px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    -webkit-animation: lightSpeedInRight 1000ms linear;

            animation: lightSpeedInRight 1000ms linear;

  }

  

  .sidebar-modal .modal-header {

    display: inline;

    padding: 0;

    border: none;

  }

  

  .sidebar-modal .modal-header .close {

    height: 30px;

    width: 30px;

    color: #ff7c24;

    margin: 0px;

    padding: 0px;

    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    border: none;

    opacity: 1;

    position: absolute;

    top: 0;

    right: 0;

  }

  

  .sidebar-modal .modal-header .close i::before {

    margin-left: 0;

    font-size: 20px;

  }

  

  .sidebar-modal .modal-header h2 {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    padding: 30px 25px;

  }

  

  .sidebar-modal button:focus {

    outline: 0px;

  }

  

  /*

  Search Box Area Style

  ======================================================*/

  .search-wrap .search {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);

            transform: translate(0px, -100%) scale(0, 0);

    opacity: 0;

    z-index: 999999;

  }

  

  .search-wrap .search .form-control {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    width: 30%;

    color: #ff7c24;

    background: #ffff;

    font-size: 15px;

    font-weight: 500;

    text-align: center;

    margin: 0px auto;

    margin-top: -40px;

    padding: 10px;

    outline: none;

    border: 2px solid #ffffff;

    height: 60px;

    border-radius: 5px;

  }

  

  .search-wrap .search .form-control:focus {

    color: #000000;

    background-color: #ffffff;

    outline: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  

  .search-wrap .search .default-btn {

    position: absolute;

    top: 55%;

    left: 0;

    right: 0;

    margin: auto;

  }

  

  .search-wrap .search .default-btn:focus {

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  

  .search-wrap .search .default-btn:hover {

    background-color: #ff7c24;

  }

  

  .search-wrap .search .close {

    position: fixed;

    top: 15px;

    right: 15px;

    color: #ffffff;

    background-color: #ff7c24;

    border-color: #ff7c24;

    opacity: 1;

    padding: 10px 17px;

    font-size: 25px;

  }

  

  .search-wrap .search .close:hover {

    background-color: body-color;

    color: #ffffff !important;

    opacity: 1 !important;

  }

  

  .search-wrap .search.open {

    -webkit-transform: translate(0px, 0px) scale(1, 1);

            transform: translate(0px, 0px) scale(1, 1);

    opacity: 1;

  }

  

  .search-wrap .search.open::before {

    content: "";

    position: absolute;

    background: #000000;

    width: 100%;

    height: 1000%;

    opacity: 0.9;

    top: 0;

    left: 0;

  }

  

  /*====================================================

  HOME PAGE TWO STYLE

  ======================================================*/

  /*

  Header Style Two Area Style

  ======================================================*/

  .header-style-two {

    position: relative;

  }

  

  .header-style-two::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 500px;

    height: 100%;

    background-color: #ff7c24;

    -webkit-clip-path: polygon(0 0, 85% 1%, 100% 100%, 0% 100%);

            clip-path: polygon(0 0, 85% 1%, 100% 100%, 0% 100%);

  }

  

  /*

  What Offer Two Area Style

  ======================================================*/

  .what-offer-area-two {

    position: relative;

    z-index: 1;

  }

  

  /*

  About Area Two Style

  ======================================================*/

  .about-area-two .about-content {

    max-width: 640px;

    margin-left: auto;

  }

  

  .about-area-two .pr-0 {

    padding-right: 0;

  }

  

  .about-area-two .about-img {

    position: relative;

    background-image: url(../img/about-img-two.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

  }

  

  .about-area-two .about-img .about-list {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    width: 300px;

    padding: 30px;

    max-width: 100%;

  }

  

  .about-area-two .about-img .about-list h3 {

    font-size: 18px;

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 5px;

    margin-bottom: 15px;

  }

  

  .about-area-two .about-img .about-list ul li {

    position: relative;

    padding-left: 30px;

    margin-bottom: 10px;

  }

  

  .about-area-two .about-img .about-list ul li:last-child {

    margin-bottom: 0;

  }

  

  .about-area-two .about-img .about-list ul li i {

    position: absolute;

    top: 3px;

    left: 0;

    color: #ffffff;

    width: 20px;

    height: 20px;

    background-color: #ff7c24;

    text-align: center;

    line-height: 20px;

    font-size: 10px;

    border-radius: 50%;

  }

  

  .about-area-two.about-area-six .about-content {

    max-width: 100%;

  }

  

  /*

  Counter Area Two Style

  ======================================================*/

  .counter-area-two {

    background-image: url(../img/counter-bg.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

    position: relative;

    z-index: 1;

  }

  

  .counter-area-two::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #062b47;

    opacity: 0.8;

    z-index: -1;

  }

  

  /*

  Service Area Two Style

  ======================================================*/

  .service-area-two .single-service .service-heading {

    background-color: #ff7c24;

    position: absolute;

    bottom: 0 !important;

    left: 0;

    right: 0;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 100%;

    opacity: 0.9;

    margin-left: 0;

  }

  

  /*

  Brand Area Two Style

  ======================================================*/

  .brand-area-two {

    background-color: #ff7c24;

  }

  

  .brand-area-two .brand-item {

    background-color: transparent;

    position: relative;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    overflow: hidden;

  }

  

  .brand-area-two .brand-item .brand-overly {

    position: absolute;

    top: 100px;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .brand-area-two .brand-item:hover .brand-overly {

    top: 10px;

  }

  

  /*

  Team Area Two Style

  ======================================================*/

  .single-team {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

  }

  

  .single-team:before {

    content: "";

    position: absolute;

    left: 170%;

    z-index: 1;

    height: 100%;

    width: 100%;

    background: rgba(255, 255, 255, 0.2);

    -webkit-transform: skewX(45deg);

            transform: skewX(45deg);

    -webkit-transition: .8s;

    transition: .8s;

  }

  

  .single-team img {

    width: 100%;

    height: 100%;

    -webkit-filter: grayscale(100%);

            filter: grayscale(100%);

    -webkit-transition: 1s;

    transition: 1s;

  }

  

  .single-team .team-content {

    position: absolute;

    background: #000;

    width: 100%;

    bottom: 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: perspective(300px) rotateX(90deg);

            transform: perspective(300px) rotateX(90deg);

    -webkit-transform-origin: bottom;

            transform-origin: bottom;

    text-align: center;

    padding: 10px;

  }

  

  .single-team .team-content h3 {

    margin: 0;

    color: #ffffff;

  }

  

  .single-team .team-content span {

    color: #ffffff;

    font-size: 13px;

  }

  

  .single-team ul {

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

    list-style: none;

  }

  

  .single-team ul li {

    background: #000;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    border-bottom: 1px solid #19345a;

    -webkit-transform: perspective(1000px) rotateY(90deg);

            transform: perspective(1000px) rotateY(90deg);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform-origin: left;

            transform-origin: left;

  }

  

  .single-team ul li:hover {

    background-color: #ff7c24;

  }

  

  .single-team ul li a {

    color: #ffffff;

  }

  

  .single-team ul li:nth-child(1) {

    -webkit-transition-delay: .2s;

            transition-delay: .2s;

  }

  

  .single-team ul li:nth-child(2) {

    -webkit-transition-delay: .4s;

            transition-delay: .4s;

  }

  

  .single-team ul li:nth-child(3) {

    -webkit-transition-delay: .6s;

            transition-delay: .6s;

  }

  

  .single-team ul li:nth-child(4) {

    -webkit-transition-delay: .8s;

            transition-delay: .8s;

  }

  

  .single-team:hover:before {

    left: -170%;

    -webkit-transition-delay: .8s;

            transition-delay: .8s;

  }

  

  .single-team:hover img {

    -webkit-filter: grayscale(0);

            filter: grayscale(0);

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  

  .single-team:hover .team-content {

    -webkit-transform: perspective(300px) rotateX(0deg);

            transform: perspective(300px) rotateX(0deg);

  }

  

  .single-team:hover ul li {

    -webkit-transform: rotateX(0deg);

            transform: rotateX(0deg);

  }

  

  /*

  Office Map Area Two Style

  ======================================================*/

  .office-map-area-two .container .map-location {

    top: -385px;

  }

  

  .validation-danger {

    color: #ffffff !important;

  }

  

  .validation-success {

    color: #28a745 !important;

  }

  

  .subscribe-area {

    background-color: #ff7c24;

  }

  

  /*

  Prevoz Slider Area Two Style

  ======================================================*/

  .prevoz-slider-area-two .prevoz-slider-text {

    max-width: 800px;

    text-align: left;

  }

  

  /*====================================================

  HOME PAGE THREE STYLE

  ======================================================*/

  /*

  Header Style Three

  ======================================================*/

  .header-style-three .header-left-content img {

    width: unset;

    padding: 0 15px;

  }

  

  .header-style-three .flag-wrap {

    top: -27px;

  }

  

  .header-style-three .header-left-content a {

    position: relative;

    z-index: 1;

  }

  

  .header-style-three .header-left-content a::before {

    position: absolute;

    top: -15px;

    left: 0;

    width: 100%;

    height: 110px;

    background-color: #000;

    content: "";

    z-index: -1;

  }

  

  .header-style-three .header-right-content ul li {

    top: 17px;

  }

  

  .header-style-three .header-right-content .get-quote .default-btn {

    padding: 10px 20px;

    position: relative;

    top: -9px;

    font-size: 15px;

    font-weight: 500;

    color: #ffffff;

  }

  

  .header-style-three .header-right-content .get-quote .default-btn:hover {

    color: #ff7c24;

  }

  

  .header-style-three .header-right-content .get-quote .default-btn::before {

    border-top: 10px solid transparent;

    border-left: 10px solid #ffffff;

    border-bottom: 10px solid transparent;

    top: 8px;

  }

  

  .header-style-three .header-right-content .get-quote .default-btn.active:hover::before {

    border-top: 10px solid transparent;

    border-left: 10px solid #ff7c24;

    border-bottom: 10px solid transparent;

    left: -1px;

  }

  

  /*

  Navbar Area Three Style 

  ======================================================*/

  .prevoz-nav-style-three .navbar-area .main-nav {

    background-color: #ff7c24;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a {

    color: #ffffff;

    position: relative;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a:before {

    content: "";

    position: absolute;

    top: -55px;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #ffffff;

    right: 0;

    margin: auto;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    display: none;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a:hover {

    color: #ffffff;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a:hover:before {

    top: -30px;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a.active {

    color: #ffffff;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a.active:before {

    top: -30px;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {

    display: none;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {

    color: #ffffff;

  }

  

  .prevoz-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item:hover a:before {

    top: -30px;

  }

  

  .prevoz-nav-style-three .others-option .search-wrap a {

    color: #ffffff;

    position: relative;

  }

  

  .prevoz-nav-style-three .others-option .search-wrap a:before {

    content: "";

    position: absolute;

    top: -60px;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #ffffff;

    right: 0;

    margin: auto;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .prevoz-nav-style-three .others-option .search-wrap a:hover {

    color: #ffffff;

  }

  

  .prevoz-nav-style-three .others-option .search-wrap a:hover:before {

    top: -35px;

  }

  

  .prevoz-nav-style-three .others-option .sidebar-menu i {

    color: #ffffff;

    position: relative;

  }

  

  .prevoz-nav-style-three .others-option .sidebar-menu i:after {

    content: "";

    position: absolute;

    top: -60px;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #ffffff;

    right: 0;

    margin: auto;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .prevoz-nav-style-three .others-option .sidebar-menu i:hover {

    color: #ffffff;

  }

  

  .prevoz-nav-style-three .others-option .sidebar-menu i:hover:after {

    top: -35px;

  }

  

  /*

  Prevoz Slider Area Three Style 

  ======================================================*/

  .prevoz-slider-area-three .prevoz-slider-text {

    text-align: left;

    float: right;

    max-width: 700px;

    position: relative;

  }

  

  .prevoz-slider-area-three .prevoz-slider-text::before {

    content: "";

    position: absolute;

    top: -40px;

    left: -45px;

    width: 745px;

    height: 900px;

    background-color: rgba(0, 55, 130, 0.8);

  }

  

  .prevoz-slider-area-three .prevoz-slider-text::after {

    content: "";

    position: absolute;

    top: -40px;

    right: -120px;

    height: 900px;

    width: 120px;

    background-color: rgba(255, 55, 0, 0.5);

  }

  

  .prevoz-slider-area-three .owl-item.active .prevoz-slider-text::before {

    -webkit-animation: 2s .2s fadeInDownBig both;

            animation: 2s .2s fadeInDownBig both;

  }

  

  .prevoz-slider-area-three .owl-item.active .prevoz-slider-text::after {

    -webkit-animation: 1s .1s fadeInUpBig both;

            animation: 1s .1s fadeInUpBig both;

  }

  

  /*

  About Area Three Style 

  ======================================================*/

  .about-area-three .about-content {

    margin-right: auto !important;

    margin-left: unset;

  }

  

  .about-area-three .about-img {

    position: relative;

  }

  

  .about-area-three .about-img::after {

    content: "";

    position: absolute;

    top: 0;

    left: 200px;

    width: 200px;

    height: 100%;

    background-color: rgba(255, 55, 0, 0.5);

  }

  

  .about-area-three .about-img::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 200px;

    height: 100%;

    background-color: rgba(0, 55, 130, 0.8);

  }

  

  .about-area-three .video-btn {

    background-color: #ff7c24;

    margin-left: 30px;

  }

  

  .about-area-three .video-btn::before {

    background-color: #ff7c24;

  }

  

  .about-area-three .video-btn::after {

    background-color: #ff7c24;

  }

  

  .about-area-three .video-btn i {

    color: #ffffff;

  }

  

  /*

  Track Area Three Style 

  ======================================================*/

  .track-area-three {

    position: relative;

  }

  

  .track-area-three::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100px;

    background-color: #ffffff;

  }

  

  /*

  Choose Us Three Style 

  ======================================================*/

  .choose-us-area-three .choose-main-wrap {

    background-image: url(../img/choose-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

  }

  

  .choose-us-area-three .choose-main-wrap .choose-tab-wrap {

    max-width: 700px;

    margin-left: auto;

  }

  

  /*

  Began Three Style 

  ======================================================*/

  .began-area-three {

    background-image: url(../img/began-main-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative;

    z-index: 1;

  }

  

  .began-area-three::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0.9;

    z-index: -1;

  }

  

  .began-area-three::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 70px;

    background-color: #ff7c24;

    z-index: -1;

  }

  

  .began-area-three .section-title span {

    color: #ffffff;

  }

  

  .began-area-three .section-title h2 {

    color: #ffffff;

  }

  

  .began-area-three .section-title h2::before {

    background-color: #ffffff;

  }

  

  .began-area-three .section-title h2::after {

    background-color: #000;

  }

  

  .began-area-three .section-title p {

    color: #ffffff;

  }

  

  .began-area-three .began-top-wrap::before {

    display: none;

  }

  

  .began-area-three .began-wrap {

    margin: 0;

  }

  

  .began-area-three .began-wrap .single-began {

    padding: 45px;

  }

  

  .began-area-three .began-img {

    background-image: url(../img/began-img.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

  }

  

  /*

  testimonials Area Three Style 

  ======================================================*/

  .testimonials-content-three {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    padding: 30px;

    margin: 30px;

  }

  

  .testimonials-content-three .testimonials-top-content {

    position: relative;

    padding-left: 80px;

    margin-bottom: 30px;

  }

  

  .testimonials-content-three .testimonials-top-content img {

    width: unset !important;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: -8px;

  }

  

  .testimonials-content-three p {

    margin-bottom: 30px;

  }

  

  .testimonials-content-three ul li {

    display: inline-block;

  }

  

  .testimonials-content-three ul li i {

    color: #ff9e21;

  }

  

  /*

  Tracking Number Area Three Style 

  ======================================================*/

  .tracking-number-area-three .section-title span {

    color: #ffffff;

  }

  

  .tracking-number-area-three .section-title h2 {

    color: #ffffff;

  }

  

  .tracking-number-area-three .section-title h2::before {

    background-color: #ffffff;

  }

  

  .tracking-number-area-three .section-title h2::after {

    background-color: #000;

  }

  

  .tracking-number-area-three .tracking-body {

    max-width: 600px;

    margin: auto;

  }

  

  /*

  Blog Area Three Style 

  ======================================================*/

  .blog-area-three .single-blog {

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  .blog-area-three .blog-content {

    margin: 0;

    border-radius: 0 0 4px 4px;

    padding: 30px;

  }

  

  /*

  Footer Top Area Three Style 

  ======================================================*/

  .footer-top-area-three {

    background-color: #000;

    border-bottom: 1px solid #395277;

  }

  

  .footer-top-area-three .single-widget h3 {

    color: #ffffff;

  }

  

  .footer-top-area-three .single-widget ul li {

    border-bottom: 1px dashed #556e92;

  }

  

  .footer-top-area-three .single-widget ul li::before {

    display: none;

  }

  

  .footer-top-area-three .single-widget ul li a {

    color: #ffffff;

  }

  

  .footer-top-area-three .single-widget ul li a:hover {

    color: #ff7c24;

  }

  

  /*

  Subscribe Area Three Style 

  ======================================================*/

  .subscribe-area-three {

    background-color: #ffffff;

    position: relative;

    z-index: 1;

  }

  

  .subscribe-area-three::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 60px;

    background-color: #000;

    z-index: -1;

  }

  

  .subscribe-area-three .subscribe-wrap {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    max-width: 1040px;

    margin: auto;

    padding: 30px;

    border-radius: 4px;

  }

  

  .subscribe-area-three .tracking-body .tracking-wrap .input-tracking {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  .subscribe-area-three .validation-danger {

    color: #ff7c24 !important;

  }

  

  /*

  Testimonials Area Three Style 

  ======================================================*/

  .testimonials-three {

    position: relative;

    z-index: 1;

  }

  

  /*====================================================

  HOME PAGE FOUR STYLE

  ======================================================*/

  /*

  Top Header Area Style

  ======================================================*/

  .header-style-four {

    background-color: rgba(27, 27, 27, 0.5);

    padding: 10px 0;

  }

  

  .header-style-four .header-left-content ul li {

    display: inline-block;

    font-size: 14px;

  }

  

  .header-style-four .header-left-content ul li a {

    color: #ffffff;

    position: relative;

    line-height: 1;

    padding-right: 20px;

  }

  

  .header-style-four .header-left-content ul li a:hover {

    color: #ff7c24;

  }

  

  .header-style-four .header-left-content ul li a::before {

    content: "";

    position: absolute;

    top: 0;

    left: -11px;

    width: 1px;

    height: 100%;

    background-color: #ffffff;

  }

  

  .header-style-four .header-left-content ul li a i {

    color: #ff7c24;

    position: relative;

    top: 2px;

    display: inline-block;

    margin-right: 2px;

  }

  

  .header-style-four .header-left-content ul li:first-child a::before {

    display: none;

  }

  

  .header-style-four .header-right-content {

    float: right;

  }

  

  .header-style-four .header-right-content .additional-link {

    display: inline-block;

  }

  

  .header-style-four .header-right-content .additional-link li {

    display: inline-block;

    font-size: 14px;

  }

  

  .header-style-four .header-right-content .additional-link li a {

    color: #ffffff;

    position: relative;

    line-height: 1;

    padding-right: 20px;

  }

  

  .header-style-four .header-right-content .additional-link li a:hover {

    color: #ff7c24;

  }

  

  .header-style-four .header-right-content .additional-link li a::before {

    content: "";

    position: absolute;

    top: 0;

    left: -11px;

    width: 1px;

    height: 100%;

    background-color: #ffffff;

  }

  

  .header-style-four .header-right-content .additional-link li:first-child a::before {

    display: none;

  }

  

  .header-style-four .social-links {

    display: inline-block;

  }

  

  .header-style-four .social-links li {

    display: inline-block;

    padding: 0 5px;

  }

  

  .header-style-four .social-links li:last-child {

    padding: 0;

  }

  

  .header-style-four .social-links li a {

    font-size: 15px;

    color: #ffffff;

  }

  

  .header-style-four .social-links li a:hover {

    color: #ff7c24;

  }

  

  /*

  Navbar Area Four Style

  ======================================================*/

  .prevoz-nav-style-four .navbar-area .navbar-brand {

    display: block;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav {

    background-color: transparent;

    border-bottom: 2px solid rgba(255, 255, 255, 0.1);

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item a {

    color: #ffffff;

    position: relative;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item a:before {

    content: "";

    position: absolute;

    top: -55px;

    left: 0;

    width: 2px;

    height: 90%;

    background-color: #ffffff;

    right: 0;

    margin: auto;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item a:hover {

    color: #ffffff;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item a:hover:before {

    top: -23px;

    opacity: 1;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item a.active {

    color: #ffffff;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item a.active:before {

    top: -23px;

    opacity: 1;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {

    display: none;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item:hover a {

    color: #ffffff;

  }

  

  .prevoz-nav-style-four .navbar-area .main-nav nav .navbar-nav .nav-item:hover a:before {

    top: -23px;

  }

  

  .prevoz-nav-style-four .others-option .search-wrap a {

    color: #ffffff;

    position: relative;

  }

  

  .prevoz-nav-style-four .others-option .search-wrap a:before {

    content: "";

    position: absolute;

    top: -55px;

    left: 0;

    width: 2px;

    height: 80%;

    background-color: #ffffff;

    right: 0;

    margin: auto;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0;

  }

  

  .prevoz-nav-style-four .others-option .search-wrap a:hover {

    color: #ffffff;

  }

  

  .prevoz-nav-style-four .others-option .search-wrap a:hover:before {

    top: -26px;

    opacity: 1;

  }

  

  .prevoz-nav-style-four .others-option .sidebar-menu i {

    color: #ffffff;

    position: relative;

  }

  

  .prevoz-nav-style-four .others-option .sidebar-menu i:after {

    content: "";

    position: absolute;

    top: -55px;

    left: 0;

    width: 2px;

    height: 60%;

    background-color: #ffffff;

    right: 0;

    margin: auto;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0;

  }

  

  .prevoz-nav-style-four .others-option .sidebar-menu i:hover {

    color: #ffffff;

  }

  

  .prevoz-nav-style-four .others-option .sidebar-menu i:hover:after {

    top: -19px;

    opacity: 1;

  }

  

  /*

  Prevoz Slider Area Four Style

  ======================================================*/

  .prevoz-slider-area-four .prevoz-slider-item {

    height: 100%;

    padding-top: 350px;

    padding-bottom: 200px;

    position: relative;

    z-index: 1;

  }

  

  .prevoz-slider-area-four .prevoz-slider-item .prevoz-slider-text {

    text-align: left;

    max-width: 750px;

  }

  

  .prevoz-slider-area-four .prevoz-slider-item .prevoz-slider-text .video-btn {

    margin-bottom: 20px;

  }

  

  .prevoz-slider-area-four .owl-prev i {

    background-color: transparent !important;

    border-radius: 50%;

    border: 1px solid #ffffff;

  }

  

  .prevoz-slider-area-four .owl-prev i:hover {

    border-color: #ff7c24;

  }

  

  .prevoz-slider-area-four .owl-next i {

    background-color: transparent !important;

    border-radius: 50%;

    border: 1px solid #ffffff;

  }

  

  .prevoz-slider-area-four .owl-next i:hover {

    border-color: #ff7c24;

  }

  

  /*

  Tracking Area Four Style

  ======================================================*/

  .tracking-number-area-four {

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  .tracking-number-area-four .tracking-wrap {

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  /*

  About Area Four Style 

  ======================================================*/

  .about-area-four {

    position: relative;

    z-index: 1;

  }

  

  .about-area-four .about-history {

    position: absolute;

    bottom: 0;

  }

  

  .about-area-four .about-history .about-details {

    position: relative;

    background-color: #ff7c24;

    padding-left: 100px;

    padding-top: 30px;

    padding-bottom: 30px;

    width: 320px;

    padding-right: 30px;

  }

  

  .about-area-four .about-history .about-details i {

    font-size: 50px;

    color: #ffffff;

    position: absolute;

    top: 15px;

    left: 30px;

  }

  

  .about-area-four .about-history .about-details span {

    font-size: 45px;

    color: #ffffff;

    line-height: 1;

    display: block;

    margin-bottom: 10px;

  }

  

  .about-area-four .about-history .about-details p {

    font-size: 18px;

    color: #ffffff;

    line-height: 1;

  }

  

  .about-area-four .video-btn {

    background-color: #ff7c24;

    margin-left: 30px;

  }

  

  .about-area-four .video-btn::before {

    background-color: #ff7c24;

  }

  

  .about-area-four .video-btn::after {

    background-color: #ff7c24;

  }

  

  .about-area-four .video-btn i {

    color: #ffffff;

  }

  

  /*

  Counter Area Four Style

  ======================================================*/

  .counter-area-four {

    background-image: url(../img/counter-bg-four.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative;

    z-index: 1;

  }

  

  .counter-area-four::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0.9;

    z-index: -1;

  }

  

  .counter-area-four::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 200px;

    background-color: #ffffff;

    z-index: -1;

  }

  

  /*

  What Offer Area Four Style

  ======================================================*/

  .what-offer-area-four .single-offer {

    border-right: none;

  }

  

  .what-offer-area-four .single-offer p {

    margin-bottom: 0;

  }

  

  .what-offer-area-four .col-lg-6:nth-child(2) .single-offer {

    margin-top: 30px;

  }

  

  .what-offer-area-four .col-lg-6:nth-child(3) .single-offer {

    margin-top: -30px;

  }

  

  .what-offer-area-four .what-offer-content span {

    text-transform: uppercase;

    color: #ff7c24;

    font-size: 13px;

    display: block;

    margin-top: -8px;

    margin-bottom: 10px;

  }

  

  .what-offer-area-four .what-offer-content h2 {

    font-size: 40px;

    margin-bottom: 40px;

    position: relative;

  }

  

  .what-offer-area-four .what-offer-content h2::before {

    position: absolute;

    bottom: -22px;

    left: 0;

    content: "";

    width: 50px;

    height: 2px;

    background-color: #ff7c24;

  }

  

  .what-offer-area-four .what-offer-content h2::after {

    position: absolute;

    bottom: -22px;

    left: 0;

    content: "";

    width: 5px;

    height: 2px;

    background-color: #ffffff;

    -webkit-animation: moveLeftBounces 10s linear infinite;

            animation: moveLeftBounces 10s linear infinite;

  }

  

  .what-offer-area-four .what-offer-content h2:last-child {

    margin-bottom: 0;

  }

  

  .what-offer-area-four .what-offer-content p {

    margin-bottom: 25px;

  }

  

  .what-offer-area-four .what-offer-content ul li {

    position: relative;

    padding-left: 30px;

    margin-bottom: 10px;

  }

  

  .what-offer-area-four .what-offer-content ul li:last-child {

    margin-bottom: 0;

  }

  

  .what-offer-area-four .what-offer-content ul li i {

    position: absolute;

    top: 2px;

    left: 0;

    color: #ffffff;

    width: 20px;

    height: 20px;

    background-color: #ff7c24;

    text-align: center;

    line-height: 20px;

    font-size: 10px;

    border-radius: 50%;

  }

  

  /*

  Our Project Area Style

  ======================================================*/

  .single-project {

    position: relative;

    overflow: hidden;

  }

  

  .single-project .project-content {

    position: absolute;

    top: 0;

    left: 420px;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: #ff7c24;

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-project .project-content h3 {

    color: #ffffff;

  }

  

  .single-project .project-content p {

    color: #ffffff;

    font-size: 14px;

  }

  

  .single-project .project-content .project-content-wrap {

    padding: 30px;

  }

  

  .single-project:hover .project-content {

    left: 0;

  }

  

  /*

  Our Project Area Style

  ======================================================*/

  .began-area-four {

    overflow: hidden;

  }

  

  .began-area-four .begans-bg {

    background-image: url(../img/products-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

  }

  

  .began-area-four .began-wrap {

    width: 715px;

    background-color: transparent;

    -webkit-box-shadow: none;

            box-shadow: none;

    padding-top: 100px;

    padding-bottom: 100px;

  }

  

  .began-area-four .began-wrap h2 {

    color: #ffffff;

    border-color: #19345a;

    padding-top: 0;

  }

  

  .began-area-four .began-wrap .single-began i {

    color: #74a9f6;

  }

  

  .began-area-four .began-wrap .single-began h3 {

    color: #ffffff;

  }

  

  .began-area-four .began-wrap .col-lg-4:nth-child(1) .single-began {

    border-right: 1px solid #19345a;

    border-bottom: 1px solid #19345a;

  }

  

  .began-area-four .began-wrap .col-lg-4:nth-child(2) .single-began {

    border-bottom: 1px solid #19345a;

    border-right: 1px solid #19345a;

  }

  

  .began-area-four .began-wrap .col-lg-4:nth-child(3) .single-began {

    border-bottom: 1px solid #19345a;

  }

  

  .began-area-four .began-wrap .col-lg-4:nth-child(4) .single-began {

    border-right: 1px solid #19345a;

  }

  

  .began-area-four .began-wrap .col-lg-4:nth-child(5) .single-began {

    border-right: 1px solid #19345a;

  }

  

  .began-area-four .began-top-wrap {

    background-image: unset;

    background-color: #000;

  }

  

  /*

  Subscribe Area Four Style

  ======================================================*/

  .subscribe-area-four {

    background-color: transparent;

  }

  

  .subscribe-area-four::before {

    display: none;

  }

  

  /*

  Footer Top Area Four Style

  ======================================================*/

  .footer-top-area-four {

    background-color: #222629;

    position: relative;

    z-index: 1;

  }

  

  .footer-top-area-four .single-widget img {

    margin-bottom: 20px;

  }

  

  .footer-top-area-four .single-widget p {

    color: #d7d7d7;

  }

  

  .footer-top-area-four .single-widget .social-link li {

    padding-right: 3px;

    display: inline-block;

    border: none;

  }

  

  .footer-top-area-four .single-widget .social-link li::before {

    display: none;

  }

  

  .footer-top-area-four .single-widget .social-link li a i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #3867ad;

    border-radius: 4px;

    text-align: center;

    color: #ffffff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .footer-top-area-four .single-widget .social-link li a:hover i {

    background-color: #ff7c24;

  }

  

  .footer-top-area-four .single-widget h3 {

    color: #ffffff;

  }

  

  .footer-top-area-four .single-widget ul li a {

    color: #d7d7d7;

  }

  

  .footer-top-area-four .single-widget ul li a:hover {

    color: #ff7c24;

  }

  

  /*

  Footer Bottom Area Four Style

  ======================================================*/

  .footer-bottom-area-four {

    background-color: #313538;

  }

  

  .footer-bottom-area-four .single-widget-bottom ul li a {

    color: #d7d7d7;

  }

  

  .footer-bottom-area-four .single-widget-bottom ul li a:hover {

    color: #ff7c24;

  }

  

  .footer-bottom-area-four .single-widget-bottom p {

    float: right;

    color: #d7d7d7;

  }

  

  /*====================================================

  HOME PAGE FIVE STYLE

  ======================================================*/

  /*

  Prevoz Slider Area Five Style

  ======================================================*/

  .prevoz-slider-area-five {

    position: relative;

  }

  

  .prevoz-slider-area-five .prevoz-slider-item {

    height: 100%;

    padding-top: 100px;

    padding-bottom: 200px;

    position: relative;

    z-index: 1;

  }

  

  .prevoz-slider-area-five .prevoz-slider-item .prevoz-slider-text {

    max-width: 1020px;

    margin: auto;

    margin-top: 75px;

  }

  

  .prevoz-slider-area-five .shape {

    position: absolute;

    bottom: -10px;

    z-index: 1;

  }

  

  /*

  Counter Area Five Style

  ======================================================*/

  .counter-area-five {

    position: relative;

    z-index: 1;

  }

  

  .counter-area-five .single-counter i {

    color: #ff7c24;

  }

  

  .counter-area-five .single-counter h2 {

    color: #ff7c24;

  }

  

  .counter-area-five .single-counter p {

    color: #000;

  }

  

  /*

  Counter Area Five Style

  ======================================================*/

  .service-area-five {

    position: relative;

    z-index: 1;

  }

  

  .service-area-five .section-title span {

    color: #ffffff;

  }

  

  .service-area-five .section-title h2 {

    color: #ffffff;

  }

  

  .service-area-five .section-title h2::before {

    background-color: #ffffff;

  }

  

  .service-area-five .section-title h2::after {

    background-color: #000;

  }

  

  .service-area-five .service-all p {

    color: #ffffff;

  }

  

  /*

  Brand Area Five Style

  ======================================================*/

  .brand-area-five {

    background-color: transparent;

  }

  

  .brand-area-five .brand-item {

    background-color: #ff7c24;

  }

  

  /*

  Fun Facts Area Five Style

  ======================================================*/

  .fun-facts-area {

    overflow: hidden;

    position: relative;

    z-index: 1;

  }

  

  .fun-facts-area.bg-color {

    background-color: #f9f9f9;

  }

  

  .fun-facts-area .facts-img {

    background-image: url(../img/fun-facts-img.jpg);

    height: 100%;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

  }

  

  .fun-facts-area .fun-facts-content {

    margin-bottom: 50px;

  }

  

  .fun-facts-area .fun-facts-content span {

    text-transform: uppercase;

    color: #ff7c24;

    font-size: 13px;

    font-weight: 600;

    display: block;

    margin-top: -5px;

    margin-bottom: 10px;

  }

  

  .fun-facts-area .fun-facts-content h2 {

    font-size: 40px;

    margin-bottom: 40px;

    position: relative;

  }

  

  .fun-facts-area .fun-facts-content h2::before {

    position: absolute;

    bottom: -25px;

    left: 0;

    content: "";

    width: 50px;

    height: 2px;

    background-color: #ff7c24;

  }

  

  .fun-facts-area .fun-facts-content h2::after {

    position: absolute;

    bottom: -25px;

    left: 0;

    content: "";

    width: 5px;

    height: 2px;

    background-color: #ffffff;

    -webkit-animation: moveLeftBounces 10s linear infinite;

            animation: moveLeftBounces 10s linear infinite;

  }

  

  .fun-facts-area .fun-facts-content h2:last-child {

    margin-bottom: 0;

  }

  

  .fun-facts-area .fun-facts-content p {

    margin-bottom: 30px;

  }

  

  .fun-facts-area .skill-bar {

    margin-bottom: 30px;

  }

  

  .fun-facts-area .skill-bar .progress-title-holder {

    position: relative;

  }

  

  .fun-facts-area .skill-bar .progress-title {

    font-size: 16px;

    font-weight: 500;

  }

  

  .fun-facts-area .skill-bar .progress-number-wrapper {

    width: 100%;

    z-index: 10;

    font-size: 11px;

    line-height: 24px;

    height: 24px;

    letter-spacing: 0px;

    font-weight: 600;

    font-style: normal;

    text-transform: none;

    color: #ffffff;

  }

  

  .fun-facts-area .skill-bar .progress-number-mark {

    margin-bottom: 4px;

    border-radius: 3px;

    background-color: #ff7c24;

    padding: 0 8px;

    position: absolute;

    bottom: 0;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

  

  .fun-facts-area .skill-bar .down-arrow {

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    border-top: 3px solid #ff7c24;

    position: absolute;

    left: 50%;

    top: 100%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

  }

  

  .fun-facts-area .skill-bar .progress-content-outter {

    height: 6px;

    background-color: #e4e4e4;

    border-radius: 4px;

  }

  

  .fun-facts-area .skill-bar .progress-content {

    height: 6px;

    background-color: #ff7c24;

    border-radius: 4px;

    width: 0%;

  }

  

  .fun-facts-area .skill-bar-wrapper {

    margin-left: 30px;

    max-width: 510px;

  }

  

  .fun-facts-area .skill-bar-wrapper .section-title-left {

    margin-bottom: 50px;

  }

  

  /*

  Tracking Number Area Five Style

  ======================================================*/

  .tracking-number-area-five {

    background-color: #ff7c24;

  }

  

  .tracking-number-area-five .tracking-content h2 {

    color: #ffffff;

  }

  

  /*

  Blog Area Five Style

  ======================================================*/

  .blog-area-five .single-blog .blog-content {

    border-radius: 0 0 4px 4px;

    margin: 0;

  }

  

  .blog-area-five .single-blog .blog-content.mb-13 {

    margin-bottom: 13px !important;

    position: relative;

    z-index: 1;

  }

  

  .blog-area-five .single-blog .blog-content.mb-13::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 10px;

    height: 100%;

    background-color: #ff7c24;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .blog-area-five .single-blog .blog-content.mb-13:hover::before {

    width: 100%;

  }

  

  .blog-area-five .single-blog .blog-content.mb-13:hover ul li {

    color: #ffffff;

  }

  

  .blog-area-five .single-blog .blog-content.mb-13:hover ul li::before {

    background-color: #ffffff;

  }

  

  .blog-area-five .single-blog .blog-content.mb-13:hover ul li a {

    color: #ffffff;

  }

  

  .blog-area-five .single-blog .blog-content.mb-13:hover h3 a {

    color: #ffffff;

  }

  

  /*

  Subscribe Area Five Style

  ======================================================*/

  .subscribe-area-five::before {

    background-color: #222629;

  }

  

  /*

  Lines Area Style

  ======================================================*/

  .lines {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    margin: auto;

    width: 90vw;

    z-index: -1;

  }

  

  .lines .line {

    position: absolute;

    width: 2px;

    height: 100%;

    top: 0;

    left: 50%;

    background: rgba(255, 255, 255, 0.1);

    overflow: hidden;

  }

  

  .lines .line::after {

    content: "";

    display: block;

    position: absolute;

    height: 10px;

    width: 100%;

    top: 0;

    left: 0;

    background-color: #ffffff;

    -webkit-animation: moveLeftBounces-one 20s linear infinite;

            animation: moveLeftBounces-one 20s linear infinite;

  }

  

  .lines .line:nth-child(1) {

    margin-left: -25%;

  }

  

  .lines .line:nth-child(1)::after {

    -webkit-animation-delay: 2s;

            animation-delay: 2s;

  }

  

  .lines .line:nth-child(3)::after {

    -webkit-animation-delay: 2.5s;

            animation-delay: 2.5s;

  }

  

  .lines .line:nth-child(3) {

    margin-left: 25%;

  }

  

  .lines .line-two {

    position: absolute;

    width: 2px;

    height: 100%;

    top: 0;

    left: 50%;

    background: rgba(255, 255, 255, 0.1);

    overflow: hidden;

  }

  

  .lines .line-two::after {

    content: "";

    display: block;

    position: absolute;

    height: 10px;

    width: 100%;

    top: 0;

    left: 0;

    background-color: #ff7c24;

    -webkit-animation: moveLeftBounces-two 20s linear infinite;

            animation: moveLeftBounces-two 20s linear infinite;

  }

  

  .lines .line-two:nth-child(1) {

    margin-left: -25%;

  }

  

  .lines .line-two:nth-child(1)::after {

    -webkit-animation-delay: 2s;

            animation-delay: 2s;

  }

  

  .lines .line-two:nth-child(3)::after {

    -webkit-animation-delay: 2.5s;

            animation-delay: 2.5s;

  }

  

  .lines .line-two:nth-child(3) {

    margin-left: 25%;

  }

  

  .lines .line-three {

    position: absolute;

    width: 2px;

    height: 100%;

    top: 0;

    left: 50%;

    background: rgba(255, 255, 255, 0.1);

    overflow: hidden;

  }

  

  .lines .line-three::after {

    content: "";

    display: block;

    position: absolute;

    height: 10px;

    width: 100%;

    top: 0;

    left: 0;

    background-color: #ff7c24;

    -webkit-animation: moveLeftBounces-one 20s linear infinite;

            animation: moveLeftBounces-one 20s linear infinite;

  }

  

  .lines .line-three:nth-child(1) {

    margin-left: -25%;

  }

  

  .lines .line-three:nth-child(1)::after {

    -webkit-animation-delay: 2s;

            animation-delay: 2s;

  }

  

  .lines .line-three:nth-child(3)::after {

    -webkit-animation-delay: 2.5s;

            animation-delay: 2.5s;

  }

  

  .lines .line-three:nth-child(3) {

    margin-left: 25%;

  }

  

  @-webkit-keyframes moveLeftBounces-one {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    50% {

      -webkit-transform: translateY(1000px);

              transform: translateY(1000px);

    }

    100% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

  }

  

  @keyframes moveLeftBounces-one {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    50% {

      -webkit-transform: translateY(1000px);

              transform: translateY(1000px);

    }

    100% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

  }

  

  @-webkit-keyframes moveLeftBounces-two {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    100% {

      -webkit-transform: translateY(900px);

              transform: translateY(900px);

    }

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

  }

  

  @keyframes moveLeftBounces-two {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    100% {

      -webkit-transform: translateY(900px);

              transform: translateY(900px);

    }

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

  }

  

  @-webkit-keyframes moveLeftBounces-three {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    50% {

      -webkit-transform: translateY(1000px);

              transform: translateY(1000px);

    }

    100% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

  }

  

  @keyframes moveLeftBounces-three {

    0% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

    50% {

      -webkit-transform: translateY(1000px);

              transform: translateY(1000px);

    }

    100% {

      -webkit-transform: translateY(0);

              transform: translateY(0);

    }

  }

  

  /*====================================================

  HOME PAGE SIX STYLE

  ======================================================*/

  /*

  Top Header Area Six Style

  ======================================================*/

  .header-area-four.six .header-style-four {

    background-color: transparent;

  }

  

  .header-area-four.six .prevoz-nav-style-four .navbar-area .navbar-brand {

    display: block;

  }

  

  .header-area-four.six .prevoz-nav-style-four .navbar-area .main-nav {

    border-top: 2px solid rgba(255, 255, 255, 0.1);

    border-bottom: none;

  }

  

  /*

  Prevoz Slider Area Six Style

  ======================================================*/

  .prevoz-slider-area-six .prevoz-slider-item {

    height: 100vh;

    position: relative;

    z-index: 1;

  }

  

  .prevoz-slider-area-six .prevoz-slider-item::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 55, 0, 0.5);

    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    z-index: -1;

  }

  

  .prevoz-slider-area-six .prevoz-slider-item::after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 55, 130, 0.8);

    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);

            clip-path: polygon(0 0, 50% 100%, 100% 0);

    z-index: -1;

  }

  

  .prevoz-slider-area-six .prevoz-slider-item .prevoz-slider-text {

    text-align: center;

    max-width: 750px;

    margin: auto;

  }

  

  .prevoz-slider-area-six .prevoz-slider-item .prevoz-slider-text .video-btn {

    margin-bottom: 20px;

  }

  

  .prevoz-slider-area-six .owl-prev i {

    background-color: transparent !important;

    border-radius: 50%;

    border: 1px solid #ffffff;

  }

  

  .prevoz-slider-area-six .owl-prev i:hover {

    border-color: #ff7c24;

  }

  

  .prevoz-slider-area-six .owl-next i {

    background-color: transparent !important;

    border-radius: 50%;

    border: 1px solid #ffffff;

  }

  

  .prevoz-slider-area-six .owl-next i:hover {

    border-color: #ff7c24;

  }

  

  .prevoz-slider-area-six .owl-item.active .prevoz-slider-item::before {

    -webkit-animation: 3s .3s fadeInUp both;

            animation: 3s .3s fadeInUp both;

  }

  

  .prevoz-slider-area-six .owl-item.active .prevoz-slider-item::after {

    -webkit-animation: 3s .3s fadeInDown both;

            animation: 3s .3s fadeInDown both;

  }

  

  /*

  Track Area Six Style

  ======================================================*/

  .track-area-six {

    background-image: url(../img/track-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    background-attachment: fixed;

  }

  

  .bg-f7f7f7 {

    background-color: #f7f7f7;

  }

  

  /*

  Video Area Six Style

  ======================================================*/

  .video-area-six {

    background-image: url(../img/vide-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    text-align: center;

    position: relative;

    z-index: 1;

    background-attachment: fixed;

  }

  

  .video-area-six::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 55, 130, 0.8);

    z-index: -1;

  }

  

  .video-area-six .video-content {

    max-width: 800px;

    margin: auto;

  }

  

  .video-area-six .video-content .video-btn {

    margin-bottom: 20px;

  }

  

  .video-area-six .video-content h2 {

    color: #ffffff;

    font-size: 40px;

    margin-bottom: 20px;

  }

  

  .video-area-six .video-content p {

    color: #ffffff;

    margin-bottom: 30px;

  }

  

  /*

  Counter Area Six Style

  ======================================================*/

  .counter-area-six .single-counter {

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    padding: 30px;

    position: relative;

  }

  

  .counter-area-six .single-counter i {

    background-color: #ff7c24;

    color: #ffffff;

    font-size: 30px;

    line-height: 1;

    display: block;

    width: 60px;

    height: 60px;

    line-height: 60px;

    margin: 0 auto 25px;

    border-radius: 50%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: unset;

  }

  

  .counter-area-six .single-counter p {

    color: #ff7c24;

    line-height: 1;

    margin-bottom: 0;

    font-size: 18px;

  }

  

  .counter-area-six .single-counter h2 {

    color: #000;

    line-height: 1;

    font-size: 40px;

    margin-top: -8px;

    margin-bottom: 10px;

  }

  

  .counter-area-six .single-counter:hover {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px);

  }

  

  .counter-area-six .single-counter:hover i {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    color: #ff7c24;

  }

  

  /*

  Project Area Six Style

  ======================================================*/

  .project-area-six {

    text-align: center;

  }

  

  .project-area-six .single-project {

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

  }

  

  .project-area-six .single-project .project-image {

    position: relative;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    height: 380px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

  }

  

  .project-area-six .single-project .project-image.bg-1 {

    background-image: url(../img/project/4.jpg);

  }

  

  .project-area-six .single-project .project-image.bg-2 {

    background-image: url(../img/project/5.jpg);

  }

  

  .project-area-six .single-project .project-image.bg-3 {

    background-image: url(../img/project/6.jpg);

  }

  

  .project-area-six .single-project .project-image.bg-4 {

    background-image: url(../img/project/7.jpg);

  }

  

  .project-area-six .single-project .project-image.bg-5 {

    background-image: url(../img/project/8.jpg);

  }

  

  .project-area-six .single-project .project-image.bg-6 {

    background-image: url(../img/project/9.jpg);

  }

  

  .project-area-six .single-project .project-image.bg-7 {

    background-image: url(../img/project/10.jpg);

  }

  

  .project-area-six .single-project .project-image.bg-8 {

    background-image: url(../img/project/11.jpg);

  }

  

  .project-area-six .single-project .project-image img {

    -webkit-transition: all 9s;

    transition: all 9s;

  }

  

  .project-area-six .single-project .project-content {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    padding: 15px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: 2;

    text-align: center;

    width: 93%;

    height: 90%;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: rgba(37, 36, 94, 0.9);

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

  }

  

  .project-area-six .single-project .project-content span {

    color: #ffffff;

    font-weight: 500;

    display: block;

    margin-bottom: 6px;

  }

  

  .project-area-six .single-project .project-content h3 {

    margin-bottom: 12px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .project-area-six .single-project .project-content h3:hover a {

    text-decoration: underline;

  }

  

  .project-area-six .single-project .project-content h3 a {

    color: #ffffff;

  }

  

  .project-area-six .single-project .project-content h3:hover a {

    color: #ffffff;

  }

  

  .project-area-six .single-project .project-content .read-more:hover {

    color: #ffffff;

  }

  

  .project-area-six .single-project:hover .project-content {

    -webkit-transform: scaleY(1);

            transform: scaleY(1);

  }

  

  .project-area-six .single-project:hover .project-image {

    -webkit-transform: scale(2.2) rotate(4deg);

            transform: scale(2.2) rotate(4deg);

  }

  

  /*

  Choose Area Six Style

  ======================================================*/

  .single-choose {

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    background: #ffffff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

  }

  

  .single-choose .choose-head {

    padding: 30px;

    border-bottom: 1px solid #eaeaea;

    position: relative;

  }

  

  .single-choose .choose-head::before {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    width: 0;

    height: 1px;

    background-color: #ff7c24;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-choose .choose-head h3 {

    line-height: 31px;

    margin-bottom: 0;

  }

  

  .single-choose .choose-head i {

    font-size: 50px;

    color: #ff7c24;

    margin-bottom: 10px;

    margin-top: -5px;

  }

  

  .single-choose .choose-content {

    padding: 30px;

  }

  

  .single-choose .choose-content p {

    margin-bottom: 20px;

  }

  

  .single-choose:hover {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px);

  }

  

  .single-choose:hover .choose-head::before {

    width: 100%;

    right: auto;

    left: 0;

  }

  

  /*====================================================

  HOME PAGE SEVEN STYLE

  ======================================================*/

  /*

  Video Banner Area Seven Style

  ======================================================*/

  .prevoz-slider-area-seven {

    position: relative;

    z-index: 1;

    overflow: hidden;

  }

  

  .prevoz-slider-area-seven .background-video {

    position: absolute;

    bottom: 0;

    left: 0;

    width: auto;

    height: auto;

    min-width: 100%;

    min-height: 100%;

  }

  

  .prevoz-slider-area-seven .prevoz-slider-text {

    position: relative;

    margin-top: 80px !important;

    max-width: 950px;

    margin: auto;

    z-index: 1;

  }

  

  /*====================================================

  INNER PAGE STYLE

  ======================================================*/

  /* Page Title Area Style

  =====================================================*/

  .page-title-area {

    position: relative;

    z-index: 1;

    padding-top: 150px;

    padding-bottom: 150px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(../img/page-bg/1.jpg);

  }

  

  .page-title-area::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: #000000;

    opacity: 0.6;

  }

  

  .page-title-area .page-title-content h2 {

    margin-bottom: 0;

    color: #ffffff;

    font-size: 50px;

    font-weight: 700;

  }

  

  .page-title-area .page-title-content ul {

    padding-left: 0;

    list-style-type: none;

    margin-top: 10px;

    margin-bottom: 0;

    float: right;

  }

  

  .page-title-area .page-title-content ul li {

    display: inline-block;

    position: relative;

    font-size: 15px;

    font-weight: 500;

    padding-right: 20px;

    color: #ff7c24;

  }

  

  .page-title-area .page-title-content ul li::before {

    content: "";

    position: absolute;

    top: 12px;

    right: 5px;

    background-color: #ffffff;

    width: 5px;

    height: 5px;

    border-radius: 50%;

  }

  

  .page-title-area .page-title-content ul li:last-child::before {

    display: none;

  }

  

  .page-title-area .page-title-content ul li i {

    font-size: 20px;

    margin: 0 5px;

    position: relative;

    top: 5px;

  }

  

  .page-title-area .page-title-content ul li a {

    color: #ffffff;

  }

  

  .page-title-area .page-title-content ul li a:hover {

    color: #ff7c24;

  }

  

  /*

  Blog Details Area Style

  =====================================================*/

  .blog-details-area {

    /*

      Sidebar Widget Area Style

      ================================*/

  }

  

  .blog-details-area .blog-details-desc .article-image {

    position: relative;

  }

  

  .blog-details-area .blog-details-desc .article-content {

    margin-top: 30px;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta {

    margin-bottom: -10px;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li {

    position: relative;

    display: inline-block;

    color: #ff7c24;

    margin-right: 21px;

    font-size: 14px;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li span {

    display: inline-block;

    color: #ff7c24;

    font-weight: 500;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li a {

    display: inline-block;

    color: #666666;

    font-size: 13px;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li a:hover {

    color: #ff7c24;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li i {

    color: #ff7c24;

    margin-right: 2px;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li::before {

    content: '';

    position: absolute;

    top: 11px;

    right: -15px;

    width: 6px;

    height: 1px;

    background: #ff7c24;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child {

    margin-right: 0;

  }

  

  .blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before {

    display: none;

  }

  

  .blog-details-area .blog-details-desc .article-content h3 {

    margin-bottom: 13px;

    margin-top: 25px;

  }

  

  .blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 {

    padding-left: 0;

    list-style-type: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin-right: -10px;

    margin-left: -10px;

    margin-bottom: 30px;

    margin-top: 30px;

  }

  

  .blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 33.3333%;

            flex: 0 0 33.3333%;

    max-width: 33.3333%;

    padding-right: 10px;

    padding-left: 10px;

  }

  

  .blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {

    margin-bottom: 0;

  }

  

  .blog-details-area .blog-details-desc .article-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin-top: 30px;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-tags {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    max-width: 50%;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-tags span {

    display: inline-block;

    color: #ff7c24;

    font-size: 20px;

    margin-right: 5px;

    position: relative;

    top: 4px;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-tags a {

    display: inline-block;

    color: #666666;

    font-weight: 600;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-tags a:hover {

    color: #ff7c24;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-share {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    max-width: 50%;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-share .social {

    padding-left: 0;

    list-style-type: none;

    text-align: right;

    margin-bottom: 0;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-share .social li {

    display: inline-block;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-share .social li span {

    display: inline-block;

    margin-right: 2px;

    font-weight: 500;

    color: #666666;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-share .social li a {

    display: block;

    color: #ffffff;

    width: 32px;

    height: 32px;

    line-height: 33px;

    border-radius: 50%;

    background-color: #ff7c24;

    text-align: center;

    font-size: 14px;

  }

  

  .blog-details-area .blog-details-desc .article-footer .article-share .social li a:hover {

    background-color: #000;

  }

  

  .blog-details-area .blog-details-desc .post-navigation {

    margin-top: 30px;

  }

  

  .blog-details-area blockquote {

    overflow: hidden;

    background-color: #000;

    padding: 50px !important;

    position: relative;

    text-align: center;

    z-index: 1;

    margin-bottom: 20px;

    margin-top: 20px;

  }

  

  .blog-details-area blockquote p {

    color: #ffffff;

    line-height: 1.6;

    margin-bottom: 0;

    font-style: italic;

    font-weight: 500;

    font-size: 17px !important;

  }

  

  .blog-details-area blockquote cite {

    display: none;

  }

  

  .blog-details-area blockquote::before {

    color: #ff7c24;

    content: "\ed67";

    position: absolute;

    left: 50px;

    top: -50px;

    z-index: -1;

    font-family: 'boxicons';

    font-size: 140px;

    font-weight: 900;

  }

  

  .blog-details-area blockquote::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 3px;

    background-color: #ff7c24;

    margin-top: 20px;

    margin-bottom: 20px;

  }

  

  .blog-details-area .post-navigation {

    border-top: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

    padding-top: 20px;

    padding-bottom: 20px;

  }

  

  .blog-details-area .post-navigation .navigation-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  

  .blog-details-area .post-navigation .navigation-links .nav-previous {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    max-width: 50%;

  }

  

  .blog-details-area .post-navigation .navigation-links .nav-previous a i {

    margin-right: 0;

    font-size: 20px;

    position: relative;

    top: 4px;

  }

  

  .blog-details-area .post-navigation .navigation-links .nav-next {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    max-width: 50%;

    text-align: right;

  }

  

  .blog-details-area .post-navigation .navigation-links .nav-next a i {

    margin-left: 0;

    font-size: 20px;

    position: relative;

    top: 4px;

  }

  

  .blog-details-area .post-navigation .navigation-links div a {

    display: inline-block;

    font-weight: 600;

    color: #000;

  }

  

  .blog-details-area .post-navigation .navigation-links div a:hover {

    color: #ff7c24;

  }

  

  .blog-details-area .comments-area {

    padding: 25px;

    margin-top: 30px;

    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

            box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

    background-color: #ffffff;

  }

  

  .blog-details-area .comments-area .comments-title {

    position: relative;

    margin-bottom: 30px;

    line-height: initial;

    font-size: 22px;

  }

  

  .blog-details-area .comments-area .comments-title::before {

    content: '';

    height: 25px;

    width: 3px;

    left: -25px;

    position: absolute;

    background: #ff7c24;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

  }

  

  .blog-details-area .comments-area ol {

    padding: 0;

    margin: 0;

    list-style-type: none;

  }

  

  .blog-details-area .comments-area ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

  }

  

  .blog-details-area .comments-area .comment-list {

    padding: 0;

    margin: 0;

    list-style-type: none;

  }

  

  .blog-details-area .comments-area .children {

    margin-left: 40px;

  }

  

  .blog-details-area .comments-area .comment-body {

    border-bottom: 1px solid #eeeeee;

    padding-left: 65px;

    font-size: 14px;

    margin-bottom: 20px;

    padding-bottom: 20px;

  }

  

  .blog-details-area .comments-area .comment-body .reply {

    margin-top: 15px;

  }

  

  .blog-details-area .comments-area .comment-body .reply a {

    border: 1px solid #ded9d9;

    color: #000;

    display: inline-block;

    padding: 5px 20px;

    border-radius: 30px;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

    font-size: 13px;

    font-weight: 600;

  }

  

  .blog-details-area .comments-area .comment-body .reply a:hover {

    color: #ffffff;

    background-color: #ff7c24;

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-meta {

    margin-bottom: .8em;

  }

  

  .blog-details-area .comments-area .comment-author {

    font-size: 16px;

    margin-bottom: 0.4em;

    position: relative;

    z-index: 2;

  }

  

  .blog-details-area .comments-area .comment-author .avatar {

    height: 50px;

    left: -65px;

    position: absolute;

    width: 50px;

    border-radius: 50%;

  }

  

  .blog-details-area .comments-area .comment-author .fn {

    font-weight: 600;

    color: #000;

    font-size: 14px;

  }

  

  .blog-details-area .comments-area .comment-author .says {

    display: none;

  }

  

  .blog-details-area .comments-area .comment-metadata {

    color: #666666;

    letter-spacing: 0.01em;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 500;

  }

  

  .blog-details-area .comments-area .comment-metadata a {

    color: #666666;

    font-size: 11px;

  }

  

  .blog-details-area .comments-area .comment-metadata a:hover {

    color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-content p {

    font-size: 14px;

  }

  

  .blog-details-area .comments-area .comment-respond {

    margin-top: 30px;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-reply-title {

    margin-bottom: 15px;

    position: relative;

    font-size: 22px;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-reply-title::before {

    content: '';

    height: 25px;

    width: 3px;

    left: -25px;

    position: absolute;

    background: #ff7c24;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

  }

  

  .blog-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {

    display: inline-block;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form {

    overflow: hidden;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form-comment {

    margin-bottom: 30px;

    float: left;

    width: 100%;

  }

  

  .blog-details-area .comments-area .comment-respond label {

    display: block;

    font-weight: 500;

    color: #000;

    margin-bottom: 5px;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="datetime-local"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="datetime-local"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="week"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="week"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="month"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="month"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="text"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="text"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="email"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="email"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="url"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="url"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="password"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="password"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="search"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="search"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="tel"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="tel"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="number"] {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond input[type="number"]:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond textarea {

    display: block;

    width: 100%;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .comments-area .comment-respond textarea:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form-author {

    float: left;

    width: 50%;

    padding-right: 10px;

    margin-bottom: 20px;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form-email {

    float: left;

    width: 50%;

    padding-left: 12px;

    margin-bottom: 20px;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form-url {

    float: left;

    width: 100%;

    margin-bottom: 20px;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form-cookies-consent {

    width: 100%;

    float: left;

    position: relative;

    padding-left: 20px;

    margin-bottom: 20px;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form-cookies-consent input {

    position: absolute;

    left: 0;

    top: 6px;

  }

  

  .blog-details-area .comments-area .comment-respond .comment-form-cookies-consent label {

    display: inline-block;

    margin: 0;

    color: #666666;

    font-weight: normal;

  }

  

  .blog-details-area .comments-area .comment-respond .form-submit {

    float: left;

    width: 100%;

  }

  

  .blog-details-area .comments-area .comment-respond .form-submit input {

    background: #ff7c24;

    border: none;

    color: #ffffff;

    padding: 14px 30px 12px;

    display: inline-block;

    cursor: pointer;

    outline: 0;

    border-radius: 0;

    text-transform: uppercase;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-weight: 500;

    font-size: 14px;

  }

  

  .blog-details-area .comments-area .comment-respond .form-submit input:hover {

    color: #ffffff;

    background-color: #000;

  }

  

  .blog-details-area .comments-area .comment-respond .form-submit input:focus {

    color: #ffffff;

    background-color: #ff7c24;

  }

  

  .blog-details-area .widget-area .widget {

    margin-top: 35px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

            box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

  }

  

  .blog-details-area .widget-area .widget .post-wrap {

    padding: 20px;

  }

  

  .blog-details-area .widget-area .widget:first-child {

    margin-top: 0;

  }

  

  .blog-details-area .widget-area .widget .widget-title {

    text-transform: capitalize;

    position: relative;

    font-size: 20px;

    margin-bottom: 0;

    background-color: #000;

    padding: 10px 20px;

    color: #ffffff;

    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);

            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);

    position: relative;

  }

  

  .blog-details-area .widget-area .widget .widget-title::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #ff7c24;

  }

  

  .blog-details-area .widget-area .widget_search form {

    position: relative;

  }

  

  .blog-details-area .widget-area .widget_search form label {

    display: block;

    margin-bottom: 0;

  }

  

  .blog-details-area .widget-area .widget_search form .screen-reader-text {

    display: none;

  }

  

  .blog-details-area .widget-area .widget_search form .search-field {

    background-color: transparent;

    height: 50px;

    padding: 6px 15px;

    border: 1px solid #eeeeee;

    width: 100%;

    display: block;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .blog-details-area .widget-area .widget_search form .search-field:focus {

    border-color: #ff7c24;

  }

  

  .blog-details-area .widget-area .widget_search form button {

    position: absolute;

    right: 0;

    outline: 0;

    bottom: 0;

    height: 50px;

    width: 50px;

    border: none;

    color: #ffffff;

    background-color: #ff7c24;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    cursor: pointer;

  }

  

  .blog-details-area .widget-area .widget_search form button:hover {

    background-color: #000;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb {

    position: relative;

    overflow: hidden;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item {

    overflow: hidden;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #efefef;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item:last-child {

    margin-bottom: 0;

    border-bottom: none;

    padding-bottom: 0;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb {

    float: left;

    height: 80px;

    overflow: hidden;

    position: relative;

    width: 80px;

    margin-right: 15px;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage {

    width: 80px;

    height: 80px;

    display: inline-block;

    background-size: cover !important;

    background-repeat: no-repeat;

    background-position: center center !important;

    position: relative;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 {

    background-image: url(../img/blog-details/1.jpg);

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 {

    background-image: url(../img/blog-details/2.jpg);

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 {

    background-image: url(../img/blog-details/3.jpg);

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 {

    background-image: url(../img/blog-details/4.jpg);

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .info {

    overflow: hidden;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .info span {

    display: block;

    color: #666666;

    text-transform: uppercase;

    margin-top: 5px;

    margin-bottom: 5px;

    font-size: 12px;

    font-weight: 500;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title {

    margin-bottom: 0;

    line-height: 1.5;

    font-size: 14px;

    font-weight: 600;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {

    display: inline-block;

    color: #474c40;

  }

  

  .blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover {

    color: #ff7c24;

  }

  

  .blog-details-area .widget-area .widget_recent_entries ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

  }

  

  .blog-details-area .widget-area .widget_recent_entries ul li {

    position: relative;

    margin-bottom: 12px;

    color: #666666;

    padding-left: 17px;

    line-height: 1.5;

    font-size: 15px;

    font-weight: 600;

  }

  

  .blog-details-area .widget-area .widget_recent_entries ul li:last-child {

    margin-bottom: 0;

  }

  

  .blog-details-area .widget-area .widget_recent_entries ul li::before {

    background: #ff7c24;

    position: absolute;

    height: 7px;

    width: 7px;

    content: '';

    left: 0;

    top: 7px;

  }

  

  .blog-details-area .widget-area .widget_recent_entries ul li .post-date {

    display: block;

    font-size: 13px;

    color: #666666;

    margin-top: 4px;

  }

  

  .blog-details-area .widget-area .widget_categories ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

  }

  

  .blog-details-area .widget-area .widget_categories ul li {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px;

    color: #666666;

    padding-left: 17px;

    font-size: 15px;

    font-weight: 600;

    border-bottom: 1px solid #efefef;

  }

  

  .blog-details-area .widget-area .widget_categories ul li:last-child {

    margin-bottom: 0;

    border-bottom: none;

  }

  

  .blog-details-area .widget-area .widget_categories ul li::before {

    background: #ff7c24;

    position: absolute;

    height: 7px;

    width: 7px;

    content: '';

    left: 0;

    top: 9px;

  }

  

  .blog-details-area .widget-area .widget_categories ul li a {

    display: block;

    color: #666666;

    font-weight: normal;

    font-size: 14px;

  }

  

  .blog-details-area .widget-area .widget_categories ul li a span {

    float: right;

    font-size: 13px;

  }

  

  .blog-details-area .widget-area .widget_categories ul li a:hover {

    color: #ff7c24;

  }

  

  .blog-details-area .widget-area .widget_categories ul li .post-count {

    float: right;

  }

  

  .blog-details-area .widget-area .widget_meta ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

  }

  

  .blog-details-area .widget-area .widget_meta ul li {

    position: relative;

    margin-bottom: 12px;

    color: #666666;

    padding-left: 17px;

    font-size: 15px;

    font-weight: 500;

  }

  

  .blog-details-area .widget-area .widget_meta ul li:last-child {

    margin-bottom: 0;

  }

  

  .blog-details-area .widget-area .widget_meta ul li::before {

    background: #ff7c24;

    position: absolute;

    height: 7px;

    width: 7px;

    content: '';

    left: 0;

    top: 7px;

  }

  

  .blog-details-area .widget-area .widget_tag_cloud .widget-title {

    margin-bottom: 0;

  }

  

  .blog-details-area .widget-area .tagcloud a {

    display: inline-block;

    color: #666666;

    font-weight: normal;

    font-size: 14px !important;

    padding: 7px 10px;

    border: 1px dashed #eeeeee;

    margin-top: 10px;

    margin-right: 10px;

  }

  

  .blog-details-area .widget-area .tagcloud a:hover {

    background-color: #ff7c24;

    color: #ffffff;

  }

  

  .blog-details-area .widget-area .tagcloud a:focus {

    background-color: #ff7c24;

    color: #ffffff;

    border-color: #ff7c24;

  }

  

  .blog-details-area .widget-area .widget_services_list ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

            box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

    background-color: #ffffff;

  }

  

  .blog-details-area .widget-area .widget_services_list ul li a {

    display: block;

    position: relative;

    border-bottom: 1px solid #eeeeee;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 35px;

    color: #5d6576;

    z-index: 1;

    font-weight: 500;

  }

  

  .blog-details-area .widget-area .widget_services_list ul li a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #252920;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

  }

  

  .blog-details-area .widget-area .widget_services_list ul li a i {

    position: absolute;

    right: 15px;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

  }

  

  .blog-details-area .widget-area .widget_services_list ul li a:hover {

    background-color: #ff7c24;

    color: #ffffff;

    padding-left: 20px;

  }

  

  .blog-details-area .widget-area .widget_services_list ul li a:hover::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

  }

  

  .blog-details-area .widget-area .widget_services_list ul li a.active {

    background-color: #ff7c24;

    color: #ffffff;

    padding-left: 20px;

  }

  

  .blog-details-area .widget-area .widget_services_list ul li a.active::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

  }

  

  .blog-details-area .widget-area .widget_services_list ul li:last-child a {

    border-bottom: none;

  }

  

  .blog-details-area .widget-area .widget_download ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

            box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

    background-color: #ffffff;

  }

  

  .blog-details-area .widget-area .widget_download ul li a {

    display: block;

    position: relative;

    border-bottom: 1px solid #eeeeee;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 35px;

    color: #5d6576;

    z-index: 1;

    font-weight: 500;

  }

  

  .blog-details-area .widget-area .widget_download ul li a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #252920;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

  }

  

  .blog-details-area .widget-area .widget_download ul li a i {

    position: absolute;

    right: 15px;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

  }

  

  .blog-details-area .widget-area .widget_download ul li a:hover {

    background-color: #ff7c24;

    color: #ffffff;

    padding-left: 20px;

  }

  

  .blog-details-area .widget-area .widget_download ul li a:hover::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

  }

  

  .blog-details-area .widget-area .widget_download ul li a.active {

    background-color: #ff7c24;

    color: #ffffff;

    padding-left: 20px;

  }

  

  .blog-details-area .widget-area .widget_download ul li a.active::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

  }

  

  .blog-details-area .widget-area .widget_download ul li:last-child a {

    border-bottom: none;

  }

  

  .blog-details-area .widget-area .info time {

    font-size: 13px;

    color: #929292;

    display: block;

    margin-bottom: 4px;

  }

  

  /*

  Blog Right Sidebar Area Style

  =====================================================*/

  .blog-right-sidebar .single-blog:hover img {

    -webkit-transform: scale(2);

            transform: scale(2);

  }

  

  /*

  Service Details Area Style

  =====================================================*/

  .service-sidebar-area .service-details-title {

    background-color: #2e4b7b;

    color: #ffffff;

    padding: 15px 20px;

    margin-bottom: 20px;

    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);

            clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);

  }

  

  .service-sidebar-area .service-card {

    margin-bottom: 30px;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

  }

  

  .service-sidebar-area .service-list ul li {

    border-bottom: 1px dashed #eeeeee;

    padding: 15px 20px;

    font-weight: 500;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .service-sidebar-area .service-list ul li:last-child {

    border-bottom: none;

  }

  

  .service-sidebar-area .service-list ul li a {

    color: #000;

    display: block;

  }

  

  .service-sidebar-area .service-list ul li i {

    float: right;

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #ff7c24;

    border-radius: 50%;

    color: #ffffff;

    font-size: 20px;

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    top: -2px;

  }

  

  .service-sidebar-area .service-list ul li:hover {

    background-color: #ff7c24;

    color: #ffffff;

  }

  

  .service-sidebar-area .service-list ul li:hover i {

    background-color: #ffffff;

    color: #ff7c24;

  }

  

  .service-sidebar-area .service-list ul li:hover a {

    color: #ffffff;

  }

  

  .service-sidebar-area .service-faq .faq-accordion .accordion .accordion-item {

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  

  .service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title {

    font-size: 15px;

    font-weight: 600;

  }

  

  .service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title span {

    top: 11px;

  }

  

  .service-sidebar-area .paint {

    margin-bottom: 15px;

  }

  

  .service-details-wrap .mb-30 {

    margin-bottom: 30px;

  }

  

  .service-details-wrap .service-img {

    margin-bottom: 30px;

  }

  

  .service-details-wrap ul {

    margin-top: 30px;

    margin-bottom: 30px;

  }

  

  .service-details-wrap ul li {

    display: inline-block;

    font-weight: 600;

    color: #000;

    font-size: 14px;

    padding-left: 35px;

    position: relative;

  }

  

  .service-details-wrap ul li i {

    width: 25px;

    height: 25px;

    line-height: 25px;

    background-color: #ff7c24;

    border-radius: 50%;

    color: #ffffff;

    font-size: 20px;

    text-align: center;

    position: absolute;

    top: 4px;

    position: absolute;

    top: 0px;

    left: 0;

  }

  

  .service-details-wrap .car-service-list-wrap {

    margin-bottom: 35px;

  }

  

  .service-details-wrap .car-service-list-wrap .car-service-list ul {

    margin: 0;

  }

  

  .service-details-wrap .car-service-list-wrap .car-service-list ul li {

    margin-bottom: 15px;

    font-size: 13px;

  }

  

  .service-details-wrap .car-service-list-wrap .car-service-list ul li:last-child {

    margin-bottom: 0;

  }

  

  .service-details-wrap .list-unstyled {

    margin: 0;

  }

  

  .service-details-wrap .list-unstyled li {

    color: #dc3545;

    padding-left: 0 !important;

    font-size: 14px;

    font-weight: 400;

    margin-top: 10px;

  }

  

  .service-details-wrap #msgSubmit {

    top: 68px;

    left: 15px;

  }

  

  /*

  Ask Question Area Style

  =====================================================*/

  .ask-question {

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

            box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

    padding: 50px;

  }

  

  .ask-question h3 {

    margin-bottom: 20px;

  }

  

  .ask-question .form-group {

    margin-bottom: 30px;

  }

  

  .ask-question .default-btn {

    margin: auto;

    display: table;

    background-color: transparent;

  }

  

  /* 

  FAQ Area Style

  =====================================================*/

  .faq-area .faq-accordion .accordion {

    list-style-type: none;

    padding-left: 0;

    margin-bottom: 0;

  }

  

  .faq-area .faq-accordion .accordion .accordion-item {

    display: block;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

            box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    background: #ffffff;

  }

  

  .faq-area .faq-accordion .accordion .accordion-item:last-child {

    margin-bottom: 0;

  }

  

  .faq-area .faq-accordion .accordion .accordion-title {

    padding: 12px 20px 12px 60px;

    color: #000;

    position: relative;

    border-bottom: 1px dashed #eeeeee;

    margin-bottom: -1px;

    display: block;

    font-size: 18px;

  }

  

  .faq-area .faq-accordion .accordion .accordion-title i {

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    text-align: center;

    height: 100%;

    background: #faf5f5;

    color: #ff7c24;

    font-size: 14px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .faq-area .faq-accordion .accordion .accordion-title i::before {

    position: absolute;

    left: 0;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

  }

  

  .faq-area .faq-accordion .accordion .accordion-title span {

    position: absolute;

    top: 14px;

    left: 20px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #ff7c24;

    color: #ffffff;

    text-align: center;

    border-radius: 50%;

  }

  

  .faq-area .faq-accordion .accordion .accordion-title.active {

    border-bottom-color: #ff7c24;

  }

  

  .faq-area .faq-accordion .accordion .accordion-title.active i {

    background-color: #ff7c24;

    color: #fff;

  }

  

  .faq-area .faq-accordion .accordion .accordion-title.active i::before {

    content: "\f063";

  }

  

  .faq-area .faq-accordion .accordion .accordion-content {

    display: none;

    position: relative;

    padding: 30px;

  }

  

  .faq-area .faq-accordion .accordion .accordion-content.show {

    display: block;

  }

  

  .faq-area .faq-img {

    background-image: url(../img/blog-details/news-details-img.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

  }

  

  /* 

  Contact Validator Style

  =====================================================*/

  .list-unstyled {

    margin-top: 10px;

    color: #dc3545;

  }

  

  #msgSubmit {

    margin-bottom: 0;

    text-align: center;

    margin-top: 20px;

  }

  

  .hidden {

    display: none;

  }

  

  .text-danger {

    color: #dc3545 !important;

  }

  

  .text-success {

    color: #28a745 !important;

  }

  

  /* 

  Coming Soon Area Style

  =====================================================*/

  .coming-soon-area {

    position: relative;

    height: 100vh;

    z-index: 1;

    overflow: hidden;

    background-image: url(../img/coming-soon-img.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

  }

  

  .coming-soon-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

    opacity: 0.9;

    z-index: 1;

  }

  

  .coming-soon-area .coming-soon-content {

    text-align: center;

    max-width: 750px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    z-index: 2;

  }

  

  .coming-soon-area .coming-soon-content h1 {

    margin-bottom: 0;

    color: #ffffff;

    font-size: 60px;

    margin-top: -18px;

  }

  

  .coming-soon-area .coming-soon-content p {

    color: #f3f3f3;

    font-size: 14.5px;

    max-width: 600px;

    margin-top: 15px;

    margin-bottom: 0;

    margin-left: auto;

    margin-right: auto;

  }

  

  .coming-soon-area .coming-soon-content #timer {

    margin-top: 30px;

  }

  

  .coming-soon-area .coming-soon-content #timer div {

    display: inline-block;

    color: #ffffff;

    position: relative;

    margin-left: 35px;

    margin-right: 35px;

    font-size: 45px;

    font-weight: 700;

  }

  

  .coming-soon-area .coming-soon-content #timer div span {

    display: block;

    text-transform: capitalize;

    margin-top: -15px;

    font-size: 16px;

    font-weight: normal;

  }

  

  .coming-soon-area .coming-soon-content #timer div:last-child {

    margin-right: 0;

  }

  

  .coming-soon-area .coming-soon-content #timer div:last-child::before {

    display: none;

  }

  

  .coming-soon-area .coming-soon-content #timer div:first-child {

    margin-left: 0;

  }

  

  .coming-soon-area .coming-soon-content #timer div::before {

    content: "";

    position: absolute;

    right: -50px;

    top: -10px;

    font-size: 70px;

    color: #ffffff;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form {

    position: relative;

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 50px;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {

    display: block;

    width: 100%;

    height: 60px;

    border: none;

    background-color: rgba(255, 255, 255, 0.3);

    padding-left: 15px;

    color: #ffffff;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-webkit-input-placeholder {

    color: #ffffff;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:-ms-input-placeholder {

    color: #ffffff;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-ms-input-placeholder {

    color: #ffffff;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::placeholder {

    color: #ffffff;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {

    border-color: #ff7c24;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form button {

    position: absolute;

    right: 0;

    top: 0;

    height: 60px;

    padding: 0 30px;

    text-transform: uppercase;

    outline: 0;

    color: #ff7c24;

    background-color: #ffffff;

    border: none;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-weight: 500;

    font-size: 15px;

    cursor: pointer;

    border-radius: 0 !important;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form button::after {

    border-radius: 0;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form button::before {

    border-radius: 0;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form button:hover {

    color: #ffffff;

  }

  

  .coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter {

    color: #ffffff;

    font-size: 14px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -30px;

    margin: 0 auto;

  }

  

  /*

  404 Error Area Style

  =====================================================*/

  .error-area {

    padding: 50px 0;

    height: 100vh;

    text-align: center;

    position: relative;

    z-index: 1;

    background-color: #ffffff;

  }

  

  .error-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.9;

    z-index: -1;

  }

  

  .error-area .error-contact-wrap {

    z-index: 1;

    position: relative;

  }

  

  .error-area .error-contact-wrap img {

    max-width: 500px;

    width: 100%;

  }

  

  .error-area .error-contact-wrap h3 {

    margin: 30px 0 0;

    position: relative;

    color: #ff0000;

  }

  

  .error-area .error-contact-wrap p {

    margin: 20px 0 20px;

    font-size: 19px;

  }

  

  /* Sign In & Log In  Area Style

  =====================================================*/

  .sign-up-area {

    position: relative;

    z-index: 1;

    overflow: hidden;

    background-color: #eeeeee;

  }

  

  .sign-up-area .contact-form-action {

    background-color: #ffffff;

    border-radius: 4px;

    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

            box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

    padding: 40px;

    max-width: 570px;

    margin: auto;

  }

  

  .sign-up-area .contact-form-action .form-heading {

    margin-bottom: 33px;

  }

  

  .sign-up-area .contact-form-action .form-heading .form-title {

    font-size: 38px;

    color: #233d63;

    margin-bottom: 10px;

    text-transform: capitalize;

  }

  

  .sign-up-area .contact-form-action .form-heading .form-desc {

    font-size: 18px;

    color: #677286;

    font-weight: 500;

  }

  

  .sign-up-area .contact-form-action .form-heading .reset-desc {

    line-height: 30px;

    margin-top: 15px;

  }

  

  .sign-up-area .contact-form-action .form-heading .reset-desc a {

    color: #ff7c24;

  }

  

  .sign-up-area .contact-form-action .form-heading .reset-desc {

    font-size: 16px;

  }

  

  .sign-up-area .contact-form-action .form-heading .reset-desc a {

    font-weight: 600;

  }

  

  .sign-up-area .contact-form-action form .submit-btn {

    margin-top: 24px;

  }

  

  .sign-up-area .contact-form-action form .default-btn {

    font-size: 14px;

    padding: 12px 20px;

    background-color: transparent;

    margin-bottom: 30px;

  }

  

  .sign-up-area .contact-form-action form .default-btn::before {

    border-top: 10px solid transparent;

    border-left: 10px solid #ff7c24;

    border-bottom: 10px solid transparent;

    top: 10px;

  }

  

  .sign-up-area .contact-form-action form .default-btn:hover::before {

    border-top: 10px solid transparent;

    border-left: 10px solid #ffffff;

    border-bottom: 10px solid transparent;

    top: 10px;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(2) .default-btn {

    border-color: #3b5998;

    color: #3b5998;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(2) .default-btn::before {

    border-left: 10px solid #3b5998;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(2) .default-btn:hover {

    color: #ffffff;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(2) .default-btn:hover::before {

    border-left: 10px solid #ffffff;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(2) .default-btn:hover::after {

    background-color: #3b5998;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(3) .default-btn {

    border-color: #1da1f2;

    color: #1da1f2;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(3) .default-btn::before {

    border-left: 10px solid #1da1f2;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(3) .default-btn:hover {

    color: #ffffff;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(3) .default-btn:hover::before {

    border-left: 10px solid #ffffff;

  }

  

  .sign-up-area .contact-form-action form .col-lg-4:nth-child(3) .default-btn:hover::after {

    background-color: #1da1f2;

  }

  

  .sign-up-area .contact-form-action form .reset-btn {

    margin-top: 0;

  }

  

  .sign-up-area .contact-form-action form .form-condition {

    margin-bottom: 20px;

  }

  

  .sign-up-area .contact-form-action form .form-condition .agree-label {

    font-weight: 600;

  }

  

  .sign-up-area .contact-form-action form .form-condition .agree-label a {

    color: #ff7c24;

  }

  

  .sign-up-area .contact-form-action form .form-group {

    margin-bottom: 30px;

  }

  

  .sign-up-area .contact-form-action .account-desc {

    margin-top: -8px;

    font-weight: 600;

  }

  

  .sign-up-area .contact-form-action .account-desc a {

    color: #ff7c24;

    margin-left: 10px;

    font-weight: 600;

  }

  

  .sign-up-area .contact-form-action #chb1 {

    position: relative;

    top: 1px;

  }

  

  .sign-up-area .contact-form-action #chb2 {

    position: relative;

    top: 1px;

  }

  

  .sign-up-area .contact-form-action .forget {

    float: right;

    color: #ff7c24;

    font-weight: 600;

  }

  

  .sign-up-area .contact-form-action .now-register {

    font-weight: 600;

    float: right;

  }

  

  .sign-up-area .contact-form-action .now-register a {

    color: #ff7c24;

  }

  

  .sign-up-area .contact-form-action .now-log-in {

    color: #ff7c24;

    font-weight: 600;

  }

  

  .sign-up-area .contact-form-action .now-log-in .font-q {

    font-weight: 600;

  }

  

  /* Global Location Area Style

  =====================================================*/

  .global-location-area .single-location {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    text-align: center;

    border-radius: 4px;

    position: relative;

    z-index: 1;

    margin-bottom: 30px;

  }

  

  .global-location-area .single-location::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background-color: #ff7c24;

    border-radius: 4px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: -1;

  }

  

  .global-location-area .single-location a {

    color: #ff7c24;

    padding: 25px;

  }

  

  .global-location-area .single-location a i {

    font-size: 20px;

    display: inline-block;

    margin-right: 5px;

    position: relative;

    top: 3px;

  }

  

  .global-location-area .single-location a span {

    font-size: 16px;

    font-weight: 600;

  }

  

  .global-location-area .single-location:hover a {

    color: #ffffff;

  }

  

  .global-location-area .single-location:hover::before {

    width: 100%;

  }

  

  /* 

  Address Area Style

  ======================================================*/

  .single-address {

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);

    text-align: center;

    padding: 30px;

    position: relative;

    z-index: 1;

    margin-bottom: 30px;

  }

  

  .single-address::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background-color: #ff7c24;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-address i {

    font-size: 30px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    background-color: #ff7c24;

    border-radius: 50%;

    margin-bottom: 15px;

    color: #ffffff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-address h3 {

    margin-bottom: 10px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-address a {

    display: block;

    color: #7a7e9a;

    margin-bottom: -8px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-address span {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-address p {

    margin-bottom: -8px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

  }

  

  .single-address:hover::before {

    width: 100%;

  }

  

  .single-address:hover i {

    background-color: #ffffff;

    color: #ff7c24;

  }

  

  .single-address:hover h3 {

    color: #ffffff;

  }

  

  .single-address:hover span {

    color: #ffffff;

  }

  

  .single-address:hover a {

    color: #ffffff;

  }

  

  .single-address:hover p {

    color: #ffffff;

  }

  

  /*

  Contact Area Style

  =====================================================*/

  .contact-area .contact-wrap {

    max-width: unset;

  }

  

  .contact-area .contact-wrap .section-title {

    text-align: center !important;

    max-width: 600px;

  }

  

  .contact-area .contact-wrap .section-title h2 {

    margin-bottom: 10px;

  }

  

  .contact-area .contact-wrap .form-group {

    margin-bottom: 30px;

  }

  

  .contact-area .contact-wrap .default-btn {

    margin: auto;

    display: table;

    cursor: pointer;

    background-color: transparent;

  }

  

  .contact-area .contact-wrap .contact-form {

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

            box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

    padding: 40px;

  }

  

  .list-unstyled {

    color: #dc3545;

  }

  

  .contact-map-area iframe {

    height: 500px;

    width: 100%;

    border: none;

    display: block;

  }

  

  /*

  Road Transfort Area Style

  =====================================================*/

  .road-transfort {

    margin-top: 30px;

    margin-bottom: 30px;

  }

  

  .road-transfort .owl-next {

    position: absolute;

    top: 50%;

    right: 30px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  

  .road-transfort .owl-next i {

    background-color: #ff7c24;

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 26px;

    border-radius: 4px;

  }

  

  .road-transfort .owl-next i:hover {

    background-color: #ff7c24 !important;

  }

  

  .road-transfort .owl-prev {

    position: absolute;

    top: 50%;

    left: 30px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  

  .road-transfort .owl-prev i {

    background-color: #ff7c24 !important;

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 26px;

    border-radius: 4px;

  }

  

  .road-transfort .owl-prev i:hover {

    background-color: #ff7c24 !important;

  }

  

  .road-transfort .owl-theme .owl-nav {

    margin-top: 0 !important;

  }

  

  .road-transfort .owl-theme .owl-nav [class*=owl-]:hover {

    background-color: transparent;

  }

  

  .service-faq-main {

    margin-top: 30px;

    margin-bottom: 30px;

  }

  

  .service-faq-main .faq-area .faq-accordion .accordion .accordion-item {

    padding-left: 0;

  }

  

  .service-faq-main .faq-area .faq-accordion .accordion .accordion-title {

    font-weight: 400;

  }

  

  .service-faq-main .faq-area .faq-accordion .accordion .accordion-content {

    font-size: 14px;

    font-weight: 400;

  }

  

  .service-faq-main ul {

    margin-top: 0 !important;

  }

  

  /*

  Careers Area Style

  =====================================================*/

  .careers-img {

    background-image: url(../img/over-view-img.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

  }

  

  .office-map-area.office-map-area-two {

    padding-top: 170px;

    padding-bottom: 100px;

  }

  

  /* storage page */

  

  .innerbanner{

    background: url('../img/banner/main_banner.jpg') no-repeat;

    background-size: cover;

    background-repeat: no-repeat;

  }

  .bannerHead{

    padding: 12% 0;text-align: center;color: #fff;

  }

  .bannerHead h1{color: #fff;

  font-size: 42px;margin-bottom: 0;

  }

  .cardlinkimg{

    margin-top: 30px;

    position: relative;padding: 20px;

  }

  .cardlinkimg img{

    border-radius: 10px;

  }

  .cardlinkimg:hover img{

    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)

  }

  .linktitle {

    position: absolute;

    bottom: 50px;

    left: 50px;right: 50px;

  }

  .linktitle h3{

    font-size: 32px;color: #fff;padding-bottom: 10px;

  }

  .underline{

  position: relative;

  }

  .underline::after {

    content: '';

    position: absolute;

    width: 50%;

    left: 0;

    height: 2px;

    background: var(--orange);

    bottom: 0;transition: all .3s ease-in-out;

  }

  .cardlinkimg:hover .underline::after{

    width: 80%;

  }

  .storbgtxtt{

    background: #ffefd8;

    padding: 50px;border-radius: 10px;margin-top: 50px;

  }

  /* storage page */

  

  

  

  

  

  /* ========

  services page 

  ===========*/

  

  .txtimgrow{

    display: -webkit-box;display: flex;border-radius: 10px;overflow: hidden;margin: 30px 0;

  }

  .txtwleft{

    width: 50%;background: var(--orange);

  }

  .imgwright{

    width: 50%;

  }

  .storcard-img {

    margin-bottom: 20px;

    padding-bottom: 15px;

  }

  .storcard h5 {

    font-size: 18px;

  }

  .storcard:hover .underline::after{

    width: 70%;

  }

  .contentsec h4{font-size: 26px;margin-bottom:20px}

  .contentsec h5{font-size: 26px;color: var(--orange);margin-bottom:20px}

  .ptb-50 {

    padding: 50px 0;

  }

  .txtwleft ul,.strlst{padding: 40px;}

  .txtwleft ul li,.strlst li{

    padding: 7px 0;color: #fff;font-size: 18px;position: relative;padding-left: 25px;

  }

  .txtwleft ul li::before,.strlst li:before{

    content: '';

    width: 10px;height: 10px;background: #fff;position: absolute;left: 0;top: 15px;

    transform: rotate(45deg);;

  }

  .txtright{padding-left: 30px;}

  p{font-size: 18px;}

  

  /* ========

  services page 

  ===========*/

  

  

  /* ==========

      faq

  ============*/

  .faqrow {

    margin-top: 30px;

  }

  .collhead{

    background: #f3f3f3;padding: 15px;border-left: 4px solid var(--orange);

    margin-bottom: 0;font-size: 28px;cursor: pointer;position: relative;

    display: flex;align-items: center;

  }

  .collhead span{

    color: var(--orange);font-size: 42px;

  }

  .collhead i{

  position: absolute;right: 15px;

  background: #959595;

  color: #fff;

  border-radius: 5px;

  }

  .collbody{

    background: #f9f9f9;border-left: 4px solid #959595;padding: 20px;

  }

  .collapse.collapse-active {

    display: block;

  }

  

  /* ==========

      faq

  ============*/

  /* ==========

      about

  ============*/

  

  .txtleft {

    padding-right: 30px;

  }

  .strlst{background: var(--lorange);margin-top: 50px;}

  .strlst li{color: #000;}

  .strlst li:before{background: var(--orange);}

  .strlst h4 span{color: var(--orange);border-bottom: 1px solid var(--orange);

  margin-bottom: 20px;padding-bottom: 15px;display: inline-block;

  }

  .linktitle-sm h3{font-size: 18px;}

  

  /* ==========

      about

  ============*/

  

  

  /* ==========

      review page

  ============*/

  

  .media{display: flex;align-items: center;}

  .revimg_row{display: flex;justify-content: space-between;margin-bottom: 30px;}

  .star ul{display: flex;}

  .star .fill,.bxs-smile{color: #ffbe40;}

  .star i{font-size: 22px;}

  .star .blank{

    color: #909090;

  }

  .star .bxs-smile{margin-left: 10px;font-size: 30px;margin-top: -4px;}

  .rev_card .media-img{

    width: 80px;height: 80px;border-radius: 50%;overflow: hidden;

    margin-right: 20px;

  }

  .rev_card .media-img img{

    height: 100%;object-fit: cover;width: 100%;

  }

  .rev_card .media h4{font-size: 20px;margin-bottom: 0;}

  .rev_card .media p{font-size: 14px;color: #909090;}

  .rev_card{

    border: 2px solid #e8e8e8;

    background: #fff;

    padding: 40px;border-radius: 10px;margin-top: 40px;

  }

  .rev_card:hover{

    border-color: var(--orange);

  }

  .loadbtn{text-align: center;margin-top: 40px;}

  .loadbtn a{

    color: var(--orange);font-size: 22px;font-weight: bold;

  }

  .txtOrange{color: var(--orange);}

  .footcall{background: var(--orange);}

  .footc_row{

    display: flex;align-items: center;

    flex-wrap: nowrap;justify-content: space-between;padding: 50px 0;

  }

  .footc_row h3{margin-bottom: 0;color: #fff;font-size: 30px;}

  .footc_row a{font-size: 40px;color: #fff;font-weight: bold;}

  .footc_row a i{display: inline-block;border: 1px solid;border-radius: 50%;padding: 5px;}

  /* ==========

      review page

  ============*/

  

  

 /* ==========



    career page



============*/







.abtcard{margin-top: 30px;padding: 20px;}



.abtcard:hover{



  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);border-radius: 10px;



}



.abtcard h5{font-size: 20px;color: var(--orange);border-bottom: 2px solid var(--orange);



padding-bottom: 10px;margin: 20px 0;



}



.abtcard p{font-size: 18px;}



.positionTab{justify-content: center;margin-top: 40px;}



.positionTab .nav-link{



  color: #000;font-size: 22px;



background: transparent;border-radius: 0;border-bottom: 2px solid transparent;



}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link{



  color: var(--orange);background: transparent;border-bottom: 2px solid var(--orange);



}



.posname_row {



  display: flex;



  justify-content: space-between;align-items: center;



}



.posname_row .btn{border-radius: 30px;background: #fff;color: #909090;border:2px solid #909090;font-weight: 500;}



.posname_row .btn:hover{color: #fff;background: var(--orange);border-color: var(--orange);}



.posname_row h4{margin-bottom: 0;}



.posname_row p{color: #909090;}



.posname_row {border-bottom: 1px solid #dfdcdc;padding-bottom: 10px;margin-top: 70px;}



/* ==========



    career page



============*/





/* ==========

    contact page

============*/

.contul{margin-top: 30px;}

.contul li a {

  color: #000;

  font-size: 16px;

  font-weight: 500;

  display: inline-flex;

  align-items: center;padding: 5px 0;

}

.contul li i {

  color: var(--orange);

  font-size: 20px;

  margin-right: 10px;

}

.chat_media{

  border: 1px solid var(--orange);

  text-align: center;border-radius: 5px;

  padding: 40px;margin-top: 40px;justify-content: center;

}

.chat_media h4{margin-bottom: 20px;}

.chat_media .media-body{margin-left: 30px;text-align: center;}

.conform{

  background: var(--orange);padding: 40px;border-radius: 5px;

}

.conform h3{font-size: 36px;color: #fff;margin-bottom: 20px;}

.conform .form-control,.conform .form-control::placeholder{

  color: #fff;border-color: #fff;

}

.conform textarea.form-control{

height: 230px;resize: none;

}



@media(max-width:991px){

  .chat_media{margin-bottom: 40px;}

}

/* ==========

    contact page

============*/

/* ==========
    news-list page start
============*/

.ntab_head .btn-orange{background: var(--light);margin: 10px;
  margin: 10px;
  color: #565656;
  font-weight: bold;
  font-size: 16px;
  padding: 18px 30px;
}
button.btn-orange.active{background: var(--orange);color: var(--white);}
.ntab_head {
  margin-top: 40px;
}
.ntab_body {
  margin-top: 50px;
}
.ntab_body .mainHeading h2{margin-bottom: 0;}
.ncard{border-radius: 5px;overflow: hidden;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
margin-top: 30px;
}
.ncard_body{background: var(--white);
padding: 20px;
}
.ncard_body h4{font-size: 20px;}
.ncard_foot {
  display: flex;
  justify-content: space-between;margin-top: 30px;
}
.ndt{font-size: 16px;color: #777;}
.nlink{color: var(--orange);font-size: 16px;}
.btnOutline{border: 1px solid;}
.nimg {
  height: 260px;
  overflow: hidden;
}
.nimg img{height: 100%;object-fit: cover;width: 100%;}

.ndleft {padding-right: 60px;}
.ndleft .mainHeading{text-align: left;}
.ndleft h2{margin-bottom: 10px;}
.ndleft .posdt{color: #999;}
.ndetimg{margin-top: 30px;margin-bottom: 40px;border-radius: 10px;
  overflow: hidden;
}
.ndetimg img{width: 100%;}
.nsubhed {
  margin-top: 40px;margin-bottom: 15px;
}
h2.nsubhed{color: var(--orange);}
h3.nsubhed,h4.nsubhed{font-size: 24px;}
.ndright{
  position: sticky;top: 100px;
}
.ncat h2{font-size: 26px;color: var(--orange);margin-bottom: 20px;}
.ncat ul li a{color: #000;display: inline-block;padding: 3px 0;font-size: 18px;
  transition: all .3s ease-in-out;
}
.ncat ul li a:hover{color: var(--orange);padding-left: 5px;}
.ncatimg{margin-top: 30px;}
.boxbnr .bannerHead{
  max-width: 35%;
  margin: auto;
}
.boxbnr .bannerHead h2{margin-bottom: 0;}
.boxbnr .bannerHead h1{color: var(--orange);}
.boxbnr .bannerHead h3{font-size: 24px;}
.boxbnr .bannerHead p{color: #000;}
.movbox{position: relative;}
.rightbx{background: #f7f7f7;padding-left: 30px;}
.rightbx::after {
  content: '';
  background: #f7f7f7;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
}
.leftfltbx,.rightbx{padding-top: 80px;padding-bottom: 80px;}
.mvbxhed {
  display: flex;
  justify-content: space-between;margin-bottom: 20px;
}
.mvcimg {
  height: 200px;
  overflow: hidden;margin-bottom: 20px;
}
.mvcimg img{width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.mvbxhed h3{font-size: 24px;}
.mvbxhed a{color: var(--orange);}
.mvcard{background: var(--white);
margin: 1px;padding: 20px;
}
.mvbxright .row{margin-left: 0;margin-right: 0;}
.mvbxright [class^=col-]{padding: 0;background: #ddd;}
.mvbxright [class^=col-]:hover{background: var(--orange);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)}
.mvbxright [class^=col-]:nth-child(1) .mvcard,.mvbxright [class^=col-]:nth-child(2) .mvcard{border-right: none;}
.btn_sm_orange {
  background: var(--orange);
  color: #fff;
  padding: 4px 15px;
  border-radius: 20px;
  font-size: 14px;
}
.bxfoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.itnum {
  /*display: flex;
  align-items: center;
  width: 80px;background: #ffefd8;
  border-radius: 20px;*/
  justify-content: center;
}
.itnum span{
  cursor: pointer;font-size: 20px;
  font-weight: bold;color: var(--orange);
}
.addc {
  width: 50%;
  text-align: right;
}
.itnum input{
  width: 40px;
  border: none;font-weight: bold;    outline: none;
  text-align: center;background: transparent;color: var(--orange);
}
.mvcbody h5 {
  font-size: 16px;margin-bottom: 5px;
}
.mvcbody p{font-size: 14px;font-weight: normal;}
.bcprz strong {
  color: var(--orange);
}
.subprice {
  font-size: 13px;
  font-weight: normal;
  color: #777;
}
.cartItms{margin-top: 50px;}
.moregrt{border-top: 1px solid #ddd;}
.morcrd{margin-top: 30px;padding: 20px;}
.morcrd_body h4{font-size: 22px;font-weight: bold;margin-top: 30px;padding-bottom: 20px;margin-bottom: 20px;}
.morcrd_body p{font-size: 16px;min-height: 160px;}
.morcrd_body a{color: var(--orange);font-size: 16px;text-decoration: underline;font-weight: bold;transition: all .2s linear;}
.morcrd_body a:hover{opacity: .7;padding-left: 5px;}
.qutxt small{
  font-size: 20px;
  line-height: 30px;
  display: block;
  margin-top: 20px;
}

/* shop-details */
.maylike .mvcard{
  margin-top: 30px;
}
#prodmain{margin-bottom: 10px;
background: #fff;
}
.prodslide_txt {
  padding-left: 30px;
}
.ofr{font-size: 18px;display: inline-block;background: var(--orange);color: var(--white);
  padding: 2px 20px;
}
.prodmain_hed{font-size: 36px;margin-top: 20px;font-weight: bold;}
.prodslide_txt h5{color: #777;font-weight: normal;}
.prodslide_txt .bcprz{margin-top: 20px;}
.prodslide_txt .bcprz h6{font-size: 28px;font-weight: bold;}
.prodslide_txt .bcprz .subprice{font-size: 20px;font-weight: bold;}
.prodslide_txt .bxfoot{width: 330px;margin-top: 40px;}
.prosummary h5{color: #000;font-size: 20px;font-weight: bold;border-bottom: 1px solid #ddd;margin-top: 35px;padding-bottom: 15px;text-transform: uppercase;}
.prosummary ul{margin: 20px 0;}
.prosummary ul li{list-style: disc;color: #000;font-weight: bold;font-size: 16px;margin-left: 20px;padding: 2px;}
.prosummary ul li::marker{color: var(--orange);}
.prodslide_txt .itnum span,.prodslide_txt .itnum input{font-size: 26px;}
.itnum{/*width: 110px;border-radius: 50px;*/}
.prodslide_txt .btn_sm_orange {
  padding: 10px 25px;
  font-size: 20px;font-weight: bold;
  border-radius: 50px;
  text-align: center;
}

#prodmain_thumbs .owl-item{
border: 2px solid transparent;
}
#prodmain_thumbs .owl-item.active.current{border-color: var(--orange);}


@media(max-width:991px){
  .ntab_head .btn-orange {
    font-size: 14px;
    padding: 5px 10px;
    margin: 5px;
    font-weight: normal;
  }
  .ncatg,.detl  {padding-top: 90px;}
  .ntab_head {
    margin-top: 20px;
  }
  .ntab_body {
    margin-top: 30px;
  }
  .ncard_body h4{font-size: 16px;}
  .ndleft{padding-right: 0;}
  .ndright{margin-top: 50px;}
  .ndright img{width: 100%;}

  .boxbnr .bannerHead{max-width: 100%;}
  .movbox .ndright{margin-top: 0;}
  .rightbx{background: #fff;}
  .rightbx::after{content: '';background: none;}
  .morcrd_img img{max-width: 50%;}
  .leftfltbx,.rightbx{padding-top: 40px;padding-bottom: 40px;}
  .rightbx{padding-left: 15px;padding-top: 0;}
  .prodslide {
    margin: 50px 0;
  }
  .prodmain_hed{font-size: 26px;}
  .prodslide_txt h5{font-size: 16px;}
  .prodslide_txt .bcprz h6{font-size: 22px;}
  .prodslide_txt .bcprz .subprice{font-size: 16px;}
  .itnum span, .itnum input{font-size: 20px;}
  .prodslide_txt .btn_sm_orange{font-size: 16px;}
  .prodslide_txt{padding-left: 0;}
  .prodslide_txt .bxfoot{margin-top: 20px;}
}

@media(max-width:768px){
  .morcrd_body p{min-height: auto;}
  .cartItms {
    margin-top: 40px;
  }
}

@media(min-width:768px) and (max-width:991px){
  .bxfoot {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .addc {
    width: 80%;
    text-align: center;
    margin-top: 10px;
  }
  .morcrd_body p{max-height: 130px;}
}

@media(min-width:992px) and (max-width:1300px){
  .btn_sm_orange{font-size: 12px;}
  .morcrd_img img{max-width: 65%;}
  .morcrd_body h4{height: 78px;}
  .itnum span{font-size: 18px;}
}

/* ==========
    news-list page end
============*/