@charset "UTF-8";
/*
*******************************************
*******************************************

Template Name: gauto
Template URL: https://themescare.com/demos/gauto-preview
Description: 
Author: Themescare
Author URL: https://themeforest.net/user/themescare
Version: 1.0

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below >>>>

*** SEARCH EACH SECTION AS IT COMMENTS, YOU WILL GET THE RIGHT SECTION.

*******************************************
*******************************************

==== CSS INDEX

01 - IMPORTED CSS
02 - DEFAULT CSS
03 - RESPONSIVE CSS
04 - PAGINATION CSS
05 - BREADCROMB CSS
06 - BTN TOP CSS
07 - HEADER TOP CSS
08 - MAIN HEADER CSS
09 - MAINMENU CSS
10 - MAIN SLIDER CSS
11 - FIND AREA CSS
12 - ABOUT AREA CSS
13 - SERVICE AREA CSS
14 - PROMO AREA CSS
15 - HOT OFFERS AREA CSS
16 - TESTIMONIAL AREA CSS
17 - DRIVER AREA CSS
18 - CALL AREA CSS
19 - BLOG AREA CSS
20 - FOOTER AREA CSS
21 - ABOUT PAGE CSS
22 - SERVICE DETAILS CSS
23 - CAR LISTING CSS
24 - CAR BOOKING CSS
25 - GALLERY CSS
26 - PRODUCT PAGE CSS
27 - PRODUCT DETAILS PAGE CSS
28 - CART PAGE CSS
29 - CHECKOUT PAGE CSS
30 - BLOG DETAILS PAGE CSS
31 - NOTFOUND PAGE CSS
32 - LOGIN PAGE CSS
33 - CONTACT PAGE CSS


*/
/*================================================
01 - IMPORTED CSS
==================================================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i&display=swap");
/*================================================
02 - DEFAULT CSS
==================================================*/
body {
  font-size: 16px;
  line-height: 26px;
  font-style: normal;
  color: #575757;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

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

p {
  margin: 0;
}

.no-pad-left {
  padding-left: 0;
}

.no-pad-right {
  padding-right: 0;
}

.no-pad-all {
  padding: 0;
}

.fix {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a {
  transition: all 0.4s ease 0s;
  color: #6b739c;
}
a:focus {
  text-decoration: none;
  outline: medium none;
  color: inherit;
}
a:hover {
  color: inherit;
  text-decoration: none;
  color: inherit;
}

input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: medium none;
}

:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder,
:-ms-select-placeholder,
::-webkit-select-placeholder,
:-ms-textarea-placeholder,
::-webkit-textarea-placeholder {
  color: #7c8a97;
  text-transform: capitalize;
}

tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

.gauto-btn,
button.gauto-theme-btn {
  color: #fff;
  background: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  position: relative;
  margin: 1em;
  display: inline-block;
  padding: 8px 15px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.gauto-btn:before, .gauto-btn:after {
  content: "";
  display: block;
  position: absolute;
  border-color: #ffffff;
  box-sizing: border-box;
  border-style: solid;
  width: 1em;
  height: 1em;
  transition: all 0.3s ease-in-out;
}

button.gauto-theme-btn:before, button.gauto-theme-btn:after {
  content: "";
  display: block;
  position: absolute;
  border-color: #0A2F5C;
  box-sizing: border-box;
  border-style: solid;
  width: 1em;
  height: 1em;
  transition: all 0.3s ease-in-out;
}

.gauto-btn:before,
button.gauto-theme-btn:before {
  top: -6px;
  left: -6px;
  border-width: 2px 0 0 2px;
  z-index: 5;
}

.gauto-btn:after,
button.gauto-theme-btn:after {
  bottom: -6px;
  right: -6px;
  border-width: 0 2px 2px 0;
}

.gauto-btn:hover:before, .gauto-btn:hover:after {
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-color: #0A2F5C;
}

button.gauto-theme-btn:hover:before, button.gauto-theme-btn:hover:after {
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-color: #0A2F5C;
}

.gauto-btn:hover {
  color: #fff;
  background-color: #0A2F5C;
  border-color: #0A2F5C;
}

button.gauto-theme-btn {
  color: #0A2F5C;
  background: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #0A2F5C;
  position: relative;
  display: block;
  padding: 8px 15px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  margin: 0;
  width: 100%;
}
button.gauto-theme-btn:hover {
  color: #fff;
  background-color: #0A2F5C;
  border-color: #0A2F5C;
}
button.gauto-theme-btn:before, button.gauto-theme-btn:after {
  content: "";
  display: block;
  position: absolute;
  border-color: #0A2F5C;
  box-sizing: border-box;
  border-style: solid;
  width: 1em;
  height: 1em;
  transition: all 0.3s ease-in-out;
}

.gauto-btn:before,
button.gauto-theme-btn:before {
  top: -6px;
  left: -6px;
  border-width: 2px 0 0 2px;
  z-index: 5;
}

.gauto-btn:after {
  bottom: -6px;
  right: -6px;
  border-width: 0 2px 2px 0;
}

button.gauto-theme-btn:after {
  bottom: -6px;
  right: -6px;
  border-width: 0 2px 2px 0;
}
button.gauto-theme-btn:hover:before, button.gauto-theme-btn:hover:after {
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-color: #0A2F5C;
}

.gauto-btn:hover,
button.gauto-theme-btn:hover {
  color: #fff;
  background-color: #0A2F5C;
  border-color: #0A2F5C;
}

.site-heading {
  margin-bottom: 30px;
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.site-heading h4 {
  font-size: 20px;
  color: #0A2F5C;
  margin-bottom: 10px;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  font-family: "Rubik", sans-serif;
}
.site-heading h2 {
  font-size: 40px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.section_100 {
  padding: 100px 0;
}

.section_70 {
  padding: 70px 0;
}

.section_50 {
  padding: 50px 0;
}

.section_15 {
  padding: 15px 0;
}

.pad-right {
  padding-right: 0;
}

.section_t_100 {
  padding-top: 100px;
}

.section_b_70 {
  padding-bottom: 70px;
}

.section_70 {
  padding: 70px 0;
}

.section_b_80 {
  padding-bottom: 80px;
}

/*================================================
03 - RESPONSIVE CSS
==================================================*/
.gauto-responsive-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
  z-index: 999999;
}

.slicknav_nav a {
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  transition: all 0.4s ease 0s;
  color: #000;
}

.slicknav_menu {
  background: transparent;
}

.slicknav_menutxt {
  display: none !important;
}

.slicknav_arrow {
  float: right;
  color: #0A2F5C;
}

.slicknav_nav {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #0A2F5C;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.19);
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
  border-radius: 0;
}
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
  background: #0A2F5C none repeat scroll 0 0;
  color: #fff;
}
.slicknav_nav a:hover .slicknav_arrow,
.slicknav_nav a:hover a {
  color: #fff;
}
.slicknav_nav li {
  border-bottom: 1px solid #ddd;
}
.slicknav_nav li.hide-desktop, .slicknav_nav li:last-child {
  border-bottom: 0px solid #ddd;
}

.slicknav_btn {
  background-color: transparent !important;
  line-height: 0;
  margin-right: 0px;
  margin-top: -18px;
  float: left;
}

.slicknav_menu .slicknav_icon {
  float: none !important;
  margin: 0;
}

.slicknav_icon-bar {
  height: 3px !important;
  margin: 5px 0;
  width: 30px !important;
}

.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}

.gauto-header-area.stick-top.sticky .slicknav_menu .slicknav_icon-bar, .gauto-header-area.home-3-page .slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}

/*================================================
04 - PAGINATION CSS
==================================================*/
.pagination-box-row {
  text-align: left;
}
.pagination-box-row p {
  display: inline-block;
  font-size: 15px;
  color: #444;
  margin-right: 15px;
}

.pagination {
  margin-top: 50px;
  text-align: center;
  float: none;
  display: inline-block;
}
.pagination li {
  display: inline-block;
  margin-right: 5px;
}
.pagination li:last-child {
  margin-right: 0;
}
.pagination li a {
  display: block;
  width: 35px;
  height: 35px;
  font-size: 15px;
  line-height: 35px;
  border-radius: 5px;
  color: #111;
  font-weight: 500;
}
.pagination li.active a,
.pagination li a:hover {
  background: #101010 none repeat scroll 0 0;
  color: #fff;
}

/*================================================
05 - BREADCROMB CSS
==================================================*/
.gauto-breadcromb-area {
  background: url(../img/breadcromb.jpg) no-repeat fixed 0 0/cover;
  position: relative;
  z-index: 1;
}
.gauto-breadcromb-area:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.72) none repeat scroll 0 0;
  z-index: -1;
}

.breadcromb-box {
  text-align: center;
}
.breadcromb-box h3 {
  font-size: 40px;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.breadcromb-box li {
  display: inline-block;
  margin: 0 2px;
  color: #fff !important;
  font-size: 16px;
}
.breadcromb-box li a {
  color: #fff;
}
.breadcromb-box li i {
  color: #0A2F5C;
}

/*================================================
06 - BTN TOP CSS
==================================================*/
.btntoTop {
  background-color: #0A2F5C;
  border: 2px solid #0A2F5C;
  border-radius: 5px;
  bottom: 70px;
  cursor: pointer;
  height: 50px;
  line-height: 47px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: fixed;
  right: 20px;
  text-align: center;
  transition: opacity 0.4s ease 0s;
  width: 50px;
  z-index: 99999;
}
.btntoTop:before {
  color: #fff;
  content: "＾";
  display: inline-block;
  font: 20px "FontAwesome";
  vertical-align: middle;
}
.btntoTop.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all 0.4s ease 0s;
}
.btntoTop.active:hover {
  background: #212121 none repeat scroll 0 0;
  border: 2px solid #cb2415;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.btntoTop.active.btntoTop:hover:before {
  color: #fff;
}

/*================================================
07 - HEADER TOP CSS
==================================================*/
.gauto-header-top-area {
  background: #020202 none repeat scroll 0 0;
  color: #eee;
  margin-bottom: 10px;
}

.header-top-left {
  position: relative;
  z-index: 1;
  padding: 10px 0;
}
.header-top-left:before {
  position: absolute;
  background: #0A2F5C none repeat scroll 0 0;
  content: "";
  top: 0;
  right: 37%;
  width: 2030px;
  height: 120%;
  transform: skewX(45deg);
  z-index: -1;
}

.header-top-right {
  text-align: right;
  padding: 10px 0;
}

.header-top-left p {
  position: relative;
  top: 5px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.header-top-left p i {
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  background: #fff none repeat scroll 0 0;
  color: #0A2F5C;
  border-radius: 50%;
  margin: 0 2px;
}

.header-top-right > .dropdown {
  display: inline-block;
}
.header-top-right > .dropdown button {
  background: transparent;
  color: #eee;
  border: medium none;
  padding: 0;
  cursor: pointer;
}
.header-top-right > .dropdown .dropdown-menu.show {
  border-radius: 0;
  border: medium none;
  background: #020202 none repeat scroll 0 0;
  color: #fff;
  margin: 0;
  left: auto !important;
  right: 0;
  padding: 0;
  min-width: 130px;
  transition: all 0.4s ease 0s;
}
.header-top-right > .dropdown .dropdown-menu li {
  padding: 5px 10px;
  border-bottom: 1px solid #444;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.header-top-right > .dropdown .dropdown-menu li:hover {
  background: #2e2e2e none repeat scroll 0 0;
}
.header-top-right > .dropdown .dropdown-menu li img {
  margin-right: 5px;
}
.header-top-right > a {
  color: #eee;
  text-transform: capitalize;
  margin-right: 13px;
}

/*================================================
08 - MAIN HEADER CSS
==================================================*/
.gauto-main-header-area {
  position: relative; /* 非必要，但保險 */
  z-index: 1;
  padding: 15px 0;
}
.gauto-main-header-area .site-logo {
  display: flex;
  align-items: center;
}
.gauto-main-header-area .site-logo h1 {
  font-size: 1.5rem;
  margin-left: 1rem;
  color: black;
}
.gauto-main-header-area .site-logo img {
  width: 60px;
}

.header-promo {
  display: flex;
  justify-content: end;
  align-content: center;
  align-items: center;
}

.single-header-promo {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}

.header-promo-icon {
  font-size: 45px;
  margin-right: 10px;
}

.header-promo-info {
  color: #555;
}
.header-promo-info h3 {
  font-size: 20px;
  line-height: 30px;
  color: #001238;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.header-action {
  text-align: right;
}
.header-action a {
  display: inline-block;
  text-align: center;
  padding: 10px 25px 10px 0px;
  background: #0A2F5C none repeat scroll 0 0;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.header-action a:before {
  position: absolute;
  background: #0A2F5C none repeat scroll 0 0;
  content: "";
  top: 0;
  left: -25px;
  width: 35%;
  height: 100%;
  transform: skewX(45deg);
  z-index: -1;
}
.header-action a i {
  margin-right: 2px;
}

/*================================================
09 - MAINMENU CSS
==================================================*/
.gauto-mainmenu-area {
  background: #0d0d0d none repeat scroll 0 0;
  border-bottom: 3px solid #363636;
  position: sticky;
  top: 0;
  z-index: 200000;
}

.mainmenu ul {
  text-align: left;
}
.mainmenu ul li {
  display: inline-block;
  position: relative;
}
.mainmenu ul li a {
  color: #eee;
  display: block;
  padding: 20px 12px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.mainmenu ul li:hover > a, .mainmenu ul li.active > a {
  background: #0A2F5C;
  color: #ffffff;
}
.mainmenu ul li ul {
  position: absolute;
  top: 120%;
  left: 0;
  width: 180px;
  background: #fff none repeat scroll 0 0;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.3s ease 0s;
}
.mainmenu ul li:hover ul {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  top: 100%;
}
.mainmenu ul li ul li {
  display: block;
  border-bottom: 1px solid #eee;
}
.mainmenu ul li ul li:last-child {
  border-bottom: 0px solid #eee;
}
.mainmenu ul li ul li a {
  color: #001238;
  padding: 10px 15px;
  display: block;
  font-size: 14px;
}
.mainmenu ul li ul li a:hover {
  padding-left: 20px;
}

@media (max-width: 768px) {
  .mainmenu ul ul li a {
    padding: 0 !important;
  }
}
.main-search-right {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
}

.header-cart-box #dropdownMenu1 {
  border: medium none;
  background: url(../img/icon-cart.png) no-repeat scroll 0 0;
  cursor: pointer;
}
.header-cart-box #dropdownMenu1 > span {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #0A2F5C none repeat scroll 0 0;
  font-size: 10px;
  line-height: 20px;
  color: #fff;
  border-radius: 50%;
  right: -10px;
  top: -11px;
}

.cart-icon.dropdown-toggle:after {
  visibility: hidden !important;
}

.search-box {
  width: 100%;
  margin-left: 20px;
}
.search-box form {
  position: relative;
  background: #1a1a1a none repeat scroll 0 0;
  height: 40px;
  width: 100%;
  border-radius: 20px;
}
.search-box form input {
  position: absolute;
  left: 0;
  width: 100%;
  border: medium none;
  background: transparent;
  padding: 5px 10px;
  height: 100%;
  color: #eee;
}
.search-box form button {
  position: absolute;
  right: 0;
  background: transparent;
  color: #eee;
  border: medium none;
  height: 100%;
  width: 22%;
  cursor: pointer;
}

.dropdown-menu.cart-dropdown {
  left: auto;
  min-width: 320px;
  right: 0;
  padding: 20px;
  border-radius: 0 !important;
  top: 80px;
  margin-top: -1px;
}

.login .dropdown {
  height: 80px;
  padding: 30px 0;
}

.header-cart-box .dropdown.show .cart-dropdown {
  left: auto !important;
  right: 0px !important;
  border-radius: 0px;
  padding: 20px 20px;
  min-width: 300px;
  margin-top: 45px;
  z-index: 99;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
  border: 3px solid #ddd;
  transform: translate3d(0px, 0px, 0px) !important;
}

.product-remove {
  float: right;
  font-size: 16px !important;
  color: #0A2F5C;
}

.cart-btn-pro-img {
  float: left;
  margin-bottom: 0;
  margin-right: 20px;
  width: 75px;
}
.cart-btn-pro-img > a {
  padding: 0 !important;
}

.cart-dropdown > ul.product_list > li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.cart-btn-pro-cont h4 {
  font-size: 17px;
  line-height: 30px;
  color: #001238;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
}
.cart-btn-pro-cont h4 a {
  font-size: 17px;
  line-height: 30px;
  color: #001238;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
}
.cart-btn-pro-cont p {
  color: #777;
  font-size: 14px;
}
.cart-btn-pro-cont span.price {
  color: #111;
  font-weight: 500;
}

.cart-subtotal p {
  color: #444;
  text-align: center;
  margin: 10px 0;
  font-size: 14px;
}
.cart-subtotal p span {
  color: #111;
  font-weight: 500;
  font-size: 16px;
}

.cart-btn {
  text-align: center;
  background: #020202 none repeat scroll 0 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  margin: 15px auto 0;
  transition: all 0.4s ease 0s;
}
.cart-btn a {
  display: inline-block;
  text-transform: uppercase;
  padding: 7px 15px;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
}
.cart-btn:after {
  position: absolute;
  content: "";
  width: 66%;
  height: 100%;
  background: #0A2F5C none repeat scroll 0 0;
  right: -36px;
  z-index: -1;
  transform: skewX(40deg);
  transition: all 0.4s ease 0s;
}
.cart-btn:hover {
  background: #0A2F5C none repeat scroll 0 0;
}
.cart-btn:hover:after {
  background: #020202 none repeat scroll 0 0;
}

/*================================================
10 - MAIN SLIDER CSS
==================================================*/
.gauto-slider-area {
  position: relative;
}

.slide-item-1 {
  background: url(../image/banner/1.jpg) no-repeat top/cover;
}

.slide-item-2 {
  background: url(../image/banner/1.jpg) no-repeat top/cover;
}

.gauto-main-slide {
  background-color: #eee;
  background-position: center center;
  background-size: cover;
  height: 640px;
}

.slider-content-holder {
  width: 100%;
  text-align: center;
}

.slider-text {
  width: 70%;
  text-align: left;
}

.gauto-main-caption {
  display: table;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.58) none repeat scroll 0 0;
}

.gauto-caption-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.slider-text h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 500;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-transform: capitalize;
  letter-spacing: 3px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Poppins", sans-serif;
}
.slider-text h2 span {
  color: #fff;
  font-style: italic;
  font-weight: 600;
}
.slider-text p {
  color: #fff;
  font-size: 26px;
  letter-spacing: 2px;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.gauto-slide .owl-nav > .owl-prev {
  visibility: hidden;
  transition: all 0.2s cubic-bezier(0.83, 0.8, 0.11, 0.64) 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.gauto-slide:hover .owl-nav > .owl-prev {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  left: 30px;
}
.gauto-slide .owl-nav > .owl-next {
  visibility: hidden;
  transition: all 0.2s cubic-bezier(0.83, 0.8, 0.11, 0.64) 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.gauto-slide:hover .owl-nav > .owl-next {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  right: 30px;
}
.gauto-slide .owl-prev {
  left: -30px;
  position: absolute;
  top: 45%;
}
.gauto-slide .owl-next {
  right: -30px;
  position: absolute;
  top: 45%;
}

/*================================================
11 - FIND AREA CSS
==================================================*/
.gauto-find-area {
  margin-top: -75px;
}

.find-box {
  background: #fff url(../img/find-box-bg.png) no-repeat scroll 0 0;
  padding: 30px;
  position: relative;
  z-index: 999;
  box-shadow: 3px 0 29px rgba(0, 0, 0, 0.26);
}

.find-text {
  margin-top: 32px;
}
.find-text h3 {
  color: #fff;
  font-size: 33px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  line-height: 40px;
}

.find-form p input {
  width: 100%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  height: 45px;
  color: #111;
  transition: all 0.4s ease 0s;
}
.find-form p input:focus {
  border: 2px solid #0A2F5C;
}
.find-form .nice-select {
  width: 100%;
  border: 2px solid #f0f0ff;
  height: 45px;
  transition: all 0.4s ease 0s;
  border-radius: 0;
}
.find-form .nice-select .list {
  top: 100%;
  left: 0px;
  margin: 0px;
  min-width: 100%;
  border-radius: 0px;
}
.find-form form p {
  margin: 15px 0;
}

.datepicker {
  z-index: 9999;
  border: 2px solid #f0f0ff;
  margin-top: -5px;
}
.datepicker .cell.day.selected, .datepicker .cell.month.selected, .datepicker .cell.year.selected, .datepicker .cell.decade.selected, .datepicker .cell.day:hover, .datepicker .cell.month:hover, .datepicker .cell.year:hover, .datepicker .cell.decade:hover {
  background: #ca3d26 none repeat scroll 0 0;
  color: #fff;
}

.popover.clockpicker-popover.bottom.clockpicker-align-left {
  border: 2px solid #f0f0ff;
}

.text-primary,
.clockpicker-popover .popover-title {
  color: #ef4836;
}

.datepicker .row.header a {
  margin: 0 3px;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 100%;
}
.datepicker .day {
  font-size: 14px;
  text-align: center;
}

.popover-title span {
  color: #ef4836;
}
.popover-title .text-primary {
  color: #111 !important;
}

.clockpicker input {
  font-size: 14px;
  color: #7c8a97;
}
.clockpicker input:focus {
  box-shadow: 0 0 0 rgba(0, 123, 255, 0.25);
  border: 2px solid #f0f0ff;
  border-radius: 0;
}

/*================================================
12 - ABOUT AREA CSS
==================================================*/
.about-left h4 {
  font-size: 20px;
  color: #0A2F5C;
  margin-bottom: 10px;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  font-family: "Rubik", sans-serif;
}
.about-left h2 {
  font-size: 40px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.about-list ul {
  -moz-columns: 2;
  columns: 2;
  margin-top: 10px;
}
.about-list ul li {
  margin: 5px 0;
}
.about-list ul li i {
  margin-right: 7px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 2px;
  background: #0A2F5C none repeat scroll 0 0;
  color: #fff;
  line-height: 20px;
  font-size: 12px;
}

.about-signature {
  display: flex;
  align-content: center;
  align-items: center;
  margin-top: 20px;
}

.signature-left {
  width: 190px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 3px solid #f0f0ff;
}

.signature-right h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #001238;
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.about-right {
  margin-top: 30px;
}

/*================================================
13 - SERVICE AREA CSS
==================================================*/
.gauto-service-area {
  background: #f6f6f6 none repeat scroll 0 0;
  padding-bottom: 105px;
}

.service-page-area {
  padding-bottom: 70px;
}

.single-service {
  width: 100%;
  height: 250px;
  /* background: #fff none repeat scroll 0 0; */
  border: 2px solid #fff;
  transition: all 0.4s ease 0s;
  position: relative;
  box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
}

.service-page-area .single-service {
  margin: 30px 0 0 0;
}

.service-number {
  font-size: 55px;
  position: absolute;
  top: 25px;
  right: 25px;
  width: 60px;
  height: 55px;
  font-weight: 500;
  line-height: 55px;
  color: rgba(255, 255, 255, 0.4509803922);
  border-radius: 0 0 0 10px;
  z-index: 1;
  transition: all 0.3s;
}

.service-icon {
  width: 60px;
}

.service-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  width: 100%;
  height: 60px;
  background: linear-gradient(to top, black, transparent);
}
.service-text h3 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 5px;
  color: #ffffff;
  letter-spacing: 1px;
  transition: all 0.4s ease 0s;
  text-transform: capitalize;
  font-weight: 600;
}
.service-text p {
  font-size: 15px;
  color: #fff;
  line-height: 1;
}
.service-text a {
  color: #001238;
}
.service-text a:hover {
  color: #0A2F5C;
}
.service-text h3:hover {
  color: #0A2F5C;
}

.service-slider .owl-dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: -40px;
}
.service-slider .owl-dots .owl-dot {
  display: inline-block;
}
.service-slider .owl-dots .owl-dot span {
  backface-visibility: visible;
  background: #020202 none repeat scroll 0 0;
  border-radius: 0;
  display: block;
  height: 12px;
  margin: 5px 3px 0;
  transition: all 0.4s ease 0s;
  width: 7px;
}
.service-slider .owl-dots .owl-dot.active span, .service-slider .owl-dots .owl-dot:hover span {
  background: #0A2F5C none repeat scroll 0 0;
}

/*================================================
14 - PROMO AREA CSS
==================================================*/
.gauto-promo-area {
  position: relative;
  background: url(../image/about.jpg) no-repeat center/cover fixed;
  z-index: 1;
}
.gauto-promo-area:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  z-index: -1;
}

.promo-box-left {
  position: relative;
  z-index: 1;
}
.promo-box-left img {
  width: 300px;
  margin-top: -70px;
}

.promo-box-right {
  padding-top: 70px;
}

.promo-box-left:after {
  position: absolute;
  background: #0A2F5C none repeat scroll 0 0;
  content: "";
  top: 0;
  right: 55%;
  width: 2030px;
  height: 100%;
  transform: skewX(45deg);
  z-index: -1;
}
.promo-box-left:before {
  position: absolute;
  background: #fff none repeat scroll 0 0;
  content: "";
  top: 0;
  right: 43%;
  width: 70px;
  height: 100%;
  transform: skewX(45deg);
  z-index: -1;
}

.promo-box-right h3 {
  font-size: 34px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 50px;
}

/*================================================
15 - HOT OFFERS AREA CSS
==================================================*/
#offerTab {
  text-align: center;
  width: 100%;
  display: block;
  border: medium none;
  margin: 30px 0;
}
#offerTab li {
  display: inline-block;
  margin: 0 5px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border: medium none;
}
.nav-tabs .nav-link {
  border: medium none;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border: medium none;
}

#offerTab li.nav-item a.nav-link {
  display: inline-block;
  text-transform: uppercase;
  padding: 7px 25px;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
#offerTab li.nav-item a.nav-link.active {
  display: inline-block;
  text-transform: uppercase;
  padding: 7px 25px;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
#offerTab li.nav-item a.nav-link:after {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: #020202 none repeat scroll 0 0;
  z-index: -1;
  transform: skew(40deg);
  transition: all 0.3s ease 0s;
}
#offerTab li.nav-item a.nav-link:hover:after {
  background: #0A2F5C none repeat scroll 0 0;
  transform: skew(-40deg);
}
#offerTab li.nav-item a.nav-link.active:after {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease 0s;
  background: #0A2F5C none repeat scroll 0 0;
  transform: skew(-40deg);
}

.single-offers {
  text-align: center;
  padding: 20px;
  border: 3px solid #f0f0ff;
  margin-top: 30px;
}

.offer-image {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.offer-image img {
  width: 100%;
}

.offer-text {
  margin-top: 20px;
}
.offer-text h3 {
  font-size: 23px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.offer-text h4 {
  color: #020202;
  font-size: 18px;
  text-transform: capitalize;
  margin-top: 8px;
}
.offer-text h4 span {
  text-transform: capitalize;
  color: #0A2F5C;
  font-size: 16px;
}

.offer-action {
  text-align: center;
  background: #020202 none repeat scroll 0 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  margin: 25px auto 0;
  transition: all 0.4s ease 0s;
}
.offer-action a {
  display: inline-block;
  text-transform: uppercase;
  padding: 7px 15px;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
  width: 47%;
}
.offer-action:after {
  position: absolute;
  content: "";
  width: 66%;
  height: 100%;
  background: #0A2F5C none repeat scroll 0 0;
  right: -36px;
  z-index: -1;
  transform: skewX(40deg);
  transition: all 0.4s ease 0s;
}
.offer-action:hover {
  background: #0A2F5C none repeat scroll 0 0;
}
.offer-action:hover:after {
  background: #020202 none repeat scroll 0 0;
}

.offer-text ul {
  text-align: center;
  margin-top: 10px;
}
.offer-text ul li {
  display: inline-block;
  font-size: 14px;
  margin: 0 3px;
}
.offer-text ul li i {
  margin-right: 5px;
  color: #0A2F5C;
}

/*================================================
16 - TESTIMONIAL AREA CSS
==================================================*/
.gauto-testimonial-area {
  position: relative;
  background: url(../img/promo_bg.jpg) no-repeat fixed 0 0/cover;
  z-index: 1;
  padding-bottom: 100px;
}
.gauto-testimonial-area:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  z-index: -1;
}
.gauto-testimonial-area .site-heading h2 {
  color: #fff;
}

.single-testimonial {
  background: #fff none repeat scroll 0 0;
  padding: 30px;
  margin-top: 30px;
}

.testimonial-text {
  position: relative;
}
.testimonial-text:after {
  position: absolute;
  content: "\f10e";
  color: #001238;
  font-size: 80px;
  font-family: Fontawesome;
  top: 34%;
  left: 35%;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.testimonial-meta {
  margin-top: 30px;
}

.client-image {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  float: left;
}
.client-image img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
}

.client-info {
  overflow: hidden;
}
.client-info h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #001238;
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.client-info p {
  color: #0A2F5C;
}

.testimonial-slider .owl-dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: -40px;
}
.testimonial-slider .owl-dots .owl-dot {
  display: inline-block;
}
.testimonial-slider .owl-dots .owl-dot span {
  backface-visibility: visible;
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  display: block;
  height: 12px;
  margin: 5px 3px 0;
  transition: all 0.4s ease 0s;
  width: 7px;
}
.testimonial-slider .owl-dots .owl-dot.active span, .testimonial-slider .owl-dots .owl-dot:hover span {
  background: #0A2F5C none repeat scroll 0 0;
}

/*================================================
17 - DRIVER AREA CSS
==================================================*/
.gauto-driver-area {
  padding-bottom: 70px;
}

.single-driver {
  margin-top: 30px;
}

.driver-img-details img {
  width: 100%;
}

.driver-image {
  position: relative;
  overflow: hidden;
}
.driver-image img {
  width: 100%;
}
.driver-image .hover {
  position: absolute;
  right: 0px;
  top: 20px;
  z-index: 111;
}
.driver-image .hover .social-icon li + li {
  margin-top: 10px;
  display: block;
}
.driver-image .hover .social-icon li a {
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #0A2F5C;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s ease-in;
}
.driver-image .hover .social-icon li a:hover {
  background-color: #001238;
}
.driver-image .hover .social-icon li:nth-child(1) {
  position: absolute;
  top: 20px;
  transform: translateX(80px);
  transition: transform 500ms;
  transition-delay: 100ms;
}
.driver-image .hover .social-icon li:nth-child(2) {
  position: absolute;
  top: 60px;
  transform: translateX(80px);
  transition: transform 500ms;
  transition-delay: 200ms;
}
.driver-image .hover .social-icon li:nth-child(3) {
  position: absolute;
  top: 110px;
  transform: translateX(80px);
  transition: transform 500ms;
  transition-delay: 300ms;
}
.driver-image .hover .social-icon li:nth-child(4) {
  position: absolute;
  top: 160px;
  transform: translateX(80px);
  transition: transform 500ms;
  transition-delay: 400ms;
}

.single-driver:hover .driver-image .hover .social-icon li:nth-child(1), .single-driver:hover .driver-image .hover .social-icon li:nth-child(2), .single-driver:hover .driver-image .hover .social-icon li:nth-child(3), .single-driver:hover .driver-image .hover .social-icon li:nth-child(4) {
  transform: translateX(-60px);
}

.driver-image {
  position: relative;
}
.driver-image:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000 none repeat scroll 0 0;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.driver-text {
  text-align: center;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.11);
  padding: 30px 15px;
}
.driver-text h3 {
  font-size: 22px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 5px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.driver-text a {
  color: #001238;
}
.driver-text a h3:hover {
  color: #0A2F5C;
}

.driver_page .pagination-box-row {
  text-align: center;
}

.load-more {
  text-align: center;
  margin-top: 20px;
}
.load-more a.gauto-btn {
  color: #0A2F5C;
  margin-bottom: 0;
}
.load-more a.gauto-btn:hover {
  color: #fff;
}

/*================================================
18 - CALL AREA CSS
==================================================*/
.call-box {
  background: url(../image/about.jpg) no-repeat center/cover fixed;
  text-align: center;
  border-radius: 5px;
  position: relative;
  padding: 50px 0;
  z-index: 1;
}

.call-box-inner {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.call-box:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  z-index: -1;
  border-radius: 5px;
}
.call-box h2 {
  font-size: 40px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 50px;
}
.call-box h2 span {
  color: #0A2F5C;
}

.call-box-inner p {
  color: #b6b6b6;
}

.call-number {
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
  align-content: center;
  align-items: center;
}

.call-icon {
  font-size: 50px;
  margin-right: 30px;
  color: #fff;
}

.call-text {
  text-align: left;
}
.call-text p {
  text-transform: capitalize;
  color: #ffffff;
  font-size: 17px;
  margin-bottom: 5px;
}
.call-text h4 {
  color: #eee;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.call-text h4 a {
  color: #eee;
}

/*================================================
19 - BLOG AREA CSS
==================================================*/
.single-blog {
  border: 3px solid #f0f0ff;
  margin-top: 30px;
}

.blog-text {
  padding: 15px 20px;
}
.blog-text h3 {
  font-size: 18px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.blog-text h3 a {
  color: #001238;
}
.blog-text h3 a:hover {
  color: #0A2F5C;
}

.blog-meta-home {
  padding-top: 15px;
  border-top: 3px solid #f0f0ff;
}

.blog-image img {
  width: 100%;
}

.blog-meta-home {
  padding-top: 15px;
  border-top: 3px solid #f0f0ff;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.blog-meta-left {
  display: flex;
  flex: 1;
}

.blog-meta-right {
  display: flex;
  flex: 1;
  justify-content: end;
}
.blog-meta-right p {
  margin-left: 15px;
}
.blog-meta-right p i {
  margin-right: 5px;
  color: #0A2F5C;
}

.gauto-blog-page-area {
  padding-top: 40px;
}

.blog-page-left .blog-text h3 {
  font-size: 24px;
}

.blog-text ul {
  margin-bottom: 20px;
}
.blog-text ul li {
  display: inline-block;
  margin-right: 10px;
}
.blog-text ul li i {
  margin-right: 5px;
  color: #0A2F5C;
}
.blog-text ul li a {
  color: #111;
}
.blog-text a.gauto-btn {
  color: #0A2F5C;
  color: #0A2F5C;
  margin: 20px 0 0 0;
}
.blog-text a.gauto-btn:hover {
  color: #fff;
}

.blog-page-right .sidebar-widget {
  margin-top: 30px;
  margin-bottom: 0;
}
.blog-page-right .recent-text h4 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 1px;
}

/*================================================
20 - FOOTER AREA CSS
==================================================*/
.footer-top-area {
  padding: 50px 0;
  background: url(../img/footer-bg.jpg) no-repeat scroll 0 0/cover;
  position: relative;
  z-index: 1;
}
.footer-top-area:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: -1;
}

.single-footer {
  clear: both;
  color: #aaaeb1;
}

.quick-links {
  float: left;
  width: 45%;
}

.footer-logo {
  margin-bottom: 15px;
}

.single-footer h3,
.footer-address h3 {
  font-size: 17px;
  color: #eee;
  letter-spacing: 1px;
  margin-bottom: 30px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  position: relative;
}

.single-footer > h3:after,
.footer-address > h3:after {
  position: absolute;
  content: "";
  bottom: -13px;
  width: 18%;
  height: 2px;
  background: #0A2F5C;
  left: 0;
}

.quick_links {
  overflow: hidden;
}

.quick-links li a {
  color: #aaaeb1;
}
.quick-links li a:hover {
  color: #fff;
}

.footer-address {
  margin-top: 30px;
}

.newsletter_box {
  margin-top: 30px;
}
.newsletter_box form {
  width: 230px;
  height: 40px;
  background: #222;
  position: relative;
  border-radius: 5px;
}
.newsletter_box form input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #272727;
  height: 100%;
  border: medium none;
  padding: 5px 10px;
  color: #eee;
  border-radius: 5px;
}
.newsletter_box form button {
  position: absolute;
  border: medium none;
  background: transparent;
  right: 10px;
  height: 100%;
  color: #0A2F5C;
  cursor: pointer;
}

.footer-post-image {
  width: 70px;
  float: left;
  margin-right: 10px;
}
.footer-post-image img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.footer-post-text {
  overflow: hidden;
}

.single-footer-post {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}

.footer-post-text h3 {
  color: #eee;
  font-size: 14px;
  margin-bottom: 5px;
  text-transform: capitalize;
  line-height: 23px;
  font-weight: normal;
}
.footer-post-text h3 a {
  color: #aaaeb1;
}
.footer-post-text h3 a:hover {
  color: #eee;
}
.footer-post-text p {
  color: #e97369;
  font-style: italic;
  font-size: 13px;
}

.footer-bottom-area {
  padding: 20px 0;
  background: #020202;
  border-top: 1px solid #333;
}

.copyright p {
  color: #aaa;
  font-size: 14px;
  text-transform: capitalize;
}
.copyright p i {
  color: #0A2F5C;
  margin: 0 2px;
}
.copyright p a {
  color: #aaa;
}

.footer-social ul {
  text-align: right;
}
.footer-social ul li {
  display: inline-block;
  margin-left: 10px;
}
.footer-social ul li a {
  display: block;
  color: #eee;
  font-size: 14px;
}

/*================================================
21 - ABOUT PAGE CSS
==================================================*/
.about-page-left h4 {
  font-size: 20px;
  color: #0A2F5C;
  margin-bottom: 10px;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  font-family: "Rubik", sans-serif;
}
.about-page-left h3 {
  font-size: 36px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 45px;
}
.about-page-left p {
  margin: 0 0 10px;
}
.about-page-left p span {
  color: #111;
  text-transform: capitalize;
}

.about-page-call {
  display: flex;
  margin-top: 30px;
  align-content: center;
  align-items: center;
}

.page-call-icon {
  font-size: 50px;
  margin-right: 30px;
  color: #0A2F5C;
}

.call-info p {
  text-transform: capitalize;
  color: #0A2F5C;
  font-size: 17px;
  margin-bottom: 5px;
}
.call-info h4 {
  color: #001238;
  font-size: 20px;
  letter-spacing: 2px;
}
.call-info h4 a {
  color: #001238;
}

.about-promo-text {
  text-align: center;
  width: 55%;
  margin: 0 auto;
}

.gauto-about-promo {
  padding-bottom: 50px;
  background: #fbfbfd none repeat scroll 0 0;
}

.about-promo-text h3 {
  font-size: 36px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 45px;
}
.about-promo-text h3 span {
  color: #0A2F5C;
}

.about-promo-image {
  margin-top: 30px;
}

/*================================================
22 - SERVICE DETAILS CSS
==================================================*/
.sidebar-widget {
  margin-bottom: 30px;
}
.sidebar-widget:last-child {
  margin-bottom: 0;
}

.service-menu {
  padding: 15px;
  background: #f4f4f5 none repeat scroll 0 0;
}
.service-menu li {
  margin-bottom: 5px;
}
.service-menu li:last-child {
  margin-bottom: 0;
}
.service-menu li a {
  display: block;
  padding: 10px 20px;
  background: #fff none repeat scroll 0 0;
  color: #001238;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
}
.service-menu li a span {
  margin-left: 5px;
}
.service-menu li.active a,
.service-menu li a:hover {
  color: #0A2F5C;
  padding-left: 25px;
}

.brochures {
  text-align: center;
  background: #020202 none repeat scroll 0 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  margin: 25px auto 0;
  transition: all 0.4s ease 0s;
}
.brochures:after {
  position: absolute;
  content: "";
  width: 62%;
  height: 100%;
  background: #0A2F5C none repeat scroll 0 0;
  right: -36px;
  z-index: -1;
  transform: skewX(40deg);
  transition: all 0.4s ease 0s;
}
.brochures a {
  display: inline-block;
  text-transform: uppercase;
  padding: 15px;
  font-weight: 500;
  color: #fff;
  font-size: 14px;
  width: 47%;
}
.brochures a i {
  margin-right: 5px;
}
.brochures:hover {
  background: #0A2F5C none repeat scroll 0 0;
}
.brochures:hover:after {
  background: #020202 none repeat scroll 0 0;
}

.service-page-banner {
  background: url(../img/find-box-bg.png) no-repeat scroll 0 0/cover;
  padding: 30px;
  text-align: center;
  color: #fff;
}
.service-page-banner > h3 {
  font-size: 28px !important;
  color: #fff !important;
  letter-spacing: 1px !important;
  margin-bottom: 15px !important;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  line-height: 40px !important;
}
.service-page-banner a {
  margin-bottom: 0;
  border-color: #fff;
  margin-top: 20px;
}
.service-page-banner a:before, .service-page-banner a:after {
  content: "";
  display: block;
  position: absolute;
  border-color: #fff;
  box-sizing: border-box;
  border-style: solid;
  width: 1em;
  height: 1em;
  transition: all 0.3s ease-in-out;
}
.service-page-banner a:hover {
  color: #0A2F5C;
  background-color: #fff;
  border-color: #fff;
}
.service-page-banner a:hover:before, .service-page-banner a:hover:after {
  border-color: #fff;
}

.service-details-right h3,
.sidebar-widget h3 {
  font-size: 30px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 45px;
}

.service-details-right p {
  margin: 0 0 10px;
}

.pad-right-sm {
  padding-right: 7px;
}

.pad-left-sm {
  padding-left: 7px;
}

.service-details-image {
  margin-top: 10px;
}

.service-details-list ul {
  width: 50%;
  float: left;
  margin-top: 20px;
}
.service-details-list li {
  margin: 5px 0;
}
.service-details-list li i {
  color: #0A2F5C;
  margin-right: 5px;
}

.service-accordion {
  margin-top: 20px;
}
.service-accordion h3 {
  font-size: 20px;
}

.sidebar-widget h3 {
  font-size: 20px;
}

.Tags-catagory {
  padding: 15px;
  background: #f4f4f5 none repeat scroll 0 0;
}
.Tags-catagory li {
  display: inline-block;
  border: medium none !important;
  padding: 0 !important;
  margin: 2px 0;
}
.Tags-catagory a {
  color: #001238;
  font-weight: 500;
  text-transform: capitalize;
  display: inline-block;
  padding: 5px 15px;
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
}
.Tags-catagory a:hover {
  color: #0A2F5C;
}

.single_faq_accordian {
  margin-top: 10px;
}

.faq_accordian_header > a {
  display: block;
  text-align: left;
  padding: 15px 15px 15px 85px;
  background: #020202 none repeat scroll 0 0;
  font-size: 15px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
  border: 0px solid rgba(0, 0, 0, 0.08);
  border-radius: 0;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.faq_accordian_header > a:hover, .faq_accordian_header > a:focus {
  background: #020202 none repeat scroll 0 0;
  color: #fff;
  outline: medium none;
}
.faq_accordian_header > a:after {
  position: absolute;
  content: "\f056";
  font-family: Fontawesome;
  left: 30px;
  color: #fff;
  font-size: 18px;
  transition: all 0.4s ease 0s;
}
.faq_accordian_header > a.collapsed:after {
  position: absolute;
  content: "\f055";
  font-family: Fontawesome;
  left: 30px;
  color: #fff;
  font-size: 18px;
}
.faq_accordian_header > a:before {
  position: absolute;
  content: "";
  top: 0;
  width: 13%;
  height: 101%;
  left: -26px;
  background: #0A2F5C;
  transform: skew(-30deg);
  transition: all 0.4s ease 0s;
}
.faq_accordian_header > a.collapsed:before {
  position: absolute;
  content: "";
  top: 0;
  width: 13%;
  height: 101%;
  left: -26px;
  background: #0A2F5C;
  transform: skew(30deg);
}

.faq_accordian_body {
  padding: 10px;
}

/*================================================
23 - CAR LISTING CSS
==================================================*/
.sidebar-widget form {
  background: #f4f4f5 none repeat scroll 0 0;
  padding: 15px;
}
.sidebar-widget form p {
  margin-bottom: 10px;
}
.sidebar-widget form p input {
  width: 100%;
  border: 2px solid #fff;
  padding: 5px 10px;
  height: 45px;
  color: #111;
  transition: all 0.4s ease 0s;
}
.sidebar-widget form p .nice-select {
  width: 100%;
  border: 2px solid #fff;
  height: 45px;
  transition: all 0.4s ease 0s;
  border-radius: 0;
  margin-bottom: 10px;
}
.sidebar-widget form p input:focus {
  border: 2px solid #0A2F5C;
}
.sidebar-widget form p:last-child {
  margin-bottom: 0;
}
.sidebar-widget form p .nice-select.open .list {
  width: 100%;
}
.sidebar-widget form p button {
  margin-top: 20px;
  background: #fff none repeat scroll 0 0;
}

.property-page-heading {
  border: 0px solid #f0f0ff;
  padding: 7px 15px;
  background: #f4f4f5 none repeat scroll 0 0;
  display: flex;
  align-content: center;
  align-items: center;
}

.propertu-page-shortby {
  display: flex;
}
.propertu-page-shortby .nice-select {
  background-color: #f4f4f5;
  border-radius: 0;
  border: solid 0px #e8e8e8;
  width: 200px;
}

.propertu-page-head {
  flex: 1;
}
.propertu-page-head ul li {
  display: inline-block;
  margin-right: 10px;
}
.propertu-page-head ul li.active a {
  color: #111;
}

.paging_status {
  display: flex;
  flex: 1;
}

.propertu-page-head ul li a:hover,
.paging_status p {
  color: #111;
}

.propertu-page-shortby label {
  margin-top: 5px;
  margin-bottom: 0;
  margin-right: 10px;
  color: #111;
  font-size: 14px;
}
.propertu-page-shortby label i {
  margin-right: 5px;
}

/*================================================
24 - CAR BOOKING CSS
==================================================*/
.gauto-car-booking {
  background: #fbfbfb none repeat scroll 0 0;
}

.rental-tag {
  display: inline-block;
  padding: 5px 15px;
  line-height: 20px;
  text-transform: uppercase;
  background: #0A2F5C;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border-radius: 3px;
  margin-bottom: 5px;
}

.car-booking-right h3 {
  font-size: 30px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 45px;
}
.car-booking-right h4 {
  color: #020202;
  font-size: 18px;
  text-transform: capitalize;
  margin-top: 0px;
  display: inline-block;
}
.car-booking-right h4 span {
  text-transform: capitalize;
  color: #0A2F5C;
  font-size: 16px;
}

.price-rent {
  display: inline-block;
  margin-right: 15px;
}

.car-rating {
  display: inline-block;
}
.car-rating ul {
  display: inline-block;
}
.car-rating ul li {
  display: inline-block;
  margin-right: 1px;
  color: #ffcd00;
}
.car-rating p {
  display: inline-block;
  margin-left: 5px;
  color: #001238;
  text-transform: capitalize;
}

.price-rating {
  margin-bottom: 20px;
}

.car-features ul {
  width: 32%;
  float: left;
  margin-top: 20px;
}
.car-features ul li {
  margin: 5px 0;
}
.car-features ul li i {
  margin-right: 5px;
  color: #0A2F5C;
}

.single-booking h3,
.booking-right h3 {
  font-size: 23px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0ff;
}

.single-booking {
  margin-bottom: 30px;
}
.single-booking form label {
  display: block;
  color: #001238;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
}
.single-booking form p {
  margin-top: 15px;
}
.single-booking form p input {
  width: 100%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  height: 45px;
  color: #111;
  transition: all 0.4s ease 0s;
}
.single-booking form p textarea {
  width: 100%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  height: 120px;
  color: #111;
  transition: all 0.4s ease 0s;
}
.single-booking form p .nice-select {
  width: 100%;
  border: 2px solid #f0f0ff;
  height: 45px;
  transition: all 0.4s ease 0s;
  border-radius: 0;
}
.single-booking form p input:focus {
  border: 2px solid #0A2F5C;
}
.single-booking:last-child {
  margin-bottom: 0px;
}

.gauto-payment .payment {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}
.gauto-payment .payment input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.gauto-payment .payment label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 30px;
  margin: 10px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  color: #020202;
  font-weight: 500;
}
.gauto-payment .payment .check {
  display: block;
  position: absolute;
  border: 3px solid #AAAAAA;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 14px;
  left: 0;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}
.gauto-payment .payment .check:before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 3px solid #0A2F5C;
}
input[type=radio]:checked ~ .check:before {
  background: #0A2F5C;
}
input[type=radio]:checked ~ label {
  color: #0A2F5C;
}

.payment img {
  float: right;
  margin-top: 15px;
}

.action-btn {
  text-align: right;
}
.action-btn a.gauto-btn {
  color: #0A2F5C;
  margin: 30px 0 0 0;
}
.action-btn a.gauto-btn:hover {
  color: #fff;
}

/*================================================
25 - GALLERY CSS
==================================================*/
.gauto-gallery-area {
  padding-top: 40px;
  padding-bottom: 60px;
}

.single-gallery {
  position: relative;
  display: block;
  margin-top: 30px;
  z-index: 6;
}
.single-gallery .img-holder {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 5;
}
.single-gallery .img-holder img {
  width: 100%;
  transform: scale(1.01);
  transition: all 700ms ease;
}
.single-gallery .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.78);
  transform: scaleX(0);
  transition: all 700ms ease 100ms;
}
.single-gallery .overlay-content .inner-content {
  display: table;
  width: 100%;
  height: 100%;
}
.single-gallery .overlay-content .inner-content .title-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateX(-90deg) translateZ(-45px);
  transition: all 300ms ease 100ms;
}

.title-box h3 {
  font-size: 24px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 5px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.single-gallery .overlay-content .inner-content .title-box h3 a {
  color: #ffffff;
  transition: all 500ms ease;
}
.single-gallery .img-holder .link-zoom-button {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  text-align: center;
  display: block;
  background: transparent;
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateX(90deg) translateZ(-45px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 300ms ease 200ms;
  z-index: 3;
}
.single-gallery .img-holder .link-zoom-button .single-button {
  position: relative;
  display: block;
  width: 50%;
  float: left;
  position: relative;
  display: block;
  width: 50%;
  float: left;
}
.single-gallery .img-holder .link-zoom-button .single-button a {
  position: relative;
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 60px;
  font-weight: 500;
  background: #0A2F5C;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  transition: all 500ms ease;
}
.single-gallery .img-holder .link-zoom-button .single-button a.zoom {
  color: #ffffff;
  background: #131313;
}
.single-gallery:hover .img-holder img {
  transform: scale(1.2) rotate(2deg);
}
.single-gallery:hover .overlay-content {
  transform: scaleY(1);
}
.single-gallery:hover .overlay-content .inner-content .title-box {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: translate3d(0px, 0px, 0px);
  transition: all 700ms ease 500ms;
}

.single-button a span {
  margin-right: 5px;
}

.single-gallery:hover .img-holder .link-zoom-button {
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all 700ms ease 800ms;
}

/*================================================
26 - PRODUCT PAGE CSS
==================================================*/
.product_search {
  width: 100%;
  background: #f4f4f5 none repeat scroll 0 0 !important;
  padding: 0 !important;
  height: 50px;
  position: relative;
  border-radius: 5px 0 0 5px;
}
.product_search input {
  position: absolute;
  width: 100%;
  height: 100%;
  border: medium none;
  padding: 5px 15px;
  background: transparent;
}
.product_search button {
  position: absolute;
  right: 0;
  border: medium none;
  height: 100%;
  width: 20%;
  color: #fff;
  cursor: pointer;
  background: #001238 none repeat scroll 0 0;
  font-size: 15px;
  border-radius: 0 5px 5px 0px;
}

.product-page-left .sidebar-widget h3 {
  font-size: 18px;
}

.top-products {
  padding: 15px;
  background: #f4f4f5 none repeat scroll 0 0;
}
.top-products li {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  background: #fff none repeat scroll 0 0;
  overflow: hidden;
}
.top-products li:last-child {
  border-bottom: 0px solid #ddd;
}

.recent-img {
  margin-right: 15px;
  width: 80px;
  float: left;
}

.recent-text {
  vertical-align: middle;
  overflow: hidden;
}
.recent-text h4 {
  font-size: 17px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.recent-text h4 a {
  color: #001238;
}
.recent-text p {
  color: #0A2F5C;
  font-weight: 500;
}

.product-title p {
  color: #0A2F5C;
  font-weight: 500;
}

.product-image img {
  width: 100%;
}

.product-text {
  padding-top: 15px;
  padding-top: 15px;
  display: flex;
  align-content: center;
  align-items: center;
}
.product-text h3 {
  font-size: 18px;
  color: #001238;
  letter-spacing: 1px;
  margin: 5px 0;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.product-text h3 a {
  color: #001238;
}

.product-action {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.product-action a {
  width: 45px;
  height: 45px;
  text-align: center;
  border: 1px solid #ddd;
  line-height: 44px;
  font-size: 16px;
  color: #333;
  border-radius: 5px;
}
.product-action a:hover {
  background: #0A2F5C none repeat scroll 0 0;
  color: #fff;
  border: 1px solid #0A2F5C;
}

.product-item {
  margin-bottom: 30px;
}

/*================================================
27 - PRODUCT DETAILS PAGE CSS
==================================================*/
.product-details-image {
  text-align: center;
}
.product-details-image img {
  width: 100%;
  padding: 15px;
  background: #f4f4f5 none repeat scroll 0 0;
}

.product-details-text h3 {
  font-size: 30px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 45px;
}

.single-pro-page-para {
  margin: 20px 0;
}

.single-shop-price > p {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin-top: 15px;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin-top: 15px;
}
.single-shop-price > p input {
  border: 1px solid #ddd;
  font-weight: 500;
  margin-left: 20px;
  padding: 5px 10px;
  width: 80px;
}
.single-shop-price p span {
  color: #0A2F5C;
}

.single-shop-page-btn {
  display: flex;
  align-content: center;
  align-items: center;
  margin-top: 30px;
}
.single-shop-page-btn a.gauto-btn {
  color: #0A2F5C;
  margin: 0;
}
.single-shop-page-btn a.gauto-btn:hover {
  color: #fff;
}
.single-shop-page-btn ul {
  margin-left: 30px;
}
.single-shop-page-btn ul li {
  display: inline-block;
  margin: 0 2px;
}
.single-shop-page-btn ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #333;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.single-shop-page-btn ul li a:hover {
  background: #0A2F5C none repeat scroll 0 0;
  color: #fff;
  border: 1px solid #0A2F5C;
}

.gauto-cart-close a:hover {
  background: #0A2F5C none repeat scroll 0 0;
  color: #fff;
  border: 1px solid #0A2F5C;
}

.gauto-related-products .product-item {
  margin-top: 30px;
  margin-bottom: 0;
}

/*================================================
28 - CART PAGE CSS
==================================================*/
.cart-table-left h3,
.order-summury-box h3 {
  font-size: 22px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 45px;
}

.cart-table-left thead {
  background: #f4f4f5 none repeat scroll 0 0;
  border: medium none;
}
.cart-table-left thead th {
  border: medium none;
  color: #001238;
}

.gauto-cart-preview {
  width: 115px;
  height: 100px;
  text-align: center;
}
.gauto-cart-preview img {
  width: 100%;
  height: 100%;
}

.table th,
.table td {
  vertical-align: baseline;
  border-top: 0px;
  border-bottom: 1px solid #f0f0ff;
}

.cart-table-left table td p {
  color: #001238;
  text-transform: capitalize;
}

.gauto-cart-quantity > input {
  border: 1px solid #ddd;
  padding: 5px;
  width: 70px;
}

.gauto-cart-close {
  text-align: center;
}

.gauto-cart-total {
  font-weight: 500;
}

.gauto-cart-close a {
  color: #333;
  width: 35px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.cart-clear {
  margin-top: 20px;
}
.cart-clear a {
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  color: #001238;
  margin-right: 15px;
}
.cart-clear a:last-child {
  margin-right: 1px;
}
.cart-clear a:hover {
  color: #0A2F5C;
}

.order-summury-box {
  padding: 30px;
  background: #f4f4f5 none repeat scroll 0 0;
}
.order-summury-box table {
  width: 100%;
}
.order-summury-box table tr {
  border-bottom: 1px solid #ddd;
}
.order-summury-box table tr:last-child {
  border-bottom: 0px solid #ddd;
}
.order-summury-box table td {
  padding: 10px 0;
  color: #001238;
}

.checkout-action {
  text-align: right;
  margin-top: 30px;
}
.checkout-action a.gauto-btn {
  color: #0A2F5C;
  margin: 0;
}
.checkout-action a.gauto-btn:hover {
  color: #fff;
}

/*================================================
29 - CHECKOUT PAGE CSS
==================================================*/
.checkout-left-box h3 {
  font-size: 23px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 45px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0ff;
}
.checkout-left-box form .checkout-form {
  margin-top: 15px;
}
.checkout-left-box form input {
  width: 100%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  height: 45px;
  color: #111;
  transition: all 0.4s ease 0s;
}
.checkout-left-box form textarea {
  width: 100%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  height: 135px;
  color: #111;
  transition: all 0.4s ease 0s;
}
.checkout-left-box form input:focus {
  border: 2px solid #0A2F5C;
}
.checkout-left-box form label {
  color: #001238;
}

/*================================================
30 - BLOG DETAILS PAGE CSS
==================================================*/
.single-blog-page .blog-text {
  padding: 30px 0 0 0;
}
.single-blog-page .blog-text p {
  margin: 0 0 10px;
}
.single-blog-page .single-blog {
  border: 0px solid #f0f0ff;
}

.blog-content-img {
  margin-bottom: 15px;
}

.single-blog-page blockquote {
  margin: 30px 0;
  position: relative;
}
.single-blog-page blockquote .quote-inner {
  border-left: 2px solid #ddd;
  margin-left: 25px;
  padding-left: 60px;
  position: relative;
}
.single-blog-page blockquote .quote-icon {
  background-color: #ffffff;
  border: 2px solid #e9f2f7;
  border-radius: 50%;
  color: #d2dae0;
  font-size: 16px;
  height: 35px;
  left: -18px;
  line-height: 32px;
  margin-top: -17px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 35px;
}
.single-blog-page blockquote .quote-text {
  color: #001238;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 15px;
  position: relative;
}

.gauto-comment-list,
.gauto-leave-comment {
  margin-top: 50px;
}

.gauto-comment-list h2,
.gauto-leave-comment h2 {
  font-size: 23px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.single-comment-box {
  margin-bottom: 10px;
  position: relative;
  transition: all 300ms ease 0s;
}

.main-comment {
  font-size: 14px;
  padding: 30px 0 0 90px;
  position: relative;
}

.author-image {
  border-radius: 50%;
  left: 0;
  margin-bottom: 20px;
  position: absolute;
  top: 30px;
}
.author-image img {
  display: block;
  width: 70px;
  border-radius: 50%;
  border: 6px solid #e6e6e6;
}

.comment-info h4 {
  font-size: 16px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.comment-info a {
  color: #001238;
  font-style: italic;
}
.comment-info a:hover {
  color: #0A2F5C;
}
.comment-info a i {
  margin-right: 5px;
}

.single-comment-box.reply-comment {
  padding-left: 100px;
}

.gauto-leave-comment form input {
  width: 45%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  height: 45px;
  color: #111;
  transition: all 0.4s ease 0s;
  margin: 10px 15px 10px 0px;
}
.gauto-leave-comment form textarea {
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  margin: 10px 0;
  color: #111;
  width: 93%;
  height: 175px;
  transition: all 0.4s ease 0s;
}
.gauto-leave-comment form input:focus,
.gauto-leave-comment form textarea:focus {
  border: 2px solid #0A2F5C;
}
.gauto-leave-comment .gauto-theme-btn {
  width: auto;
  margin-top: 20px;
}

/*================================================
31 - NOTFOUND PAGE CSS
==================================================*/
.notfound-box {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.notfound-box h2 {
  font-size: 130px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 130px;
}
.notfound-box h3 {
  font-size: 30px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 10px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 40px;
}
.notfound-box a.gauto-btn {
  margin: 30px 0 0 0;
  color: #0A2F5C;
}
.notfound-box a.gauto-btn:hover {
  color: #fff;
}

/*================================================
32 - LOGIN PAGE CSS
==================================================*/
.gauto-login-area {
  background: #fbfbfd none repeat scroll 0 0;
}

.login-box {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0px 3px 14px 0px rgba(0, 11, 40, 0.06);
  margin: 0 auto;
  padding: 40px;
  text-align: center;
  width: 40%;
}

.login-page-heading {
  padding-bottom: 20px;
}
.login-page-heading i {
  font-size: 22px;
  margin-right: 5px;
  color: #0A2F5C;
}
.login-page-heading > h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #001238;
  font-size: 25px;
  text-transform: capitalize;
  margin-bottom: 5px;
  display: inline-block;
}

.login-page-box > form {
  margin-top: 30px;
}

.account-form-group {
  height: 45px;
  margin-bottom: 15px;
  position: relative;
}
.account-form-group > input {
  width: 100%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px 5px 60px;
  height: 45px;
  color: #111;
  transition: all 0.4s ease 0s;
}
.account-form-group i {
  border-right: 2px solid #f0f0ff;
  color: #b7b7b7;
  font-size: 16px;
  height: 100%;
  left: 0;
  line-height: 45px;
  margin-right: 5px;
  padding-right: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 48px;
  transition: all 0.4s ease 0s;
}

.login-box button.gauto-theme-btn {
  margin: 20px 0 0 0;
  width: auto;
  display: inline-block;
}

.login-page-box button:hover {
  background: #212121 none repeat scroll 0 0;
}

.login-sign-up {
  margin-top: 25px;
  padding-top: 10px;
  border-top: 1px solid #f0f0ff;
}
.login-sign-up > a {
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  color: #001238;
}
.login-sign-up > a:hover {
  color: #0A2F5C;
}

.login-page-box .remember {
  margin-left: 0 !important;
}

.remember-row {
  display: flex;
  align-content: center;
  align-items: center;
}

.login-meta p {
  flex: 1;
  display: flex;
}

.remember-row .checkbox {
  display: flex;
  justify-content: end;
  flex: 1;
}
.remember-row .checkbox.signup {
  display: flex;
  justify-content: center;
  flex: 1;
}

.lost-pass a {
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  color: #001238;
  margin-right: 15px;
}
.lost-pass a:hover {
  color: #0A2F5C;
}

.checkbox label {
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  color: #001238;
}
@keyframes pull {
  0% {
    height: 0;
  }
  100% {
    height: 1.2rem;
  }
}
@keyframes pop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  75% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    transform: scale(1.2);
  }
}
.checkbox-spin {
  display: none;
}
.checkbox-spin + label span {
  display: inline-block;
  width: 25px;
  height: 16px;
  margin: 0 10px -3px 0;
}
.checkbox-spin + label span:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  z-index: 1;
  width: 16px;
  width: 16px;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 16px;
  height: 16px;
  height: 1rem;
  background: #fff none repeat scroll 0 0;
  border: 2px solid #dbdbdb;
}
.checkbox-spin + label span:after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  z-index: 1;
  width: 16px;
  width: 16px;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 16px;
  height: 16px;
  height: 1rem;
  background: #fff none repeat scroll 0 0;
  border: 2px solid #dbdbdb;
  z-index: 0;
  border: none;
}
.checkbox-spin:checked + label span:before {
  transform: rotateZ(180deg);
  background: #0A2F5C;
  border: 1px solid #0A2F5C;
}

/*================================================
33 - CONTACT PAGE CSS
==================================================*/
.contact-left h3,
.contact-right h3 {
  font-size: 24px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: inline-block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.contact-left form input {
  width: 100%;
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  height: 45px;
  color: #111;
  transition: all 0.4s ease 0s;
  margin: 10px 15px 10px 0px;
}
.contact-left form textarea {
  border: 2px solid #f0f0ff;
  padding: 5px 10px;
  margin: 10px 0;
  color: #111;
  width: 100%;
  height: 135px;
  transition: all 0.4s ease 0s;
}
.contact-left form input:focus,
.contact-left form textarea:focus {
  border: 2px solid #0A2F5C;
}

.single-contact-field button.gauto-theme-btn {
  width: auto;
  display: inline-block;
  margin-top: 20px;
}

.contact-details p i {
  color: #0A2F5C;
  margin-right: 5px;
}

.single-contact-btn {
  display: inline-block;
  margin-right: 10px;
  margin-top: 25px;
}
.single-contact-btn h4 {
  font-size: 16px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.social-links-contact h4 {
  font-size: 16px;
  color: #001238;
  letter-spacing: 1px;
  margin-bottom: 15px;
  transition: all 0.4s ease 0s;
  display: block;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.single-contact-btn a {
  display: inline-block;
  padding: 10px 16px;
  text-transform: lowercase;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 500;
  background: #0A2F5C none repeat scroll 0 0;
  border-radius: 4px;
}
.single-contact-btn a:hover {
  background: #001238 none repeat scroll 0 0;
}

.social-links-contact {
  margin-top: 30px;
}
.social-links-contact ul li {
  display: inline-block;
  margin: 0 2px;
}
.social-links-contact ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #333;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.social-links-contact ul li a:hover {
  background: #0A2F5C none repeat scroll 0 0;
  color: #fff;
  border: 1px solid #0A2F5C;
}

.nav-pills .nav-item .nav-link {
  border: 1px solid #0A2F5C;
  cursor: pointer;
  background: transparent;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #0A2F5C;
  border: none;
}

.work-img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .work-img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.gauto-offers-area p {
  color: gray;
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}/*# sourceMappingURL=style.css.map */